@charset "UTF-8";

/*********************************************
---------------------------
0.共通
---------------------------
1.#top
---------------------------
2.#point
---------------------------
3.#demand
---------------------------
4.#howto
---------------------------
5.#shop_list
---------------------------
6.#catch_ok
---------------------------
7.#offer
---------------------------
8.#caution
---------------------------
9.#contents-modal
---------------------------
*********************************************/

/*********************

0.共通

**********************/
body {
  min-width: 1px;
}

body a {
  text-decoration: none;
}

body a:hover {
  text-decoration: underline;
}

body a img:hover {
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
}

dd, dt {
  margin: 0;
  padding: 0;
}

#contents {
  padding: 0;
}

.frame_bg {
  width: 1200px;
  margin: 0 auto;
}

.small {
  font-size: 12px;
}

.red {
  color: #ff0000;
}

/*********************

1.#top

**********************/
#top {
  min-height: 450px;
  padding-top: 20px;
  background: url(../img/top_main.jpg)no-repeat center top;
  background-size: cover;
  color: #fff;
  letter-spacing: 1.4px;
}

#top .logo img {
  width: 200px;
}

#top .main_over {
  margin-top: 0;
  text-align: center;
  font-size: 20px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
  -webkit-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
  -moz-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

#top .main_over span {
  position: relative;
}

#top .main_over span:before {
  content: "";
  position: absolute;
  top: 14px;
  left: -4em;
  display: block;
  width: 3em;
  border-top: 1px solid #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

#top .main_over span:after {
  content: "";
  position: absolute;
  top: 14px;
  right: -3.5em;
  display: block;
  width: 3em;
  border-top: 1px solid #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

#top .main_ttl {
  margin-top: 25px;
  text-align: center;
  font-size: 60px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

#top .lyt-column2 {
  width: 760px;
  margin: 0px auto;
  padding-top: 30px;
  padding-bottom: 80px;
}

#top .col:first-child {
  width: 300px;
  margin-right: 20px;
  text-align: right;
}

#top .col:nth-child(2) {
  width: 440px;
  margin: 0;
}

#top .card {
  width: 280px;
  border: 1px solid #fff;
  border-radius: 12px;
}

#top .copy {
  font-size: 34px;
  font-weight: bold;
  line-height: 1.3;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

#top .copy .mid {
  font-size: 46px;
}

#top .copy strong {
  line-height: 1.2;
  font-size: 60px;
  color: #fff;
}

/* IE8対応用 */
div.main_img {
  position: relative;
}

div.main_img img {
  position: absolute;
  z-index: -10;
  right: 0;
  left: 0;
  margin: auto;
}

#navigation{
	background-color: #FFE599;
	width: 100%;
	height: 110px;
	padding: 25px 0;
	box-sizing: border-box;
}

#navigation ul{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

#navigation ul li{
	display: inline-block;
	width: 30%;
	height: auto;
	padding: 10px 0;
	line-height: 1.2em;
	border-right:  #F17901 1px dotted;
	font-size: 120%;
	font-weight: bold;
	vertical-align: middle;
	text-shadow: white 2px 2px 0px,
				 white -2px 2px 0px,
             	 white 2px -2px 0px,
				 white -2px -2px 0px;
	background-image: url(../img/icn_navigation.png);
	background-repeat: no-repeat;
	background-position: 95% center;
}

#navigation ul li:last-child{
	border-right:  none;
}

#navigation ul li a{
	color:#F17900;
	display: block;
}

/*********************

2.#point

**********************/
#point {
  background: #F17901;
  padding: 50px 0;
}

#point dl {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 320px;
  border: 1px solid #fff;  text-align: center;
  border-radius: 10px;
  background: url(../img/square_ora_m.jpg);
  color: #fff;
  font-weight: bold;
  letter-spacing: 1.5px;
}

#point dt {
  padding: 20px 0 5px 0;
  font-size: 23px;
}

#point dd {
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  font-size: 15px;
}

#point dl:nth-child(2) {
  margin: 0 12px;
}

/*********************

3.#demand

**********************/
#demand h2 {
  margin-bottom: 40px;
  padding: 15px 0;
  background: url(../img/square_ora.png);
  text-align: center;
  letter-spacing: 1.5px;
  color: #EE5700;
  font-size: 35px;
}

#talk1, #talk2, #talk3 .frame {
  position: relative;
}

#talk1 .talk, #talk2 .talk, #talk3 .talk {
  opacity: 0;
  -ms-filter: "alpha(opacity=0)"
}

#talk1 {
  height: 197px;
}

#talk1 .talk {
  position: absolute;
  top: 20px;
}

#talk2 .woman {
  margin-top: -55px;
  text-align: right;
}

#talk2 .talk {
  position: absolute;
  top: 70px;
}

#talk3 {
  background: url(../img/square_bl_b.png);
}

#talk3 .frame {
  height: 500px;
}

#talk3 .woman {
  position: absolute;
  bottom: 0;
}

#talk3 .talk {
  position: absolute;
  right: 40px;
  top: 50px;
}

#talk3 a {
  position: absolute;
  bottom: 20px;
  right: 0;
}

/*********************

4.#howto

**********************/
#howto {
  margin-bottom: 60px;
  text-align: center;
}

#howto .ttl_area {
  position: relative;
  margin-bottom: 100px;
  background: url(../img/square_ora_b.jpg);
  color: #fff;
}

#howto .ttl_area .frame {
  padding: 30px 0;
}

#howto .ttl_over {
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 2px;
}

#howto .ttl_area h2 {
  margin-bottom: 15px;
  font-size: 55px;
  letter-spacing: 1.7px;
}

#howto .ttl_area .ttl_under {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1.3px;
}

#howto .ttl_area .small {
  font-size: 13px;
}

#howto .ttl_area:after {
  content: url(../img/triangle_ora.png);
  position: absolute;
  bottom: -60px;
  right: 0;
  left: 0;
  margin: auto;
}

.ie8 #howto .ttl_area:after {
  content: "";
}

#howto .btn-03.str-01 {
  margin-bottom: 55px;
  background: #F14E65;
  box-shadow: 0 4px 0 #B20000;
}

#howto .btn-03.str-01:hover {
  box-shadow: 0 2px 0 #B20000;
}

#howto .step {
  position: relative;
  padding: 50px 0 25px 0;
  border: 2px solid #FF9659;
  border-radius: 15px;
}

#howto .step h3 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: absolute;
  width: 760px;
  top: -28px;
  right: 0;
  left: 0;
  margin: auto;
  background: #fff;
  text-align: center;
  letter-spacing: 1.5px;
  color: #EE5700;
  font-size: 35px;
}

#howto .step dl {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 260px;
  vertical-align: top;
}

#howto .step dl.step2 {
  margin: 0 55px;
}

#howto .step dl.step1:after, #howto .step dl.step2:after {
  content: url(../img/triangle.png);
  position: absolute;
  top: 48px;
  right: -50px;
}

#howto .difference {
  position: relative;
  padding: 40px 55px 25px;
  border: 2px solid #FF9659;
  border-radius: 15px;
  margin-top: 70px
}

#howto .difference .description {
  font-size: 20px;
  margin-bottom: 24px;
}

#howto .difference .description-note {
  font-size: 14px;
  color: #fc3636;
}

#howto .difference h3 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: absolute;
  width: 500px;
  top: -28px;
  right: 0;
  left: 0;
  margin: auto;
  background: #fff;
  text-align: center;
  letter-spacing: 1.5px;
  color: #EE5700;
  font-size: 35px;
}

#howto .difference dl {
  overflow: hidden;
}

#howto .difference dt {
  float: left;
  width: 250px;
  margin-bottom: 20px;
}

#howto .difference dt .card-name {
  font-weight: bold;
  margin-top: 10px;
}

#howto .difference dd {
  float: right;
  text-align: left;
  width: 600px;
}

#howto .difference dd h4 {
  margin-bottom: 5px;
  padding-bottom: 1px;
  border-bottom: 1px dotted #FF6D17;
  font-size: 20px;
  color: #FF6D17;
}

#howto dt {
  position: relative;
  margin-bottom: 15px;
}

#howto dt span:before {
  content: "";
  position: absolute;
  top: 0;
  left: -15px;
  display: block;
  width: 40px;
  height: 40px;
  margin-top: -10px;
  border: 1px solid #FF9659;
  border-radius: 21px;
  background-color: #FF9659;
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}

.ie8 #howto dt span:before {
  width: 0;
  height: 0;
  border: 0;
}

#howto .step1 dt span:after {
  content: "1";
  position: absolute;
  top: -9px;
  left: -3px;
  color: #fff;
  font-size: 27px;
  font-weight: bold;
}

.ie8 #howto .step1 dt span:after {
  content: "";
}

#howto .step2 dt span:after {
  content: "2";
  position: absolute;
  top: -9px;
  left: -3px;
  color: #fff;
  font-size: 27px;
  font-weight: bold;
}

.ie8 #howto .step2 dt span:after {
  content: "";
}

#howto .step3 dt span:after {
  content: "3";
  position: absolute;
  top: -9px;
  left: -3px;
  color: #fff;
  font-size: 27px;
  font-weight: bold;
}

.ie8 #howto .step3 dt span:after {
  content: "";
}

#howto .step dt img {
  border: 1px solid #ccc;
}

#howto .step dd h4 {
  margin-bottom: 5px;
  padding-bottom: 1px;
  border-bottom: 1px dotted #FF6D17;
  font-size: 20px;
  color: #FF6D17;
}

#howto .step dd p {
  margin: 0 2px;
  text-align: left;
}

#howto .note {
  vertical-align: super;
  font-size: 10px;
}

#howto .note-01 {
  position: absolute;
  right: 10px;
  bottom: 10px;
  text-align: left;
}

#howto .notice{
	font-size: 80%;
}

/*********************

5.#shop_list

**********************/
#shop_list {
  margin-bottom: 0;
}

#shop_list h3 {
  margin-bottom: 0;
  padding: 15px 0;
  background: url(../img/square_ora.png);
  text-align: center;
  letter-spacing: 1.5px;
  color: #EE5700;
  font-size: 35px;
}

/****** マッピング ********/
#shop_list .map {
  position: relative;
}

.hover_list dl {
  display: none;
  position: absolute;
  padding: 8px;
  width: 274px;
  height: 135px;
  border: 2px solid #FF845D;
  border-radius: 5px;
  background: #fff;
  box-sizing: content-box;
}

.hover_list dl.show {
  display: block;
}

.hover_list dl:hover {
  display: block;
}

.hover_list dt {
  margin-bottom: 7px;
  padding-bottom: 2px;
  border-bottom: 1px solid #FF5A26;
  font-size: 17px;
  font-weight: bold;
  color: #FF5A26;
  text-align: center;
}

.hover_list dd a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 88px;
  margin-bottom: 8px;
  padding: 3px 0;
  background: #E7E7E7;
  text-align: center;
}

.hover_list dl.hokkaido {
  top: 60px;
  right: -120px;
}

.hover_list dl.tohoku {
  top: 160px;
  right: -90px;

}

.hover_list dl.kanto {
  top: 300px;
  right: -80px;
}

.hover_list dl.koshin_hokuriku {
  top: 180px;
  right: 300px;
}

.hover_list dl.tokai {
  top: 475px;
  right: 150px;
}

.hover_list dl.kansai {
  top: 480px;
  right: 320px;
}

.hover_list dl.chugoku {
  top: 225px;
  left: 220px;
}

.hover_list dl.shikoku {
  top: 495px;
  left: 305px;
}

.hover_list dl.kyusyu {
  top: 305px;
  left: 50px;
}

.hover_list dl.okinawa {
  top: 315px;
  left: -50px
}

/*********************

6.#catch_ok

**********************/
#catch_ok {
  margin-bottom: 60px;
  background: url(../img/square_ora.png);
  text-align: right;
}

#catch_ok .frame{
  position: relative;
}

#catch_ok .woman {
  position: absolute;
  bottom: 2px;
  left: 90px;
}

#catch_ok .talk {
  opacity: 0;
}

/*********************

7.#offer

**********************/
#offer {
  margin-bottom: 60px;
}

#offer h3 {
  margin-bottom: 0;
  padding: 15px 0;
  background: url(../img/square_ora.png);
  text-align: center;
  letter-spacing: 1.5px;
  color: #EE5700;
  font-size: 35px;
}

#offer .label {
  background: #FF830D;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}

#offer .bg_cre {
  padding: 30px 20px 25px 20px;
  background: #FFF6DC;
}

#offer .lyt-column2 {
  margin-bottom: 25px;
  text-align: left;
}

#offer .f-left {
  width: 45%;
  float: left;
}

#offer .f-right {
  width: 55%;
  float: right;
}

#offer .f-right:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#offer dt {
  margin-bottom: 15px;
  font-size: 17px;
  font-weight: bold;
}

#offer .card {
  width: 85%;
  height: auto;
}

#offer .spec {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 22px;
}

#offer .brand span {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 20px 35px;
  border: 1px solid #ccc;
  background: #fff;
}

#offer .brand span img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

#offer .brand span.master {
  margin: 0 5px;
}

#offer .float {
  float: right;
  text-align: left;
}

#offer .btn-01.str-01 {
  max-width: 240px;
  width: 100%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 15px;
}

#offer .btn-01.str-01.btn_offer > span {
  padding: 21px 8px;
  background-color: #78b82a;
  border: 2px solid #78b82a;
  box-shadow: 0 2px 0 #609322;
  color: #fff;
}

#offer .btn-01.btn_offer > span > span {
  background: url(/-/media/AeonCard/legacy/common/css/images/ico-arrow_05.png) no-repeat right center;
}

#offer .btn-01.str-01.btn_offer > span:hover {
  box-shadow: 0 0 0 #609322;
}

#offer .btn-01.str-01.btn_spec {
  width: 180px;
  padding-left: 14px;
}

#offer .small {
  text-align: center;
}

/* 入会キャンペーン */
.def-campaign {
  font-size: 25px;
}

.def-campaign > dt:before {
  content: "";
  width: 18px;
  height: 20px;
  display: inline-block;
  vertical-align: baseline;
  background: url(/-/media/AeonCard/legacy/common/css/images/hdg-campaign_01.gif) no-repeat 0 0;
  position: absolute;
  top: 7px;
  left: -6px;
}

/*********************

8.#caution

**********************/
#caution {
  padding: 70px 0;
  background: #F1F1F1;
}

#caution h3 {
  margin-bottom: 20px;
  padding-left: 0.5em;
  border-left: 3px solid #333;
  font-size: 23px;
  font-weight: normal;
}

#caution li {
  position: relative;
  padding-left: 1em;
  font-size: 14px;
  line-height: 20px;
}

#caution li:before {
  content: "※";
  position: absolute;
  left: 0;
}

/*********************

9.#contents-modal

**********************/
/* 共通 */
/*
.mfp-iframe-holder .mfp-close {
  top: 880px;
  right: 0;
  left: 0;
  margin: auto;
  width: 250px !important;
  height: 40px;
  background: url(../img/close_btn.jpg)no-repeat center !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
}

.mfp-iframe-holder .mfp-close:hover {
  opacity: 0.8 !important;
  -ms-filter: "alpha(opacity=80)" !important;
}
*/

/* 即発カード */
#contents-modal h3 {
  padding: 6px 0;
  border-bottom: 2px solid #C54447;
  background: #F14E65;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}

#contents-modal .area1 {
  padding: 18px 3% 25px 3%;
  background: #F98790;
  text-align: center;
  color: #fff;
}

#contents-modal .title_over {
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #DA4D52;
  font-size: 18px;
  letter-spacing: 1.3px;
}

#contents-modal h2 {
  text-align: left;
  font-size: 45px;
}

#contents-modal .card {
  width: 258px;
  height: auto;
  margin-bottom: 10px;
}

#contents-modal .card_description {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
}

#contents-modal .area2 {
  padding-top : 30px;
  background: #fff;
}

#contents-modal .area2 h4 {
  margin-top: 35px;
  margin-bottom: 8px;
  padding-left: 10px;
  border-left: 3px solid #fa4b62;
  color: #FA4B62;
  font-weight: normal;
  font-size: 20px;
}

#contents-modal .area2 h4:nth-child(1) {
  margin-top: 0;
}

#contents-modal .area2 p {
  margin-bottom: 5px;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
}

#contents-modal .area2 p.small {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: normal;
}

#contents-modal .area2 .small.red {
  margin-top: 0;
  color: #F96577;
}

#contents-modal .area_btn {
  margin-top: 60px;
}

#contents-modal .area_btn .lyt-btn {
  width: 644px;
}

#contents-modal .area_btn .lyt-btn > li {
  width: 310px;
}

#contents-modal .btn-01 {
  width: 320px;
}

/* 店舗リスト */
#contents-modal h4.toggle_btn, #contents-modal h5.toggle_btn {
  padding-top: 20px;
  color: #FF5926;
  font-size: 20px;
  font-weight: bold;
  text-align: center
}

#contents-modal h4 img, #contents-modal h5 img {
  width: 16px;
  height: 10px;
  vertical-align: middle;
  padding-left: 5px;
}

#contents-modal .toggle_inner {
  padding: 0 50px;
}

#contents-modal table {
  margin-bottom: 1px;
  border-collapse: collapse;
}

#contents-modal th, #contents-modal td{
  padding: 5px 0;
  border: 1px solid #FF9999;
  font-size: 14px;
  color: #333;
}

#contents-modal th {
  background: #FFD9CE;
  text-align: center;
}

#contents-modal td {
  padding-left: 1em;
  padding-right: 0.25em;
}

#contents-modal .bg_ore {
  padding-left: 0;
  background: #FFD9CE;
  font-weight: bold;
  text-align: center;
}

/* カード選択エリア =================================================================*/

.card_box {
	background: #F5F5F5;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 30px auto 20px;
}

.card_box .cardname {
	background: #FB5572;
	color: #FFFFFF;
	font-size: 180%;
	font-weight: bold;
	box-shadow: 0px 3px 0 #F83667;
	-webkit-box-shadow: 0px 3px 0 #F83667;
	padding: 10px 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	position: relative;
}

.card_box .cardname .link_card a {
	display: block;
	background: #FFFFFF;
	color: #FB5572;
	font-size: 70%;
	position: absolute;
	top: 13px;
	right: 20px;
	padding: 5px 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none;
	letter-spacing: 0.1em;
}

.card_box .cardname .link_card a:after {
	content: url("../images/yajirushi_select.png");
	margin-left: 5px;
}

.card_box p.ttl {
	font-size: 150%;
	font-weight: bold;
	color: #000000;
	padding: 20px 20px 0;
	line-height: 1.0em;
}

.card_box p.ttl span {
	font-size: 60%;
	font-weight: normal;
}

.card_box ul {
	padding: 20px;
}

.frame.bank .card_box ul {
  padding-left: calc(261.5px);
  padding-right: 0;
}

.card_box ul li {
	display: inline-block;
	width: 477px;
	vertical-align: top;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.card_box ul li:first-child {
	padding-right: 20px;
}

.card_box ul li:nth-child(2) {
	padding-left: 25px;
	border-left: 1px solid #979797;
}

.card_box ul li div.img {
	display: inline-block;
	text-align: right;
	min-height: 130px;
}

.card_box ul li div.txt {
	display: inline-block;
	vertical-align: top;
	margin-left: 15px;
}

.card_box ul li div.card-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.card_box ul li div.txt dl dt {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 13px;
}

.card_box ul li div.txt dl dd p {
	font-weight: bold;
}

.card_box ul li div.txt dl dd p.logo {
	background: #FFFFFF;
	border: 1px solid #CACAD9;
	display: inline-block;
	line-height: 0;
	width: 70px;
	height: 38px;
	text-align: center;
	vertical-align: middle;
	margin-top: 5px;
}

.card_box ul li div.txt dl dd p.logo img {
	padding-top: 7px;
}

.card_box ul li div.txt dl dd p.logo.visa img {
	padding-top: 12px;
}

.card_box ul li div.cv_btn {
	margin-top: 20px;
}

.card_box ul li div.txt dl dt {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 13px;
  display: none;
}

.card_box ul li div.txt dl dd p {
	font-weight: bold;
}

.card_box ul li div.txt dl dd p.logo {
	background: #FFFFFF;
	border: 1px solid #CACAD9;
	display: inline-block;
	line-height: 0;
	width: 70px;
	height: 38px;
	text-align: center;
	vertical-align: middle;
	margin-top: 5px;
}

.card_box ul li div.txt dl dd p.logo img {
	padding-top: 7px;
}

.card_box ul li div.txt dl dd p.logo.visa img {
	padding-top: 12px;
}

.card_box ul li div.cv_btn {
	margin-top: 20px;
}
.card_box + h4{
  margin-bottom: 30px;
  text-align: center;
}

/* カード選択エリア　WAON ============================================================*/

.card_box.waon .cardname {
	background: #003FB2;
	box-shadow: 0px 3px 0 #003599;
}

.card_box.waon .cardname .link_card a {
	color: #003FB2;
}

.card_box.waon .cardname .link_card a:after {
	content: url("../images/yajirushi_waon.png");
}

.campaign .btn-category {
  box-shadow: 0 4px 0 #609322;
}

.select + .note-01{
	color: red;
}

/* カード選択エリア　TGC ============================================================*/

.card_box.tgc .cardname {
	background: #e3297e;
	box-shadow: 0px 3px 0 #cc2571;
}

/* カード選択エリア　ミニオンズデザイン ============================================================*/

.card_box.minions .cardname {
  background: #fbed55;
  box-shadow: 0px 3px 0 #f0e139;
  color: #444;
}

/* NEW */
.new {
  margin-right: 5px;
  color: #ed3c3c;
  font-size: 20px;
}