@charset "utf-8";
/* CSS Document */
/******************************************************************************
 Default CSS Reset
******************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure{
 margin:0;
 padding:0;
}
table{
 border-collapse:collapse;
 table-layout:fixed;
}
fieldset,img{
 border:0;
}
address,caption,cite,code,dfn,em,th,var{
 font-style:normal;
 font-weight:normal;
}
ol,ul{
 list-style:none;
}
caption{
 text-align:left;
}
h1,h2,h3,h4,h5,h6{
 font-size:100%;
 font-weight:normal;
}
img {
 vertical-align: bottom;
 /* chormeで画像のぼやけ回避 */
 -webkit-backface-visibility: hidden; 
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
}
input[type="submit"]:-webkit-search-decoration,
input[type="button"]:-webkit-search-decoration {
  display: none;
}
input[type="submit"]:focus,
input[type="button"]:focus {
  outline-offset: -2px;
}
/******************************************************************************
 General Setting
******************************************************************************/
body {
 margin:0;
 padding:0;
 font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 color: #333;
 word-wrap : break-word;
 -webkit-font-smoothing: antialiased;
 position: relative;
 background: #FFF;
 line-height: 1.3;
}
a {
 color: #000;
 outline:none;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	text-decoration: none;
}
a:focus, *:focus {
	outline: none;
}
a:hover,
a.hover {
 color: #000;
 text-decoration: none;
}
a:hover img {
 opacity: 0.8;
 filter: alpha(opacity=80);
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}

/*** align ***/
.ar { text-align:right;}
.al { text-align:left;}
.ac { text-align:center;}

/*** clearfix ***/
.cf:after{
 content: "."; 
 display: block; 
 height: 0; 
 font-size:0; 
 clear: both; 
 visibility:hidden;
}

/*** img ***/
.imgLeft {
 float: left;
 margin-right: 1em;
}
.imgRight {
 float: right;
 margin-left: 1em;
}

/*** text style ***/
.red { color:#C00;}
.big { font-size: 125%;}
.small { font-size: 85%;}

/******************************************************************************
 Layout
******************************************************************************/
#wrapper {
 width: 100%;
 position: relative;
 height: auto !important; /*IE6対策*/
 height: 100%;
 min-height: 100%;
 font-size:14px;
 line-height:1.5em;
 overflow: hidden;
}
#wrapper img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.inner {
 clear:both;
 margin:0 auto;
 padding: 0;
 width:94%;
 height:auto;
}
.inner_w {
	margin: 0px auto;
 width:94%;
}


/* ff recommend **********************************************/
.outer_w {
	margin: 0px auto;
	width: 94%;
}

.col{
	display: flex;
}
.cols_3 li{
	width: calc(33.333% - 10px);
}

.outer_w ul {
    flex-wrap: wrap;
    list-style: none;
}

.outer_w li{
	margin-left: 15px;
	margin-bottom: 40px;
}
.outer_w figure{
	position: relative;
	height: 160px;
	overflow: hidden;
}
.outer_w figure img{
	height: 160px;
	object-fit: cover;
}
.outer_w .txt a{
	font-weight: bold;
}
.outer_w .txt a:hover {
	opacity:0.7;
    text-decoration:none;
	transition: all .5s;
}
.outer_w li:nth-child(3n+1){
	margin-left: 0;
}

.outer_w .date {
    padding: 10px 0 5px;
    color: #666;
    text-align: right;
}

@media only screen and (max-width:767px) {
	.col{
		display: block;
		margin: 20px auto;
    	width: 100%;
    }
    .cols_3 li{
        width: 100%;
	}
	.outer_w li{
		display: flex;
        justify-content: space-between;
        margin-left: 0;
        margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #e0e0e0;
	}
	.outer_w .txt{
		width: calc(100% - 150px);
		margin-left: 10px;
	}
	.outer_w figure{
		width: 146px;
        height: 100px;
		margin-bottom: 0;
	}
	.outer_w figure img{
        height: 100px;
	}
	.outer_w .date{
        color: #666;
        text-align: right;
	    padding: 10px 0 5px;
	}
	.outer_w li h3{
        font-weight: 400;
    }
}

/* //ff recommend ********************************************/

/* header ****************************************************/
#header {
	margin: 0 auto;
	padding: 0; 
	top: 0;
	right: 0;
	left: 0;
 width: 100%;
	height: 60px;
 background:#FFF;
/* position: fixed;*/
 z-index: 10;
 border-bottom: 1px solid #e5e5e5;
}
#header .inner {
 margin: 0px auto;
 padding: 0;
	display: block;
	position: relative;
}
#header .inner h1 {
 margin: 0;
 padding: 15px 0 0 0;
 text-align: left;
/*	width: 60%;*/
	width: 200px;
}
#header .inner ul {
 margin: 0px;
 padding: 0px;
 width: 100%;
 background: #FFF;
 border-bottom: 1px solid #e5e5e5;
 display: flex;
 justify-content: space-between;
 position: absolute;
 top: 61px;
 left: 0px;
}
#header .inner ul li {
 width: 33.3%;
 height: 30px;
 padding: 5px 0;
 text-align: center;
 display: block;
}
#header .inner ul li img {
 width: auto;
 height: 30px;
}
.overlay {
  content: "";
  display: block;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity .5s;
}
.overlay.open {
  width: 100%;
  height: 100%;
  opacity: 1;
}
main {
  height: 100%;
  min-height: 100vh;
/*	margin-top: 90px; */
  padding: 0px;
  transition: all .5s;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
main.top_osusume {
/*	margin-top: 60px !important;*/
	margin-top: 5px !important;
}
main .open,#header.open {
	transform: translateX(-250px);
}
main .open {
	transform: translateX(-250px);
	transition: all .5s;
}	
#header.open {
	transform: translateX(-250px);
	transition: all .5s;
}	
.nav {
	width: 250px;
	height: 100%;
	background-color: #FFF;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 11;
	transform: translate(250px);
	transition: all .5s;
}
.nav.open {
  transform: translateZ(0);
}
.nav li {
	box-sizing: border-box;
	padding: 10px 2.5%; 
  color: #fff;
  text-align: left;
	border-bottom: 1px solid #333;
}
.nav li a {
	text-decoration: none;
	color: #000;
	display: block;
	position: relative;
}
.nav li a:after {
	color: #0066cc;
	content: "›";
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
}
.menu-trigger strong {
 font: normal normal 10px/10px 'Noto Sans JP', sans-serif; 
 color: #ed7da7;
 position: absolute;
 bottom: -13px;
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.menu-trigger {
	position: fixed;
	width: 40px;
	height: 40px;
	top : 9px;
	right: 10px;
	z-index: 13;
	background: #fff;
	border: solid 1px #ccc;
}
.menu-trigger span {
	position: absolute;
	width: 60%;
	right: 20%;
	height: 3px;
	background-color: #30409f;
	border-radius: 3px;
}
.menu-trigger span:nth-of-type(1) {
	top: 8px;
}
.menu-trigger span:nth-of-type(2) {
	top: 17px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 8px;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-11px) rotate(45deg);
	transform: translateY(-11px) rotate(45deg);
}
#nav_bt::before{
	content: '【PR】';
	position: absolute;
	top: 9px;
	left: -45px;
}
/* nav ****************************************************/
#f_nav  {
 clear:both;
 margin-bottom: 30px;
 padding: 0;
 width:100%;
 height:auto;
 background:#FFF;
}
#f_nav  ul {
 margin:0 auto;
 padding: 0;
 /*width:1000px;*/
 height:auto;
}
#f_nav ul li {
	margin:0;
	position: relative;
	text-align: center;
	border-bottom: 3px solid #003399;
	background: #ffffff;
	background: -webkit-linear-gradient(top,  #ffffff 54%,#ffffff 54%,#ececec 100%);
	background: linear-gradient(to bottom,  #ffffff 54%,#ffffff 54%,#ececec 100%);
}
#f_nav ul li a{
	margin:0;
	padding: 30px 0;
	font-size: 93%;
	line-height: 1;
	color: #003399;
	display: block;
}
#f_nav ul li a:hover{
	color: #003399;
}
#f_nav ul li a:before{
	content: '';
	display: inline-block;
	width: 42px;
	height: 41px;
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	margin: 0px auto;
	top: 26%;
	left: 3%;
}
#f_nav ul li:first-child a:before{
	background-image: url("../images/nav_ico_01.png");
}
#f_nav ul li:nth-child(2) a:before{
	background-image: url("../images/nav_ico_02.png");
}
#f_nav ul li:nth-child(3) a:before{
	background-image: url("../images/nav_ico_03.png");
}
#f_nav ul li:nth-child(4) a:before{
	background-image: url("../images/nav_ico_04.png");
}
#f_nav ul li:nth-child(5) a:before{
	background-image: url("../images/nav_ico_05.png");
}
#f_nav ul li:nth-child(6) a:before{
	background-image: url("../images/nav_ico_06.png");
}
#f_nav ul li:nth-child(7) a:before{
	background-image: url("../images/nav_ico_07.png");
}
#f_nav ul li:nth-child(8) a:before{
	background-image: url("../images/nav_ico_08.png");
}
.gold_card #f_nav ul li:nth-child(2) a:before{
	background-image: url("../images/nav_ico_02_a.png");
}
.gold_card #f_nav ul li:nth-child(2) a{
	color: #cccccc;
}
.miles #f_nav ul li:nth-child(3) a:before{
	background-image: url("../images/nav_ico_03_a.png");
}
.miles #f_nav ul li:nth-child(3) a{
	color: #cccccc;
}
.trip #f_nav ul li:nth-child(4) a:before{
	background-image: url("../images/nav_ico_04_a.png");
}
.trip #f_nav ul li:nth-child(4) a{
	color: #cccccc;
}
.platinum_black #f_nav ul li:nth-child(5) a:before{
	background-image: url("../images/nav_ico_05_a.png");
}
.platinum_black #f_nav ul li:nth-child(5) a{
	color: #cccccc;
}
.corporate_card #f_nav ul li:nth-child(6) a:before{
	background-image: url("../images/nav_ico_06_a.png");
}
.corporate_card #f_nav ul li:nth-child(6) a{
	color: #cccccc;
}
.annual_fee #f_nav ul li:nth-child(7) a:before{
	background-image: url("../images/nav_ico_07_a.png");
}
.annual_fee #f_nav ul li:nth-child(7) a{
	color: #cccccc;
}
.point_kangen #f_nav ul li:nth-child(8) a:before{
	background-image: url("../images/nav_ico_08_a.png");
}
.point_kangen #f_nav ul li:nth-child(8) a{
	color: #cccccc;
}
#f_nav  {
	margin: 0px auto 15px auto;
	width: 96%;
}
#f_nav ul {
	display: flex;
	flex-wrap: wrap;
}
#f_nav ul li {
	width: 31%;
	margin: 1%;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	background: #FFF;
}
#f_nav ul li a {
	margin: 0;
	padding: 60px 5% 20px 5%;
	font-size: 93%;
	line-height: 1;
	color: #003399;
	display: block;
}
#f_nav ul li a:before {
	margin: 0px auto;
	width: 30px;
	height: 29px;
	top: 20% !important;
	left: 0%;
	right: 0%;
}
#f_nav .active {
	opacity: 0.3;
}
/* main contents ****************************************************/
#container {
 margin:0 auto;
 padding:0;
 height: auto;
}
/* search ****************************************************/
h2.search {
	margin: 0px auto 10px auto;
	padding: 0 3% 10px 3%;
	width: 94%;
	font-size: 150%;
	color: #003399;
	font-weight: 700;
	border-bottom: 5px solid #3a74c4;
}
h2.search img {
	padding-right: 5px;
	width: 7% !important;
}
.searchArea {
	margin-bottom: 20px;
}
.searchArea .searchBannars {
	margin: 0px auto;
	padding-bottom: 10px;
	width: 94%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}
.searchArea .searchBannars li {
	padding-bottom: 10px;
	width: 49%;
}
.searchCategory {
	margin: 0px auto;
	padding: 5px 3%;
	width: 94%;
	border-bottom: 1px dotted #cccccc;
}
.searchCategory table {
	margin: 0px auto;
	padding: 0px;
	border: none;
}
.searchCategory table tr {
	border: none;
}
.searchArea .searchCategory td.title {
	padding: 0 3%;
	width: 35%;
	text-align: center;
	vertical-align: middle;
	background-color: #e3eff9;
	font-weight:bold;
	color: #000;
	border-left: none;
	border-bottom: none;
}
.searchArea .searchCategory td.body {
	padding-left: 10px;
	border-left: none;
}
.searchArea .searchCategory td.body img {
	width: 15% !important;
	vertical-align: middle;
}
.searchArea .searchCategory label {
	padding: 3px;
	display: block;
	text-align: left;
}
#topslideUP {
	cursor: pointer;
	padding: 5px 0 0;
}
.searchArea .searchCategory label img { vertical-align: top; }
.searchArea .detailSearch {
	text-align: center;
	margin: 0 0 5px;
	color: #003399;
	text-decoration: underline;
}
.searchArea .searchButton a {
	margin: 10px auto 0px auto;
	padding: 15px 0;
	width: 94%;
	background: #ff9900;
	background: -webkit-linear-gradient(top,  #ff9900 0%,#ff6600 100%);
	text-align: center;
	font-size: 150%;
	color: #FFF;
	display: block;
}
.searchArea .searchButton strong {
	font-weight: bold;
}

/* contents ****************************************************/
.tit {
	background-color: #f0f5fa;
	padding-bottom: 30px;
	margin-bottom: 20px;
	position: relative;
}
.tit h2 {
	padding: 20px 0 20px 110px;
	font-size: 135.714%;
	font-weight: bold;
	color: #FFF;
	background: #0038a6;
	background: linear-gradient(to right,  #0038a6 0%,#71aee1 100%);
}
.tit h2 strong {
	color: #3375bb;
	background: -webkit-linear-gradient(top, #3375bb 0%, #3375bb 50%, #5596e2 51%, #3578c1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px #FFF;
	font-size: 111%;
}
.tit h2 .international_brand {
	color: #3375bb;
	background: -webkit-linear-gradient(top, #545af0 0%, #545af0 50%, #101885 51%, #101885 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px #FFF;
	font-size: 111%;
}
.tit .ico {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 110px;
}
.tit .img {
	position: absolute;
	top: -10px;
	right: 0px;
}
.lead {
	font-size: 87%;
	color: #0139a6;
}

.mi_01 {
	margin: 20px auto 10px auto;
	padding: 0px 3% 10px 3%;
	width: 94%;
	color: #003399;
	font-size: 150%;
	font-weight: bold;
	border-bottom: 5px solid #3a74c4;
}
.txt_01 {
	font-size: 87%;
}
.txt_01 strong {
	font-weight: bold;
}
.txt_01 span {
	color: #cccccc;
}
.card_list {
	margin: 15px auto;
	padding: 10px 3%;
	border: 2px solid #6699ff;
	border-radius: 10px;
}
.card_list h2 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 150%;
	font-weight: bold;
	border-bottom: 2px dotted #cccccc;
}
.card_list h2 img {
	vertical-align: middle;
	padding-right: 5px;
	width: 8% !important;
}
.card_list dl {
	padding-bottom: 10px;
	justify-content: space-between;
}
.card_list dl dt {
	width:190px;
	height:153px;
	margin:0 auto;
	text-align:center;
}
.card_list dl dd {
	width: 100%;
}
.card_list dl dd h3 {
	padding-bottom: 10px;
	color: #3399cc;
	font-size: 120%;
	font-weight: bold;
}
.card_list dl dd p {
	font-size: 87%;
	line-height: 130%;
}
.card_list dl dd p span {
	background: #ffff00;
}
.card_list table {
	margin-bottom: 10px;
	border: 1px solid #000000;
	font-size: 75%;
	line-height: 120%;
	}
.card_list .colorRed {
	color: #ff0000;
}
.card_list table tr {
	border-bottom: 1px solid #000000;
}
.card_list table th, .card_list table td {
	border-left: 1px solid #000000;
	font-size: 120%;
}
.card_list table th {
	background: #fbe98e;
}
.card_list table .title1 {
	background: #f1f7fc;
	font-weight: bold;
	color: #003399;
	font-size: 120% !important;
}
.card_list table .title2 {
	background: #f5f5f5;
	color: #003399;
}
.card_list .icons {
	padding-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
}
.card_list .icons li {
	padding-right: 1%;
	width: 19%;
}
.card_list .bt a {
 display: block;
 margin: 10px auto 0px auto;
 padding: 15px 0;
 text-align: center;
 font-size: 150%;
 font-weight: bold;
 color: #FFF;
 background: -webkit-linear-gradient(top,  #66cc00 0%,#339900 100%);
 background: linear-gradient(to bottom,  #66cc00 0%,#339900 100%);
}
.osusume {
	margin-bottom: 20px;
	padding: 10px 3%;
	font-size: 150%;
	color: #FFF;
	background: url("../images/osusume_bg.gif") repeat 0 0;
}
.osusume_list {
	margin-bottom: 20px;
}
.osusume_list li {
	padding: 10px 3%;
	width: 94%;
	border-top: 1px solid #3366cc;
}
.osusume_list li:last-child {
	border-bottom: 1px solid #3366cc;
}
.osusume_list li a {
	display: flex;
	align-items: center;
  background-image: url("../images/arrow.png");
	background-repeat: no-repeat;
	background-position: center right;
}
.osusume_list li p {
	text-align: left;
}
.osusume_list li p:first-child {
	margin-right: 20px;
	width: 20% !important;
}
.osusume_list li a p:nth-child(2) {
	text-decoration: underline;
}
.osusume_list li a img {
	padding: 3px;
	border: 1px solid #cccccc;
}
.intro {
	margin: 20px auto;
	width: 94%;
}
.intro li {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #cccccc;
	align-items: center;	
}
.intro li dl {
	padding-bottom: 10px;
	display: flex;
	align-items: center;
}
.intro li dl dt {
	width: 20%; 
	padding-right: 10px;
}
.intro li dl dd {
	font-weight: bold;
}
.intro li p {
	font-size: 87%;
}
/* footer ****************************************************/
.f_nav {
	padding-bottom: 10px;
	display: flex;
	justify-content: center;
	font-size: 85%;
}
.f_nav li {
	padding-right: 10px;
}
.f_nav li:last-child {
	padding-right: 0px;
}
.f_nav li:before {
	content: "▶";
	color: #ff6600;
}
footer {
 margin:0;
 padding: 30px 0;
 width: 100%;
 height: auto;
 clear:both;
 margin-bottom: 0;
 background:#999999;
}
footer .logo {
	margin: 0px auto;
	padding-bottom: 20px;
	width: 305px;
}
footer p.copy {
 margin:0;
 padding: 0;
 text-align: center;
 color:#FFF;
	font-size: 75%;
}
p.gototop {
 right: 10px;
 bottom: 10px;
 text-align: right;
 z-index: 10;
 position: fixed;
 display: none;
}
p.gototop img {
 width: 50% !important;
 height: auto;
}

/* flexbox ****************************************************/
.fl {
	display: flex;
}
.bet {
	justify-content: space-between;
}
.flexwrap{
 display: -webkit-flex;
 display: flex;
 flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
 justify-content:space-between;
 -webkit-justify-content:space-between;
 align-items:center; 
 -webkit-align-items:center;
}
.nowrap{
 flex-wrap:nowrap;
 -webkit-flex-wrap:nowrap;
}
.reverse{
 flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse; 
}
.column{
 flex-direction: column;
  -webkit-box-orient: vertical;
}
.js-center {
 justify-content: center;
 -webkit-justify-content:center;
}
.js-start {
 justify-content: flex-start;
 -webkit-box-pack:start;
 -webkit-justify-content:flex-start;
}
.al-stretch {
 align-items:stretch;
 -webkit-align-items:stretch;
}
.al-start {
 align-items:flex-start;
 -webkit-align-items:flex-start;
}

/* listMark ****************************************************/
ul.listMark {
 list-style:none;
 padding-left:1em;
 text-indent:-1em;
}
ul.listMark.disc {
 list-style: disc inside;
}
ul.listMark.deci {
 list-style: decimal inside;
}
ul.listMark.deci-zero {
 list-style: decimal-leading-zero inside;
}

/* tab ****************************************************/
.tabWrapper {
 margin-bottom:10px;
 border:1px solid #CCC;
}
ul.tabNav {
 display:table;
}
ul.tabNav li {
 display:table-cell;
 font-size:14px;
 cursor:pointer;
}
ul.tabNav li.active {
 background:#EC7F81;
}
.tabContent.active{
 display:block;
}

/* hover zoom ****************************************************/
.zoom figure img {
 height: auto;
 -webkit-transition:all 0.5s ease-in-out;
 transition:all 0.5s ease-in-out;
 width: 100%;
 vertical-align: bottom;
}
.zoom figure {
 margin: 0;
 overflow: hidden;
 position: relative;
 text-align: center;
}
.zoom a:hover>figure img {
 transform: scale(1.10,1.10);
 -webkit-transform:scale(1.10,1.10);
 -moz-transform:scale(1.10,1.10);
 -ms-transform:scale(1.10,1.10);
 -o-transform:scale(1.10,1.10);
}
.zoom figcaption {
 background-color: rgba(0,0,0,0.6);
 color: #000;
 opacity: 0;
 font-size: 14px;
 font-size: 1.4rem;
 position: absolute;
 text-align: center;
 -webkit-transition:all 0.5s ease-in-out;
     transition:all 0.5s ease-in-out;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 margin: auto;
 padding-top: 25%;
}
.zoom a:hover>figure figcaption {
 opacity: 1;
}
.zoom figcaption .box{
 margin:0 10%;
 padding:10px 5%;
 background:rgba(255,255,255,0.4);
 font-size:90%;
}
.zoom figcaption .mi{
 font-weight:bold;
 margin-bottom:10px;
}
.zoom figcaption .caption {
 font-size:70%;
}

/* pager ****************************************************/
ol.pager {
 margin:0;
 padding:0 0 10px 0;
 width: 360px;
 height: 25px;
 float:left;
}
ol.pager li{
 margin:0;
 padding: 0 10px 0;
 display:inline-block;
 border-right: 1px solid #CCC;
 line-height:12px;
}
ol.pager li:last-child{
 border-right: none;
}
ol.pager li a {
 color:#CCC;
}

/* table ****************************************************/
.tableWrapper { overflow-x:scroll;}
table{
 border-collapse: collapse;
 border: 1px solid #CCC;
 width:100%;
 margin-bottom:25px;
}
table tr{ border-bottom: 1px solid #CCC;}
table th, table td{
 padding:10px 0;
 text-align:center;
 border-left: 1px solid #CCC;
}
table th{ background:#EBDCDF;}

table.compare {
	margin: 50px 0;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 50px;
}
table.compare td {
	border: 1px solid #cccccc;
	text-align: center;
	vertical-align: middle;
	padding:6px 3px;
	font-size: 14px;
	line-height: 16px;
	word-break: break-all;
	width: 9%;
}
table.compare td img {
	padding: 5px 0;
}
table.compare .title1 td {
	font-weight: bold;
	background: #f2f7fa;
	color: #003399;
}
table.compare .title2 td {
	background: #f2f7fa;
	color: #003399;
}
table.compare td.cardCell {
	word-break: break-all;
	font-size: 12px;
	width: 14% !important;
}
table.compare td.boxCell {
	width: 18% !important;
}
table.compare td.btCell {
	width: 14% !important;
}
table.compare td.cardCell a {
	color: #003399;
	text-decoration: underline;
	font-size: 85%;
}
table.compare td.buttonCell{
	word-break: break-all;
}
table.compare .cardImage {
	width: 100px;
}
table.compare .bt a {
	margin: 0px auto;
	padding: 30px 5%;
	width: 70%;
	font-size: 112%;
	font-weight: bold;
	color: #FFF;
	display: block;
	background: #66cc00;
	background: -webkit-linear-gradient(top,  #66cc00 0%,#339900 100%);
	background: linear-gradient(to bottom,  #66cc00 0%,#339900 100%);
	border-radius: 10px;
}
.international_brand .matrix{
  width: 100%;
  border-collapse: collapse;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-left:none;
	border-bottom: none;
}
.international_brand .matrix th,.international_brand .matrix td{
  text-align: center;
  color: #000;
  padding: 10px 0;
	border-right: 1px solid #000;
}
.international_brand .matrix th{
	background-color: #fff;
	border-left: none;
	font-weight: bold;
}
.international_brand .matrix tr{
	border-bottom: 1px solid #000;
}
.international_brand .matrix tr:last-child{
	border-bottom: none;
}
.bg_yellow{
	background-color: #ffff99;
}

.bg_lemon{
	background-color: #fdffce;
}

.bg_blue{
	background-color: #d6fffa;
}

.bg_green{
	background-color: #d8ffc7
}
.att {
    border: 1px solid #cccccc;
    margin: 0 auto;
    margin-bottom: 1rem;
    line-height: 1.5;
    font-size: 8px;
    padding: 1rem;
	margin-left: 3.5%;
    margin-right: 3.5%;
}
.att p {
    padding-left: 1em;
}