/*********************************
*
*  Overwrite Responsive CSS (new version)
*  add : 2018.04
*
**********************************/

/*********************************
*
*  reset
*
**********************************/
html {
	font-size: 14px;
	font-family:\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic ProN", \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, sans-serif;
}

body,p,
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dt,dd {
	margin:0;
	padding:0;
	font-size:100%;
	line-height:1.4em;
}
dd:not(:last-child) {
	margin-bottom:20px;
}

img {
	border:none;
	vertical-align:bottom;
	max-width:100%;
	height:auto;
}
a {
	color: #0066cc;
    background: transparent;
    text-decoration: underline;
}
a img:hover {
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)" !important;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    transition-duration: .5s;
}
ul,ol {
	list-style:none;
}

.main-contents p {
	line-height:1.6;
	margin-bottom:20px;
}
.main-contents p:last-child {
	margin-bottom:0;
}
strong {
	color:#F04692;
	font-weight:bold;
}
strong.fw-normal {
	font-weight:normal;
}


/*********************************
*
*  common
*
**********************************/
.fw-bold   { font-weight: bold;   }
.fw-normal { font-weight: normal; }

.txt-left   { text-align: left   !important;   }
.txt-center { text-align: center !important; }
.txt-right  { text-align: right  !important;  }

.valign-top      { vertical-align: top;    }
.valign-middle   { vertical-align: middle; }
.valign-bottom   { vertical-align: bottom; }
.valign-baseline { vertical-align: baseline; }

.box-center { margin-right:auto; margin-left :auto; }

.w15  { width :  15% !important; }
.w35  { width :  35% !important; }
.w50  { width :  50% !important; }
.w60  { width :  60% !important; }
.w70  { width :  70% !important; }
.w80  { width :  80% !important; }
.w90  { width :  90% !important; }
.w100 { width : 100% !important; }

.m0 { margin :0 !important; }
.p0 { padding:0 !important; }

.mt0  { margin-top :  0px !important; } .mr0  { margin-right :  0px !important; } .mb0  { margin-bottom :  0px !important; } .ml0  { margin-left :  0px !important; }
.mt5  { margin-top :  5px !important; } .mr5  { margin-right :  5px !important; } .mb5  { margin-bottom :  5px !important; } .ml5  { margin-left :  5px !important; }
.mt10 { margin-top : 10px !important; } .mr10 { margin-right : 10px !important; } .mb10 { margin-bottom : 10px !important; } .ml10 { margin-left : 10px !important; }
.mt15 { margin-top : 15px !important; } .mr15 { margin-right : 15px !important; } .mb15 { margin-bottom : 15px !important; } .ml15 { margin-left : 15px !important; }
.mt20 { margin-top : 20px !important; } .mr20 { margin-right : 20px !important; } .mb20 { margin-bottom : 20px !important; } .ml20 { margin-left : 20px !important; }
.mt25 { margin-top : 25px !important; } .mr25 { margin-right : 25px !important; } .mb25 { margin-bottom : 25px !important; } .ml25 { margin-left : 25px !important; }
.mt30 { margin-top : 30px !important; } .mr30 { margin-right : 30px !important; } .mb30 { margin-bottom : 30px !important; } .ml30 { margin-left : 30px !important; }
.mt35 { margin-top : 35px !important; } .mr35 { margin-right : 35px !important; } .mb35 { margin-bottom : 35px !important; } .ml35 { margin-left : 35px !important; }
.mt40 { margin-top : 40px !important; } .mr40 { margin-right : 40px !important; } .mb40 { margin-bottom : 40px !important; } .ml40 { margin-left : 40px !important; }
.mt45 { margin-top : 45px !important; } .mr45 { margin-right : 45px !important; } .mb45 { margin-bottom : 45px !important; } .ml45 { margin-left : 45px !important; }
.mt50 { margin-top : 50px !important; } .mr50 { margin-right : 50px !important; } .mb50 { margin-bottom : 50px !important; } .ml50 { margin-left : 50px !important; }
.mt55 { margin-top : 55px !important; } .mr55 { margin-right : 55px !important; } .mb55 { margin-bottom : 55px !important; } .ml55 { margin-left : 55px !important; }
.mt60 { margin-top : 60px !important; } .mr60 { margin-right : 60px !important; } .mb60 { margin-bottom : 60px !important; } .ml60 { margin-left : 60px !important; }
.mt65 { margin-top : 65px !important; } .mr65 { margin-right : 65px !important; } .mb65 { margin-bottom : 65px !important; } .ml65 { margin-left : 65px !important; }
.mt70 { margin-top : 70px !important; } .mr70 { margin-right : 70px !important; } .mb70 { margin-bottom : 70px !important; } .ml70 { margin-left : 70px !important; }
.mt75 { margin-top : 75px !important; } .mr75 { margin-right : 75px !important; } .mb75 { margin-bottom : 75px !important; } .ml75 { margin-left : 75px !important; }
.mt80 { margin-top : 80px !important; } .mr80 { margin-right : 80px !important; } .mb80 { margin-bottom : 80px !important; } .ml80 { margin-left : 80px !important; }
.mt85 { margin-top : 85px !important; } .mr85 { margin-right : 85px !important; } .mb85 { margin-bottom : 85px !important; } .ml85 { margin-left : 85px !important; }
.mt90 { margin-top : 90px !important; } .mr90 { margin-right : 90px !important; } .mb90 { margin-bottom : 90px !important; } .ml90 { margin-left : 90px !important; }
.mt95 { margin-top : 95px !important; } .mr95 { margin-right : 95px !important; } .mb95 { margin-bottom : 95px !important; } .ml95 { margin-left : 95px !important; }
.mt100{ margin-top : 100px !important;} .mr100{ margin-right : 100px !important;} .mb100{ margin-bottom : 100px !important;} .ml100{ margin-left : 100px !important;}

.pt0  { padding-top :  0px !important; } .pr0  { padding-right :  0px !important; } .pb0  { padding-bottom :  0px !important; } .pl0  { padding-left :  0px !important; }
.pt5  { padding-top :  5px !important; } .pr5  { padding-right :  5px !important; } .pb5  { padding-bottom :  5px !important; } .pl5  { padding-left :  5px !important; }
.pt10 { padding-top : 10px !important; } .pr10 { padding-right : 10px !important; } .pb10 { padding-bottom : 10px !important; } .pl10 { padding-left : 10px !important; }
.pt15 { padding-top : 15px !important; } .pr15 { padding-right : 15px !important; } .pb15 { padding-bottom : 15px !important; } .pl15 { padding-left : 15px !important; }
.pt20 { padding-top : 20px !important; } .pr20 { padding-right : 20px !important; } .pb20 { padding-bottom : 20px !important; } .pl20 { padding-left : 20px !important; }
.pt25 { padding-top : 25px !important; } .pr25 { padding-right : 25px !important; } .pb25 { padding-bottom : 25px !important; } .pl25 { padding-left : 25px !important; }
.pt30 { padding-top : 30px !important; } .pr30 { padding-right : 30px !important; } .pb30 { padding-bottom : 30px !important; } .pl30 { padding-left : 30px !important; }
.pt35 { padding-top : 35px !important; } .pr35 { padding-right : 35px !important; } .pb35 { padding-bottom : 35px !important; } .pl35 { padding-left : 35px !important; }
.pt40 { padding-top : 40px !important; } .pr40 { padding-right : 40px !important; } .pb40 { padding-bottom : 40px !important; } .pl40 { padding-left : 40px !important; }
.pt45 { padding-top : 45px !important; } .pr45 { padding-right : 45px !important; } .pb45 { padding-bottom : 45px !important; } .pl45 { padding-left : 45px !important; }
.pt50 { padding-top : 50px !important; } .pr50 { padding-right : 50px !important; } .pb50 { padding-bottom : 50px !important; } .pl50 { padding-left : 50px !important; }
.pt55 { padding-top : 55px !important; } .pr55 { padding-right : 55px !important; } .pb55 { padding-bottom : 55px !important; } .pl55 { padding-left : 55px !important; }
.pt60 { padding-top : 60px !important; } .pr60 { padding-right : 60px !important; } .pb60 { padding-bottom : 60px !important; } .pl60 { padding-left : 60px !important; }
.pt65 { padding-top : 65px !important; } .pr65 { padding-right : 65px !important; } .pb65 { padding-bottom : 65px !important; } .pl65 { padding-left : 65px !important; }
.pt70 { padding-top : 70px !important; } .pr70 { padding-right : 70px !important; } .pb70 { padding-bottom : 70px !important; } .pl70 { padding-left : 70px !important; }
.pt75 { padding-top : 75px !important; } .pr75 { padding-right : 75px !important; } .pb75 { padding-bottom : 75px !important; } .pl75 { padding-left : 75px !important; }
.pt80 { padding-top : 80px !important; } .pr80 { padding-right : 80px !important; } .pb80 { padding-bottom : 80px !important; } .pl80 { padding-left : 80px !important; }
.pt85 { padding-top : 85px !important; } .pr85 { padding-right : 85px !important; } .pb85 { padding-bottom : 85px !important; } .pl85 { padding-left : 85px !important; }
.pt90 { padding-top : 90px !important; } .pr90 { padding-right : 90px !important; } .pb90 { padding-bottom : 90px !important; } .pl90 { padding-left : 90px !important; }
.pt95 { padding-top : 95px !important; } .pr95 { padding-right : 95px !important; } .pb95 { padding-bottom : 95px !important; } .pl95 { padding-left : 95px !important; }
.pt100{ padding-top : 100px !important;} .pr100{ padding-right : 100px !important;} .pb100{ padding-bottom : 100px !important;} .pl100{ padding-left : 100px !important;}

span.fs75  { font-size:  75%; }  strong.fs75  { font-size:  75%; }  p.fs75  { font-size:  75%; }
span.fs85  { font-size:  85%; }  strong.fs85  { font-size:  85%; }  p.fs85  { font-size:  85%; }
span.fs100 { font-size: 100%; }  strong.fs100 { font-size: 100%; }  p.fs100 { font-size: 100%; }
span.fs125 { font-size: 125%; }  strong.fs125 { font-size: 125%; }  p.fs125 { font-size: 125%; }
span.fs150 { font-size: 150%; }  strong.fs150 { font-size: 150%; }  p.fs150 { font-size: 150%; }
span.fs175 { font-size: 175%; }  strong.fs175 { font-size: 175%; }  p.fs175 { font-size: 175%; }
span.fs200 { font-size: 200%; }  strong.fs200 { font-size: 200%; }  p.fs200 { font-size: 200%; }
span.fs225 { font-size: 225%; }  strong.fs225 { font-size: 225%; }  p.fs225 { font-size: 225%; }
span.fs250 { font-size: 250%; }  strong.fs250 { font-size: 250%; }  p.fs250 { font-size: 250%; }
span.fs275 { font-size: 275%; }  strong.fs275 { font-size: 275%; }  p.fs275 { font-size: 275%; }
span.fs300 { font-size: 300%; }  strong.fs300 { font-size: 300%; }  p.fs300 { font-size: 300%; }

.inline { display:inline; }
.block { display:block; }
.inline-block { display:inline-block; }

.clear:after,
.rsp-frame:after {
  content: "";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
img.icon {
	vertical-align:middle;
	margin-left:3px;
}

.pc_none, span.pc_none { display: none !important; }
.sp_none { display: block; }
span.sp_none { display: inline-block; }

@media only screen and (max-width:767px){
	.sp_none, span.sp_none { display: none !important; }
	.pc_none { display: block !important; }
	span.pc_none { display: inline-block !important; }
}


/*********************************
*
*  frame
*
**********************************/
.rsp-frame {
	display:block;
	margin:0 auto;
	max-width:1000px;
	width:100%;
}

@media only screen and (max-width:1035px) {

	.rsp-frame .rsp-contents {
		margin-right:10px;
		margin-left :10px;
	}
}

.main-contents .rsp-contents {
	padding-top   :30px;
	padding-bottom:30px;
}

.main-contents {
	position:relative;

}

/*********************************
*
*  title
*
**********************************/

.title-01 {
	color:#F04693;
	text-align:center;
	font-size:185%;
	font-weight:bold;
	margin-top:1.75em;
}

.title-01 + p  ,
.title-01 + dl ,
.title-01 + dd ,
.title-01 + ul ,
.title-02 + p  ,
.title-02 + dl ,
.title-02 + dd ,
.title-02 + ul {
	margin-top:20px;
}

h2.title-01 {
	font-size:185%;
}

.title-02 {
	font-size:185%;
	font-weight:bold;
}
.rsp-contents > .title-01:first-child ,
.rsp-contents > .title-01:first-of-type {
	margin-top:0;
}

.title-01 .main-ttl {
	font-size:150%;
}

/*********************************
*
*  list
*
**********************************/
.list-01 {
	font-size:125%;
	font-weight:bold;
}
.list-01 li {
	margin:0.5em 0;
}

/*********************************
*
*  btn
*
**********************************/
.btn-rsp-01,
.btn-rsp-02 {
	display:block;
	box-sizing:border-box;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	position:relative;
}

.btn-rsp-01 {
	margin:16px auto 4px;
	max-width:458px;
	width:91.6%;
	padding:1em 2.25em 1em 1.75em;
	font-size:16px;
	font-weight:bold;
	background-color:#78B82A;
	box-shadow:0 4px 0 0 #609322;
	border-radius:7px;
}
.btn-rsp-01:active,
.btn-rsp-01:hover {
	top:2px;
	box-shadow:0 2px 0 0 #609322;
}

.btn-rsp-01.sizeS { font-size:12px; }

.btn-rsp-02 {
	margin:16px auto 4px;
	max-width:484px;
	padding:1em 5% 1em 5%;
	background-color:#78b82a;
	box-shadow:0 4px 0 0 #609322;
	border-radius:5px;
	line-height:1.6;
}
.btn-rsp-02:hover ,
.btn-rsp-02:active {
	top:2px;
	box-shadow:0 2px 0 0 #609322;
}
.btn-rsp-02 .txt-main,
.btn-rsp-02 .txt-sub {
	display:block;
}
.btn-rsp-02 .txt-main {
	font-size:150%;
	font-weight:bold;
}
.btn-rsp-02 .txt-sub {
	font-size:75%;
	margin-top:0.25em;
}
/* link icon (>) */

.page-in,
.page-out {
	background-repeat:no-repeat;
}
.page-in  { background-image:url(/-/media/AeonCard/legacy/campaign/common/images/ico-arrow-in.png); }
.page-out { background-image:url(/-/media/AeonCard/legacy/campaign/common/images/ico-arrow-out.png); }

.btn-rsp-01.page-in,
.btn-rsp-01.page-out {
	background-position:95% center;
	background-position:calc(100% - 0.75em) center;
	background-size:1.5em auto;
}

.btn-rsp-02.page-in,
.btn-rsp-02.page-out {
	background-position:95.3225% center;
	background-position:calc(100% - 4.6774%) center;
	background-size:6.4516% auto;
}
/* link icon (>) */


/*********************************
*
*  .note
*
**********************************/
.txt-notes,
.note-01  {
	font-size:82%;
	color:#777777;
	line-height:1.4;
}
.txt-notes .note-01 {
	font-size:100%;
}
.txt-notes > p,
.txt-notes > ul {
	margin:0;
}

/*********************************
*
*  .area-
*
**********************************/
.area-FFF {
	padding-right:20px;
	padding-left:20px;
	padding-bottom:20px;
	background-color:#FFF;
}

/*********************************
*
*  .area-arrow
*
**********************************/
.area-arrow-down {
	position:relative;
	margin-bottom:9em;
}
.area-arrow-down:before {
	content:"";
	display:block;
	background-color:#D4D4D4;
	position:absolute;
	width:8em;
	max-width:90%;
	height:3em;
	top:100%;
	left:47%;
	left:calc(50% - 4em);
}
.area-arrow-down:after {
	content:"";
	display:block;
	border-color:#D4D4D4 transparent transparent transparent;
	border-width:4em 6.5em 0 6.5em;
	border-style:solid;
	position:absolute;
	width:0;
	height:0;
	top:105%;
	top:calc(100% + 3em - 2px);
	left:45%;
	left:calc(50% - 6.5em);
}

/*********************************
*
*  .bdr
*
**********************************/
.bdr-bottom-01 {
	padding-bottom:0.75em;
	border-bottom:3px solid #D4D4D4;
}

.bdr-bottom-02 {
	padding-bottom:30px;
	border-bottom:1px dotted #D4D4D4;
}

dl.child-bdrbtm-01 > dd:not(:last-child) {
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px dotted #D4D4D4;
}


/*********************************
*
*  str
*
**********************************/
.str-rsp-01 { color:#E03F8C; }
.str-rsp-02 { color:#F04692; }

.str-red { color: #FF0000; }

.str-paint {
	display:inline-block;
	padding:0.4em 0.75em;
	color:#FFF;
	font-weight:bold;
	vertical-align:text-bottom;
}
.str-paint.bg-7D7D8E {
	background-color:#7D7D8E;
}
.str-paint.bg-F04693 {
	background-color:#F04693;
}
/*********************************
*
*  .stc-column2
*
**********************************/
.stc-column2 {
	display:block;
	width:100%;
	letter-spacing:-1em;
}
.stc-column2 > .column-box {
	vertical-align:top;
	display:inline-block;
	width:50%;
	letter-spacing:normal;
	box-sizing:border-box;
}
.stc-column2 > .column-box:nth-child(odd) {
	padding-right:1em;
}
.stc-column2 > .column-box:nth-child(even) {
	padding-left:1em;
}

/*********************************
*
*  .rsp-column2
*
**********************************/
.rsp-column2 {
	display:block;
	width:100%;
	letter-spacing:-1em;
}
.rsp-column2 > .column-box {
	vertical-align:top;
	display:inline-block;
	width:50%;
	letter-spacing:normal;
	box-sizing:border-box;
}
.rsp-column2 > .column-box:nth-child(odd) {
	padding-right:1em;
}
.rsp-column2 > .column-box:nth-child(even) {
	padding-left:1em;
}

/*********************************
*
*  #follow_area
*
**********************************/
#follow_area {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: 10px 0;
    background: rgba(255,255,255,0.8);
}

/*********************************
*
*  #follow_start
*
**********************************/
#follow_start.btn-mvunder {
	margin-bottom:20px;
}

.mvunder_notes {
  text-align: center;
  padding-bottom: 20px;
}

/*********************************
*
*  .bnr
*
**********************************/
.main-contents p.bnr-single {
	text-align:center;
	margin-top:20px;
	margin-bottom:40px;
}

/*********************************
*
*  header
*
**********************************/
.headerlogo {
	padding:10px 0;
}
.headerlogo p {
	text-align:center;
}
.headerlogo p img {
	max-width:260px;
	min-width:160px;
	width:30%;
}

/*********************************
*
*  .mainvisual
*
**********************************/
.mainvisual {
	background-repeat:repeat-x;
	background-size:auto 100%;
	background-position:center top;
}
.mainvisual img {
	max-width:100%;
	height:auto;
}
.mainvisual_img {
	text-align: center;
	margin: 15px 0 0 0;
}
.mainvisual_heading {
  text-align: center;
  margin: 10px 0 0 0;
}

@media only screen and (max-width:767px){
	.mainvisual img {
    width:100%;
    height:auto;
  }
  .mainvisual_img {
    margin: 5px 0 0 0;
  }
  .mainvisual_heading {
    margin: 30px 0 -10px;
	}
}


/*********************************
*
*  .entryStep
*
**********************************/

.entryStep {
	background: #dff2fc;
	text-align: center;
}

.entryStep h3 {
	background: #073190;
	color: #fff;
	padding: 17px 0;
}

.entryStep h4 {
	margin: 0 0 40px 0;
}

.entryStep li {
	margin: 40px 0 20px 0;
}

@media only screen and (max-width:767px){
	.entryStep h3 {
		padding: 35px 0;
	}

	.entryStep h4 {
		margin: 0 0 20px 0;
	}

	.entryStep ol {
		width: 93.3333%;
		margin: 0 auto;
	}

	.entryStep li {
		margin: 0 0 25px 0;
	}
}

/*********************************
*
*  .otokuArea
*
**********************************/

.otokuArea {
	background: #073190;
	color: #fff;
}

.otokuArea_list {
	width: 93.3333%;
	max-width: 778px;
	margin: 0 auto;
}

.otokuArea_list li {
	margin: 0 0 80px 0;
}

.otokuArea_list h3 {
	text-align: center;
	margin: 30px 0;
}

.otokuArea_list li:first-child h3 {
	margin: 50px 0;
}

.otokuArea_list p {
	font-size: 24px;
	line-height: 1.25;
	margin: 0 0 20px 0;
	font-weight: normal;
}

.otokuArea_list p strong {
	font-weight: bold;
	color: #fff;
}

.otokuArea_list a {
	color: #fff;
}

.otokuArea_notes {
	font-size: 21px;
}

p.otokuArea_shop {
	background: #fff;
	padding: 50px 20px;
	border-radius: 10px;
	text-align: center;
	position: relative;
}

p.otokuArea_shop span {
	display: block;
	position: absolute;
	color: #000;
	top: 20px;
	left: 20px;
	font-size: 20px;
}

@media only screen and (max-width:767px){
	
	.otokuArea_list li {
		margin: 0 0 30px 0;
	}

	.otokuArea_list li:last-child {
		margin-bottom: 0;
	}

	.otokuArea_list h3,
	.otokuArea_list li:first-child h3 {
		margin: 10px 0;
	}

	.otokuArea_list p {
		font-size: 12px;
		margin: 0 0 10px 0;
	}

	.otokuArea_notes {
		font-size: 11px;
	}

	p.otokuArea_shop {
		padding: 40px 20px 25px;
	}

	p.otokuArea_shop span {
		top: 15px;
		font-size: 10px;
	}
}


/*********************************
*
*  .otokuArea_read
*
**********************************/

.otokuArea_lead {
	width: 600px;
	margin: 30px auto 50px;
	position: relative;
	background: #fff;
	border-radius: 10px;
}
.otokuArea_lead > div {
	padding: 28px 68px 36px;
}
p.otokuArea_lead_ttl {
	margin: 0;
}
p.otokuArea_lead_ico {
	margin: -70px 0 0 164px;
}
p.otokuArea_lead_btn {
	margin: 16px 0 0 19px;
}

p.otokuArea_borderTxt {
	font-size: 24px;
	text-align: center;
	margin: 50px 0;
}

@media only screen and (max-width:767px){
	.otokuArea_lead {
		width: 93.3333%;
		margin: 0 auto 40px;
	}
	.otokuArea_lead > div {
		padding: 15px 3% 30px;
		text-align: center;
	}
	p.otokuArea_lead_ttl {
		margin: 0;
	}
	p.otokuArea_lead_ico {
		margin: 18px 0 0 0;
	}
	p.otokuArea_lead_btn {
		margin: 24px 0 0 0;
	}

	p.otokuArea_borderTxt {
		font-size: 18px;
		margin: 40px 0;
	}
}



/*********************************
*
*  modal window
*
**********************************/

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(0, 0, 0, 0.57);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

.remodal-wrapper {
  padding: 10px 10px 0;
}

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
	background: #fff;
	max-width: 870px;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

.remodal-close {
  position: absolute;
  top: 30px;
  right: 30px;
  display: block;
  overflow: visible;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
	content: "";
	display: block;
	position: absolute;
  top: 0;
  right: 0;
	width: 44px;
	height: 44px;
	background: url(../images/theoutlets/btn_close.png) no-repeat center center / contain;
}

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.entryModal_ttl {
	font-size: 30px;
	color: #fb2dab;
	margin: 15px 0;
}

.entryModal_txt {
	font-size: 18px;
	margin: 0 0 30px 0;
}

.entryModal_img {
	margin: 0 0 10px 0;
}

.entryModal_notes {
	font-size: 14px;
	color: #e40026;
	margin: 0 0 30px 0;
}

.entryModal_notes span {
	display: inline-block;
}

.entryModal_check {
	position: relative;
}

.entryModal_check input {
	position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.entryModal_check label {
	display: inline-block;
	line-height: 42px;
	padding: 0 0 0 62px;
	background: url(../images/theoutlets/checkbox.png) no-repeat center left / 42px 42px;
}

.entryModal_check label:hover {
	cursor: pointer;
}

.entryModal_check input:checked + label {
	background: url(../images/theoutlets/checkbox_checked.png) no-repeat center left / 42px 42px;
}

.entryBtn {
	margin: 14px auto 0;
	max-width: 298px;
}

.entryBtn span {
	background-color: #aec7a5;
	top:2px;
	box-shadow:0 2px 0 0 #609322;
}



/*

.entryBtn span {
	display: block;
	box-sizing: content-box;
	height: 0;
	text-indent: -9999px;
	padding-bottom: 18.944%;
	background: url(../images/theoutlets/btn_entry_disable.png) no-repeat center center / contain;
}

.entryBtn a {
	display: block;
	box-sizing: content-box;
	height: 0;
	text-indent: -9999px;
	padding-bottom: 18.944%;
	background: url(../images/theoutlets/btn_entry.png) no-repeat center center / contain;
}
*/

@media only screen and (min-width:768px){
	.entryBtn_sp {
		display: none;
	}
}
@media only screen and (max-width:767px){
	.entryBtn_pc {
		display: none;
	}

	.remodal-wrapper {
		padding: 0;
	}
	
	.remodal {
		margin-bottom: 0;
		min-height: 100%;
		padding: 20px;
	}

	.remodal-close {
		position: absolute;
		top: 20px;
		right: 20px;
		width: 22px;
		height: 22px;
	}
	
	.remodal-close:before {
		width: 22px;
		height: 22px;
	}

	.entryModal_ttl {
		font-size: 18px;
	}
	
	.entryModal_txt {
		font-size: 15px;
	}

	.entryModal_img {
		margin: 0 0 30px 0;
	}

	.entryBtn {
		max-width: none;
		margin: 15px auto 20px;
	}
}



/*********************************
*
*  .acd-section
*   (accordion)
*
**********************************/
.acd-section.sub {
	margin-top:20px;
	margin-bottom:20px;
}
.acd-section .acd-title {
	width:100%;
	background-color:#F04693;
	color:#FFF;
	text-align:center;
	padding:0.75em 0;
	font-weight:bold;
	border-bottom:4px solid #BF3372;
	font-size:185%;
	box-sizing:border-box;
	cursor:pointer;
	padding-right:3.4em;
	padding-left:1.6em;
	position:relative;
}
.acd-section .acd-title.orange {
	background-color:#FF7F00;
	border-bottom-color:#EA7500;
}
.acd-section.sub .acd-title {
	font-size:140%;
}
.acd-section .acd-title:before {
	content:"";
	display:block;
	width:35px;
	width:1.4em;
	height:4px;
	background-color:#FFF;
	border-radius:2px;
	position:absolute;
	top:49%;
	top:calc(50% - 2px);
	right:1.6em;
}

.acd-section .acd-title:after {
	content:"";
	display:block;
	position:absolute;
	background-color:#FFF;
	border-radius:2px;
	width:4px;
/*
	height:35px;
	top:calc(50% - 17.5px);
*/
	height:1.4em;
	top:48%;
	top:calc(50% - 0.7em);
	right:2.28em;
	right:calc(1.6em + 0.7em - 2px);
	transition:transform 0.2s ease-in;
}
.acd-section .acd-title.opened:after {
	transform:scaleY(0);
}
.acd-section .rsp-frame > .rsp-contents {
	padding-bottom:40px;
}

@media only screen and (max-width:767px){

	.acd-section .acd-title {
		font-size:4.4vw;
	}
	.acd-section.sub .acd-title {
		font-size:3.8vw;
	}

}


/*********************************
*
*  .cardbox-section
*
**********************************/
.cardbox-section {
	background-color: #FEE5ED;
}
.cardbox-section {
	text-align:center;
}

.card-box {
	padding-bottom:55px;
}
.card-box:not(:last-child){
	border-bottom:1px solid #F3CEDA;
	margin-bottom:55px;
}
.card-box:last-child {
	padding-bottom:30px;
}
.card-box .cardbox-summary {
	font-weight:bold;
	font-size:110%;
}
.card-box .card-img {
	margin-bottom:10px;
}
.card-box .card-img .img-box {
	display:inline-block;
	position:relative;
	padding-bottom:20px;
	max-width:256px;
	width:60%;
	height:auto;
}
.card-box .card-img .img-box .copyright {
	position:absolute;
	display:inline-block;
	right:0;
	bottom:0;
	line-height:20px;
	text-align:right;
}
.card-box .column-box dt {
	font-weight:bold;
	margin-bottom:20px;
}
.card-box .international-brand {
	text-align:left;
	margin-left:12%;
	font-weight:bold;
}
.card-box .international-brand img {
	width:17%;
	vertical-align:middle;
	max-width:72px;
	margin-right:2px;
	margin-left:2px;
}

/*********************************
*
*  .cp-summary
*
**********************************/
.cp-summary {
	background-color:#EFEFEF;
}

.cp-summary .rsp-frame .rsp-contents {
	padding-bottom: 100px;
}

.summary-list > dt {
	padding:0.5em 1em;
	background-color:#A0A0A0;
	color:#FFF;
}
.summary-list > dt,
.summary-list > dd {
	margin-bottom:1em;
}

/*********************************
*
*  .number-box
*
**********************************/
.number-box {
  display:inline-block;
  border:1px solid #000;
  padding:0.25em 0.5em;
}

/*********************************
*
*  .footer
*
**********************************/
.footer {
    font-size: 85.71429%;
}
.ftr-bar {
	background-color:#5D5D5D;
	padding:0.75em 0;
	color:#FFF;
}
.ftrbar-link {
	width:100%;
	position:relative;
}
.ftrbar-link a,
.ftrbar-link a:hover,
.ftrbar-link a:visited,
.ftrbar-link a:focus,
.ftrbar-link a:active {
	color:#FFF;
	text-decoration:none;
}
.ftrbar-link > li {
	display:inline-block;
	vertical-align:top;
}
.ftrbar-link > li:not(:last-child) {
	margin-right:1em;
}
.ftrbar-link > li:last-child {
	position:absolute;
	top:0;
	right:0;
}
.ftr-field {
	padding:22px 0;
}
.ftr-field p,
.ftr-field ul,
.ftr-field li {
	display:inline-block;
	vertical-align:middle;
}

.ftr-field .logo-01 {
  float: left;
  width: 90px;
}
.ftr-field .logo-02 {
  float: right;
  width: 113px;
}

.ftr-field ul {
  margin: 5px 0 0 11px;
  float: left;
}
.ftr-field ul li {
  float: left;
  margin-left: 30px;
}
.ftr-field ul li a {
  padding-left: 10px;
  background: url(/-/media/AeonCard/legacy/common/css/images/ico-arrow_01.png) no-repeat 0 .3em;
}
.ftr-field a {
  text-decoration: none;
  color: #444444;
}
.ftr-field a:visited {
  color: #444444;
}
.ftr-field a:hover,
.ftr-field a:focus,
.ftr-field a:active {
  color: #444444;
  text-decoration: underline;
}

/*********************************
*
*  .link-top
*
**********************************/
.main-contents .link-top {
    text-align: right;
    position: static;
    right: 20px;
    bottom: 20px;
    z-index: 5;
}
.main-contents .link-top a {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 20px 0 auto;
}
.main-contents .link-top a img {
  transition: opacity .2s;
}
.main-contents .link-top a:hover img,
.main-contents .link-top a:focus img,
.main-contents .link-top a:active img {
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*********************************
*
*  @media (footer)
*  screen and (max-width:950px)
*
**********************************/
@media only screen and (max-width:950px){
	.ftrbar-link {
		text-align:center;
	}
	.ftrbar-link > li:last-child {
		display:block;
		position:relative;
		margin-top:0.75em;
	}
}

/*********************************
*
*  @media
*  screen and (max-width:767px)
*
**********************************/
@media only screen and (max-width:767px){

	/*********************************
	*
	*  common
	*
	**********************************/
	.vw2  { font-size:  2vw !important; }
	.vw3  { font-size:  3vw !important; }
	.vw4  { font-size:  4vw !important; }
	.vw5  { font-size:  5vw !important; }
	.vw6  { font-size:  6vw !important; }
	.vw7  { font-size:  7vw !important; }
	.vw8  { font-size:  8vw !important; }
	.vw9  { font-size:  9vw !important; }
	.vw10 { font-size: 10vw !important; }


	/*********************************
	*
	*  rsp-column2
	*
	**********************************/
	.rsp-column2 > .column-box {
		display:block;
		width:100%;
	}
	.rsp-column2 > .column-box:not(:first-child) {
		margin-top:30px;
	}
	.rsp-column2 > .column-box:nth-child(odd) {
		padding-right:0;
	}
	.rsp-column2 > .column-box:nth-child(even) {
		padding-left:0;
	}

	/*********************************
	*
	*  btn(SP)
	*
	**********************************/
	.btn-rsp-01.sizeS {
		font-size:3.5vw;
		padding-top   : 0.75em;
		padding-bottom: 0.75em;
		line-height:1.25em;
	}

	.btn-rsp-02 {
		width:93.3333%;
	}
	.btn-rsp-02 .txt-main {
		font-size:150%;
	}
	/*********************************
	*
	*  .bnr
	*
	**********************************/
	.main-contents p.bnr-single {
		margin-top:0;
		margin-bottom:20px;
	}

	/*********************************
	*
	*  #follow_start
	*
	**********************************/
	#follow_start.btn-mvunder {
		margin-bottom:15px;
	}

	.mvunder_notes {
		width: 93.3333%;
		max-width: 484px;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 10px;
	}

	/*********************************
	*
	*  .card-box(SP)
	*
	**********************************/
	.card-box .international-brand {
		width:91.6%;
		max-width:400px;
		padding-left:10%;
		margin-right:auto;
		margin-left:auto;
		font-size:2vw;
	}

	/*********************************
	*
	*  .footer(SP)
	*
	**********************************/

	.ftrbar-link > li:not(:last-child) { display:none; }
	.ftrbar-link > li:last-child { margin-top:0; }
	.ftr-field { display:none; }

	.main-contents .link-top {
	    text-align: right;
	    position: static;
	    right: 10px;
	    bottom: 20px;
	    z-index: 5;
	}
	.main-contents .link-top a {
	  display: block;
	  width: 44px;
	  height: 44px;
	  margin: 0 10px 0 auto;
	}

	/*********************************
	*
	*  @media
	*  screen and (max-width:500px)
	*  Font size adjustment etc.
	*
	**********************************/
	@media only screen and (max-width:500px) {

		/*********************************
		*
		*  title
		*
		**********************************/
		.title-01 {
			font-size:4.9vw;
		}
     	.title-01 .main-ttl {
     		font-size:125%;
     	}
		.title-02 {
			font-size:4.9vw;
		}


		/*********************************
		*
		*  btn
		*
		**********************************/

		.btn-rsp-01 { font-size:4vw; }

		/*********************************
		*
		*  -- end (max-width:500px) --
		*
		**********************************/

	}

	/*********************************
	*
	*  -- end (max-width:767px) --
	*
	**********************************/
}