@charset "shift_jis";
/* CSS Document */

/* ==========================================================================
CSS information
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
========================================================================== */

/*---------------------------------------------------------------------
base
---------------------------------------------------------------------*/
body#cm2014 {
	background:#fff;
	font-family: 'Noto Sans CJK JP', 'Heebo';
}

body#cm2014 a.over:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/*=========================================
#headerArea
=========================================*/
#cm2014 #headerArea { width:100%; background:#ffffff;}
#cm2014 #headerArea #headerAreaInner { width:900px; margin:0 auto; padding:25px 0 22px ;}
#cm2014 #headerArea #headerAreaInner .headerLeftBlock { float:left;}
#cm2014 #headerArea #headerAreaInner .headerLeftBlock .logoBlock { margin-bottom:5px;}
#cm2014 #headerArea #headerAreaInner .headerRightBlock {
	display: table;
	float: right;
}
#cm2014 #headerArea #headerAreaInner .headerRightBlock p {
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
	font-size: 16px;
	font-weight: bold;
}
#cm2014 #headerArea #headerAreaInner .headerRightBlock p + p {
	border-left: 2px dotted #333;
	padding-right: 0;
	padding-left:20px;
}

/*=========================================
#mainVisualArea
=========================================*/
#cm2014 #mainVisualAreaWrap{
	background-color: #45aab9;
	min-width: 950px;
}
#cm2014 #mainVisualArea { 
	width:900px; 
	padding: 40px 0 120px 0;
	margin:0 auto;
	position:relative;
	display: table;
}
#cm2014 #mainVisualArea ul { position:absolute; left:720px; top:183px;}
#cm2014 #mainVisualArea ul li { margin-bottom:7px; font-size:0; line-height:0;}
#cm2014 #mainVisualArea p {
	font-size: 36px;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
}
#contentsArea{
	background-color: #f3f3f3;
	overflow-x: hidden;
}
/*=========================================
#mainContentsArea
=========================================*/
#cm2014 #mainContentsAreaWrap{
	background-color: #f3f3f3;
	z-index: 2;
}
#cm2014 #mainContentsArea { width:900px; margin:-73px auto 0 auto; padding-bottom:90px; position:relative; z-index:3;}
/*#cm2014 #mainContentsArea .sectionBlockA { background-color: #fff;}*/
#cm2014 #mainContentsArea .sectionBlockB { padding:0 57px;}

#cm2014 #mainContentsArea .contentBlockA { background:url(/cm2014/img/bg_010.png) left top no-repeat; padding-top:5px; zoom:1;}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter { background:url(/cm2014/img/bg_002.png) left bottom no-repeat; padding-bottom:5px;}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner { background:url(/cm2014/img/bg_003.png) repeat; padding:19px 0;}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .caption{
	text-align: center;
	font-size: 32px;
	color: #333333;
	margin-top: 19px;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .detailWrap {
	margin-top: 65px;
	text-align: center;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .detailWrap dt{
	display: inline-block;
	width: 520px;
	border-radius: 10px;
	border: 3px solid #333333;
	background-color: #333333;
	background-image: url("/cm2014/img/index_ic05.png");
	background-repeat: no-repeat;
	background-position: 97% 50%;
	padding: 21px 20px 24px;
	text-align: center;
	font-weight: bold;
	font-size: 31px;
	line-height: 1.2;
	color: #fff;
	cursor: pointer;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .detailWrap dt.on{
	background-image: url("/cm2014/img/index_ic06.png");	
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .detailWrap dd{
	display: none;
	padding-top: 40px;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .detailWrap .detail02 dd{
	display: block;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .contentsWrap{
	padding: 47px 0 54px;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .contentsWrap.color01{
	background-color: #fff;
	color: #333;
	padding-top: 0;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .contentsWrap.color02{
	background-color: #666666;
	color: #FFFFFF;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .contentsWrap.color03{
	background-color: #e5e5e5;
	color: #333;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .contentsWrap .newcard-heading02 .title {
	margin-bottom: 14px;
	font-weight: bold;
	font-size: 29px;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .contentsWrap .newcard-heading02 .title span {
	display: inline-block;
	position: relative;
	padding-bottom: 3px;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .contentsWrap .newcard-heading02 .title span::after{
	content: "";
	position: absolute;
	height: 4px;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: #1f1f1f;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .contentsWrap .newcard-heading02 .title + .headline {
	font-size: 32px;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .contentsWrap .newcard-heading02 .headline {
	font-weight: bold;
	font-size: 28px;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-heading02 {
	text-align: center;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-heading02 + .card-imageWrap02{
	margin-top: 75px;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-heading02 .icon {
		margin-bottom: 20px;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-heading02 .lead {
		margin-top: 20px;
		font-weight: bold;
		font-size: 22px;
		line-height: 2;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .sunWrap{
	padding: 0 30px;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-heading02{
		margin-top: 20px;
	text-align: center;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-heading02 .note {
	display: inline-block;
	font-weight: bold;
		font-size: 18px;
		line-height: 2;
	text-indent: -1em;
	padding-left: 1em;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .card-imageWrap01 {
		margin-top: 36px;
		text-align: center;
}

#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-heading03 {
		margin-top: 90px;
		text-align: center;
		font-weight: bold;
		font-size: 22px;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-heading03.type01:before{
	content:"";
	display:inline-block;
	width:66px;
	height:26px;
	background: url("/cm2014/img/index_ex01.png") no-repeat 0 0;
	background-size:contain;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-heading03.type01:after{
	content:"";
	display:inline-block;
	width:66px;
	height:26px;
	background: url("/cm2014/img/index_ex02.png") no-repeat 100% 0;
	background-size:contain;

}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-heading03.type02 {
		margin-top: 40px;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-heading03 + p{
	margin-top: 45px;
	font-weight: bold;
	font-size: 18px;
	line-height: 2;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-heading03 + p +.note{
	font-size: 16px;
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 1em;
}
.speechBalloon.color01 {
	display: inline-block;
		position: relative;
		margin: 40px auto;
		border-radius: 20px;
		border: 2px solid #c1875f;
		padding: 30px;
		background-color: #fff;
		text-align: left;
		font-size: 18px;
	font-weight: bold;
}
.speechBalloon.color01::after {
		background: url("/newcard/img/index_ex03.png") 0 0 no-repeat;
		position: absolute;
		bottom: -14px;
		left: 20px;
		display: block;
		width: 20px;
		height: 14px;
		content: "";
}
.col4{
	display: flex;
	margin-top: 50px;
}
.col4 .detail02{
	width: calc((100% - 60px)/3);
	margin-right: 30px;
}
.col4 .detail02 dt{
	width: auto !important;
	background: none!important;
	border: none!important;
	font-size: 20px!important;
	color: #333333!important;
	padding: 0 !important;
}
.col4 .detail02 dt .num {
		display: inline-block;
		height: 32px;
		width: 32px;
		margin-right: 10px;
		border-radius: 50%;
		padding: 8px;
		background-color: #419ba8;
		text-align: center;
		line-height: 1.4;
		color: #fff;
		font-weight: bold;
	vertical-align: top;
}
.col4 .detail02 dt .num + .txt {
	text-align: left;
	display: inline-block;
	width: 180px;
	vertical-align: top;
	margin-top: 0.6em;
}
.col4 .detail02 dd{
	padding-top: 40px;
	text-align: center;
}
.col4 .detail02 dd img{
	width: auto;
	height: auto;
	max-width: 100%;
}
.col4 .detail02 + .detail02 dd{
	padding-left: 60px;
}
.visa-imageWrap01 {
	margin-top: 30px;
	text-align: center;
}
.oioi-imageWrap01 {
	margin-top: 30px;
	text-align: center;
}
.oioi-imageWrap01 img{
	width: 400px;
}
.newcard-txtLead01{
	font-size: 22px;
	margin-top: 1em;
}
.paragraph02 {
		margin-top: 2.5em;
	font-size: 18px;
}
.paragraph02 +.paragraph02 {
		margin-top: 1.5em;
}

#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-graphColLayput01{
	overflow: hidden;
	margin-top: 60px;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-graphColLayput01 > .col {
		float: left;
		width: calc((100% - 58px)/2);
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-graphColLayput01 > .col + .col{
		margin-left: 58px;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-graphBox > .graphImage {
		float: left;
		margin-right: 18px;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-graphBox > .txt {
		position: relative;
		overflow: hidden;
		padding-bottom: 80px;
		font-size: 18px;
	text-align: left;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-graphBox > .txt p{
		font-size: 18px;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-graphBox > .txt p span{
	color: #762569;
	font-size: 20px;
	vertical-align: bottom;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .col + .col .newcard-graphBox > .txt p span{
	color: #45a2b0;
	font-size: 20px;
	vertical-align: bottom;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-graphBox > .txt > .graphPercent {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 57px;
	font-weight: bold;
	line-height: 1;
	vertical-align: baseline;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-graphBox > .txt > .graphPercent.color01 {
		color: #762569;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-graphBox > .txt > .graphPercent.color02 {
		color: #45a2b0;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-graphBox > .txt > .graphPercent .unit {
		font-size: 32px;
		font-weight: normal;
}
.newcard-graphWrap01 + .alC{
	font-size: 16px;
	margin-top: 45px;
}
.newcard-heading04{
	margin: 20px 0 35px;
	font-size: 26px;
	text-align: center;
	font-weight: bold;
}
.newcard-heading04 > span {
	position: relative;
	display: inline-block;
	padding: 0 40px;
}
.newcard-heading04 > span:before,
.newcard-heading04 > span:after {
	position: absolute;
	top: 50%;
	display: block;
	width: 3px;
	height: 34px;
	margin-top: -17px;
	background-color: #333333;
	content: "";
}
.newcard-heading04 > span:before {left: 12px;transform: rotateZ(-45deg);}
.newcard-heading04 > span:after {right: 12px;transform: rotateZ(45deg);}
.newcard-descList01 {font-weight: 600; text-align: center; padding: 0 30px;}
.newcard-descList01.type01 {margin-left: 0;}
.newcard-descList01.type01 + .newcard-descList01.type01 {margin-top: 86px;padding-bottom: 70px;}
.newcard-descList01 li.img {zoom: 1;}
.newcard-descList01 li.txt {
	font-size: 25px;
	padding-left: 53px;
	text-indent: -53px;
	text-align: left;
}
.newcard-descList01 li.txt .num {
	display: inline-block;
	height: 43px;
	width: 43px;
	margin-right: 10px;
	border-radius: 50%;
	background-color: #b7805e;
	text-align: center;
	line-height: 43px;
	color: #fff;
	font-weight: bold;
	text-indent: 0;
}
.newcard-descList01 li.txt .num.color01 {background-color: #419ba8;}
.newcard-descList01 li.img {margin-top: 10px;}






#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .colmun2Wrap01 {}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .colmun2Wrap01 .colmunBlock01 { float:left;}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .colmun2Wrap01 .colmunBlock02 { float:right;}

#cm2014 #mainContentsArea .pageNavBlock{
	margin: 80px 0 40px 0;
}
#cm2014 #mainContentsArea .pageNavBlock li { float:left; margin-right:24px;}
#cm2014 #mainContentsArea .pageNavBlock li.lastChild { margin-right:0;}

#cm2014 #mainContentsArea .customerVoiceBlockA { margin-left:-31px;}
#cm2014 #mainContentsArea .customerVoiceBlockA li { float:left; margin:0 0 11px 31px;}

#cm2014 #mainContentsArea .contentBlockB { background:url(/cm2014/img/bg_004.png) left bottom no-repeat; padding-bottom:5px; zoom:1;}
#cm2014 #mainContentsArea .contentBlockB .contentBlockBInner { padding:45px 85px; background:#e7e7e7;}
#cm2014 #mainContentsArea .contentBlockB .contentBlockBInner.type02 { background:#fff;}

#cm2014 #mainContentsArea .contentBlockB .contentBlockBInner h3 { border-bottom:1px solid #333333; padding-bottom:7px; font-size: 26px; font-weight: bold;}
#cm2014 #mainContentsArea .contentBlockB .contentBlockBInner .title.mb15{
	 font-size: 20px;
	 font-weight: bold;
}
#cm2014 #mainContentsArea .contentBlockCInner .title02.mb20{
	 font-size: 20px;
	 font-weight: bold;
	 color: #45a2b0;
}
#cm2014 #mainContentsArea .contentBlockB .contentBlockBInner .list01 li{
	text-indent: -1em;
	padding-left: 1em;
	font-size: 16px;
}
#cm2014 #mainContentsArea .contentBlockB .contentBlockBInner .note01 li{
	text-indent: -1em;
	margin-top: 0.5em;
	padding-left: 1em;
	font-size: 14px;
	line-height: 1.5;
}
#cm2014 #mainContentsArea .contentBlockB .contentBlockBInner .list01 li span{
	font-size: 14px;
}
#cm2014 #mainContentsArea .contentBlockB .contentBlockBInner .colmun2Wrap01 .colmunBlock01 { float:left; margin-right:15px;}
#cm2014 #mainContentsArea .contentBlockB .contentBlockBInner .colmun2Wrap01 .colmunBlock02 { float:left; padding-top:1px;}

#cm2014 #mainContentsArea .contentBox { background:url(/cm2014/img/bg_005.png) top left no-repeat; padding-top:5px;}
#cm2014 #mainContentsArea .contentBox .contentBoxOuter { background:url(/cm2014/img/bg_006.png) bottom left no-repeat; padding-bottom:5px;}
#cm2014 #mainContentsArea .contentBox .contentBoxOuter .contentBoxInner { border-right:1px solid #adadad; border-left:1px solid #adadad; background:#fff; padding:26px 20px 17px 20px; width:688px;}

#cm2014 #mainContentsArea .contentBox .contentBoxOuter .contentBoxInner .colmun2Wrap01 .colmunBlock01 { float:left; margin:6px 20px 0 0;}
#cm2014 #mainContentsArea .contentBox .contentBoxOuter .contentBoxInner .colmun2Wrap01 .colmunBlock02 { float:left;}

#cm2014 #mainContentsArea .movieBlock { background:url(/cm2014/img/bg_007.png) left top no-repeat; padding-top:5px; zoom:1;}
#cm2014 #mainContentsArea .movieBlock .movieBlockOuter  { background:url(/cm2014/img/bg_008.png) left bottom no-repeat; padding-bottom:5px;}
#cm2014 #mainContentsArea .movieBlock .movieBlockOuter .movieBlockInner { padding:25px 85px 43px 85px; background:#000000;}
#cm2014 #mainContentsArea .movieBlock .movieBlockOuter .movieBlockInner .colmun2Wrap01 .movie { padding-top:8px;}
#cm2014 #mainContentsArea .movieBlock .movieBlockOuter .movieBlockInner .colmun2Wrap01 .colmunBlock01 { float:left; padding-top:32px;}
#cm2014 #mainContentsArea .movieBlock .movieBlockOuter .movieBlockInner .colmun2Wrap01 .colmunBlock02 { float:right; padding-top:32px; position:relative;}
#cm2014 #mainContentsArea .movieBlock .movieBlockOuter .movieBlockInner .colmun2Wrap01 .colmunBlock02 .balloon { position:absolute; top:0;right:0;}

#cm2014 #mainContentsArea .contentBlockC { background:url(/cm2014/img/bg_010.png) left top no-repeat; padding-top:5px; zoom:1;}
#cm2014 #mainContentsArea .contentBlockC .contentBlockCOuter { background:url(/cm2014/img/bg_004.png) left bottom no-repeat; padding-bottom:5px;}
#cm2014 #mainContentsArea .contentBlockC .contentBlockCOuter .contentBlockCInner { padding:45px 85px; background:#fff;}

#cm2014 #mainContentsArea .pagetop { position:absolute; right:0; bottom:0;}



/* newcard-txtArea */
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-txtArea {
	text-align: center;
	margin-top: 40px;
	line-height: 1.7;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-txtArea .txt {
	margin-top: 1em;
	font-size: 20px;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-txtArea .txt:nth-of-type(n+2) {
	margin-top: 45px;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-txtArea .note {
	margin-top: 10px;
	font-size: 16px;
	line-height: normal;
}
#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-boxLayout01--wrap{
	position: relative;
	margin: 80px 20px 0;
	border-radius: 5px;
	border: 2px dashed #BFBFBF;
	padding: 38px 30px 30px;
	background: #e5e5e5;
	font-size: 16px;
	text-align: left;
}

#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .newcard-boxLayout01--title{
	position: absolute;
	top: -.5em;
	left: 50%;
	display: inline-block;
	padding: 0 20px;
	transform: translateX(-50%);
	background: #e5e5e5;
	font-weight: 700;
	font-size: 24px;
	color: #333333;
	line-height: 1;
}

#cm2014 #mainContentsArea .contentBlockA .contentBlockAOuter .contentBlockAInner .videoWrap {
	margin-top: 60px;
	margin-bottom: 60px;
	text-align: center;
	display: none;
}

/* modalArea
--------------------------------------------------------------------*/
#cm2014 {
	position:relative;
}
#modalArea {
	display:none;
	position:absolute;
	width:900px;
	top: 500px;
	left: 50%;
	margin-left:-450px;
	z-index:10000;
}
#glayLayer {
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	z-index:9999;
	background:#000000;
	top:0;
	left:0;
	background:url(/cm2014/img/glaylayer.png);
	cursor: pointer;
}

/*=========================================
#footerArea
=========================================*/
#cm2014 #footerArea { width:100%; background:#ffffff;}
#cm2014 #footerArea #footerAreaInner { width:900px; margin:0 auto; padding:30px 25px; text-align:center;}
#cm2014 #footerArea #footerAreaInner .copyright { float:left;}
#cm2014 #footerArea #footerAreaInner div { float:right;}


/*---------------------------------------------------------------------
parts
---------------------------------------------------------------------*/
/* margin
========================================= */
.mt00{margin-top:0px!important;}
.mt05{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt70{margin-top:70px!important;}

.mb00{margin-bottom:0px!important;}
.mb05{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.mb55{margin-bottom:55px!important;}
.mb60{margin-bottom:60px!important;}

.ml30{margin-left:30px!important;}

/* padding
========================================= */
.pt05{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt30{padding-top:30px!important;}
.pt40{padding-top:40px!important;}
.pt50{padding-top:50px!important;}

.pb05{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb30{padding-bottom:30px!important;}
.pb40{padding-bottom:40px!important;}
.pb50{padding-bottom:50px!important;}

/* text style
========================================= */
.tCenter {text-align:center!important;}
.tLeft {text-align:left!important;}
.tRight {text-align:right!important;}
.underline {text-decoration:underline;}
.overline { text-decoration:overline;}
.relative {position:relative;}
.absolute {position:absolute;}
.vTop {vertical-align:top!important;}
.vMiddle {vertical-align:middle!important;}
.vBottom {vertical-align:bottom!important;}
.fLeft {float:left!important;}
.fRight {float:right!important;}
.fNone {float:none!important;}
.indent{text-indent:1em!important;}
.txtRed {color:#C10C00!important;}
.txtPink {color:#ff0d51!important;}
.txtGold {color:#b37a00!important;}
.bold {font-weight:bold!important;}
.largeText {font-size:131%!important;}
.smallText {font-size:93%!important;}

/* logo_Tokyo2020
========================================= */
.logo_Tokyo2020{
	display: table;
	width: 100%;
	background-color: #FFFFFF;
	margin: 50px 0;
	padding: 50px 0;
}
.logo_img_Tokyo2020{
	border-right: 1px solid #dfdfdf;
	padding: 0 50px;
}
.logo_img_Tokyo2020 img{
	width: 293px;
}
.logo_txt_Tokyo2020{
	padding: 0 50px;
	line-height: 2.0;
}
.logo_txt_Tokyo2020 p{
	font-size: 14px;
}
.logo_txt_02_Tokyo2020{
	padding-top: 10px;
}
.logo_txt_Tokyo2020,
.logo_img_Tokyo2020{
	display: table-cell;
	vertical-align: middle;
}

/*    */
.top-bgWide{
		overflow-x: auto;
	margin: 75px calc(((100vw - 100%) / 2) * -1);
	padding: 0 0 35px;
}
.top-bgWide > .inner{
	width: 1200px;
	margin: 0 auto;
}
.top-bgWide.color01{
	background-color: #a8d1d6;
}
.top-boxLayout01{
	display: block;
	margin-top: 25px;
	border-radius: 10px;
	padding: 40px 45px 40px;
	background-color: #fff;
}
.top-heading03{
	margin: 75px 0 0;
	padding: 17px 0 19px;
	text-align: center;
}
.top-heading03 .head{
	font-weight: bold;
	font-size: 40px;
}
.top-heading03 .caption{
	margin-top: 0;
	font-weight: bold;
	font-size: 22px;
}
.top-heading03 .icon{
	margin-bottom: 10px;
}
.top-heading03 .icon > img{
	height: 35px;
}
/* --application Slider-- */
/*Dots*/
.top-sliderDots {
	position: absolute;
	bottom: -67px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.top-sliderDots li {
	position: relative;
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0 7px;
	padding: 0;
	cursor: pointer;
	vertical-align: top;
}
.top-sliderDots li button[id*="slick-slide-control"] {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 11px;
	height: 11px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.top-sliderDots li button:not([id*="slick-slide-control"]) {
	display: none;
}
.top-sliderDots li button:hover, .slick-dots li button:focus {
	outline: none;
}
.top-sliderDots li button:hover:before, .slick-dots li button:focus:before {
	opacity: .75;
}
.top-sliderDots li button:before {
	font-family: 'slick';
	font-size: 12px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 9px;
	height: 9px;
	border: 1px solid #767676;
	content: '';
	text-align: center;
	background: #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	opacity: 1;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.top-sliderDots li.slick-active button:before {
	opacity: .75;
	color: black;
	background: #d6bd17;
}
.applicationSliderBox{
	position: relative;
	margin: 0 -10px;
	padding-bottom: 32px;
}
.applicationSliderBox .applicationSliderBgMv {
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -76px;
	width: 152px;
}
.applicationSliderBox .applicationSliderNav {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	margin-left: 0;
	width: 100%;
}
.applicationSliderBox .applicationSliderNav .top-sliderDots{
	bottom: 0;
	left: 0;
	width: 100%;
}
.applicationSlider.img{
	margin: 0 auto;
	width: 135px;
}
.applicationSlider.head{
	width: 100%;
	margin-bottom: 10px;
}
.applicationSlider.head .applicationSliderItem{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	font-size: 2.0rem;
}
.applicationSlider .applicationSliderItem{
	margin: 0;
}
.applicationSlider .applicationSliderItem .applicationSliderImg{
	width: 136px;
	margin: 12px auto 9px;
}
.applicationSlider.txt .applicationSliderItem .applicationSliderDesc{
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.6;
	font-size: 10px;
	font-size: 1.0rem;
	height: 100%;
}
.applicationSlider .slick-arrow{
	display: none !important;
}
.applicationSliderBox{
	display: block;
	position: relative;
	margin: 12px 0 0;
	padding-left: 378px;
	padding-bottom: 48px;
}
.applicationSliderBox .applicationSliderBgMv {
	position: absolute;
	top: 20px;
	bottom: auto;
	left: 26px;
	margin-left: 0;
	width: 270px;
}
.applicationSliderBox img{
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
.applicationSliderBox .applicationSliderNav {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	margin-left: 0;
	width: 320px;
}
.applicationSliderBox .applicationSliderNav .top-sliderDots{
	bottom: 0;
	left: 0;
	width: 100%;
	line-height: 1;
}
.applicationSliderBox .applicationSlider.img.slick-dotted.slick-slider{
	margin-bottom: 70px;
}
.applicationSlider.img{
	position: absolute;
	top: 20px;
	left: 41px;
	margin: 0;
	width: 240px;
} 
.applicationSlider.txt{
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding-top: 0;
	font-weight: bold;
	font-size: 18px;
} 
.applicationSlider.txt p{
	font-size: 22px;
} 
.applicationSlider .applicationSliderItem{
	margin: 0;
}
.applicationSlider .applicationSliderItem .applicationSliderImg{
	width: 240px;
	margin: 12px auto 9px;
}
.applicationSlider.txt .applicationSliderItem .applicationSliderDesc{
	display: block;
	line-height: 1.5;
	font-weight: 400;
	font-size: 22px;
	font-size: 2.2rem;
	color: #333;
}
.applicationSlider.txt .applicationSliderItem .applicationSliderDesc .note{
	font-size: 15px;
}
.applicationSlider .applicationSliderItem .applicationSliderDesc img{
	width: 440px;
	display: inline;
}
.applicationSlider.head{
	width: 270px;
	margin-left: 25px;
} 
.applicationSlider.head .slick-dotted.slick-slider {
	margin: 0;
} 
.applicationSlider.head .applicationSliderItem{
	text-align: center;
	margin: 0;
	font-size: 24px;
}
.epokkeBox{
	display: block;
	max-width: none;
	width: 640px;
	height: 292px;
	margin: 10px auto 0;
	padding: 60px 12px 56px 86px;
	background: url("/img-files/top/index_bg07.png") no-repeat center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	text-align: center;
	box-sizing: border-box;
}

.appliDLCol2 {
	width: 100%;
	overflow: hidden;
	margin-top: 17px;
}
.appliDLCol2 > .col{
	float: left;
	width: 352px;
	margin-right: 24px;
}
.appliDLCol2 > .col:nth-child(2n){
	margin-right: 0;
}
.appliDLCol2 > .col .colInner{
	border: 1px solid #dddddd;
	border-radius: 10px;
	padding: 42px 15px 28px;
}
.appliDL{
	display: block;
	max-width: none;
	margin: 0 ;
	text-align: center;
}
.appliDL a{
	display: inline-block;
	max-width: none;
	width: 230px;
	margin: 0;
}
.qrScan{
	margin-top: 20px;
	text-align: center;
}



/* appliEpisode
--------------------------------*/

/* ----- appliheading3 ----- */
.appliheading3 {
	text-align: center;
}
.appliheading3 .heading3inner > .subtitle {
	display: inline-block;
	padding: 3px 50px;
	border-radius: 30px;
	background: #4599b1;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}
.appliheading3 .heading3inner > .title {
	margin-top: 12px;
	font-size: 16px;
	font-weight: bold;
}
/* ----- appliEpisodeBox ----- */
.appliEpisodeBox {
	font-size: 12px;
}
.appliEpisodeLayout {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 900px;
	margin: 50px auto 25px;
}
.appliEpisodeLayout > .appliEpisodeBox {
	width: calc((100% - 20px) / 3 - 0.1px);
	margin-right: 10px;
}
.appliEpisodeLayout > .appliEpisodeBox:nth-child(3n) {
	margin-right: 0;
}
/* ----- movieContents ----- */
.movieContents {
	margin-top: 10px;
}
.movieContents img{
	width: 100%;
}
.appliBtn01{
	margin-top: 15px;
	text-align: center;
}
.appliBtn01 a{
	display: inline-block;
	border-radius: 5px;
	padding: 10px 25px;
	background-color: #333333;
	text-decoration: none;
	font-size: 18px;
	color: #fff;
}
.appliBtn02{
	margin-top: 15px;
	margin-bottom: 50px;
	text-align: center;
}
.appliBtn02 a{
	display: inline-block;
	min-width: 520px;
	border-radius: 10px;
	padding: 21px 20px 24px;
	background-color: #333333;
	text-decoration: none;
	font-weight: bold;
	font-size: 31px;
	color: #fff;
}

/* ----- modal ----- */
/* reset */
#colorbox, #cboxOverlay, #cboxWrapper {
	z-index: 10000;
}
#colorbox,
#cboxWrapper,
#cboxContent {
	overflow: visible !important;
}
#cboxOverlay {
	background: url(/common-files/img/com_cb_bg01.png) 0 0 repeat !important;
}
#cboxLoadedContent {
	margin-bottom: 0 !important;
	overflow: visible !important;
}
/* custom */
#cboxContent {
	background: #ffffff;
	padding: 0;
}
a.cb-inline:hover img,
a.cb-img:hover img {
	opacity: 0.7;
}
.cb_inl_wrapper {
	display: none;
}
.cb_inl_content {
	max-width: 790px;
}
.cb_inl_content .cb_inl_head01 {
	padding: 8px;
	background: #f4efe6;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
}
.cb_inl_content .cb_inl_inner {
	padding: 40px;
	background: #ffffff;
}
.cb_inl_content .cb_inl_inner > *:first-child {
	margin-top: 0 !important;
}
.cb_inl_content .cb_close a:after,
#eposnet_renewal .cb_close a:after,
#function_change .cb_close a:after {
	right: 10px;
	height: 14px;
	width: 14px;
	margin-top: -7px;
	background-image: url(/common-files/img/com_close_ic01.png);
}
#eposnet_renewal .cb_close a {
	cursor: pointer;
}
#colorbox.cb-ytWrap {
	background: #ffffff;
}
#colorbox.cb-ytWrap .cb_close {
	margin-top: 15px;
	padding-bottom: 20px;
	background: #ffffff;
}
#colorbox.cb-ytWrap .cb_close a {
	cursor: pointer;
}
#colorbox.cb-ytWrap .cb_close a:after {
	right: 10px;
	height: 14px;
	width: 14px;
	margin-top: -7px;
	background-image: url(/common-files/img/com_close_ic01.png);
}
#colorbox.cb-imgWrap #cboxClose {
	width: 48px;
	height: 48px;
	background: url(/common-files/img/com_close_ic04.png) 0 0 no-repeat;
	top: -20px;
	right: -22px;
}
#colorbox.cb-ytWrap {
	background: #ffffff;
}
#colorbox.cb-ytWrap .cb_close {
	margin-top: 15px;
	padding-bottom: 20px;
	background: #ffffff;
}
#colorbox.cb-ytWrap .cb_close a {
	cursor: pointer;
}
#colorbox.cb-ytWrap .cb_close a:after {
	right: 10px;
	height: 14px;
	width: 14px;
	margin-top: -7px;
	background-image: url(/common-files/img/com_close_ic01.png);
}
#colorbox.cb-imgWrap #cboxClose {
	width: 48px;
	height: 48px;
	background: url(/common-files/img/com_close_ic04.png) 0 0 no-repeat;
	top: -20px;
	right: -22px;
}

/*.cm2014-columnLayout01--plus*/
.cm2014-columnLayout01--plus{
	margin: 90px 30px 0;
}
.cm2014-columnLayout01--plus > .col{
	position: relative;
	float: left;
	width: calc((100% - 40px) / 2);
}
.cm2014-columnLayout01--plus > .col:nth-child(2n){
	margin-left: 40px;
}
.cm2014-columnLayout01--plus > .col:nth-child(2n)::before{
	position: absolute;
	top: 50%;
	left: -32px;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	background: url("/cm2014/img/index_ex22.png") no-repeat 0 0;
	content: '';
}
/*boxLayout
	--------------------------------*/
.cm2014-boxLayout01{
	position: relative;
	border-radius: 10px;
	border: solid 1px #45aab9;
}
.cm2014-boxLayout01 > .cm2014-boxLayout01--label{
	position: absolute;
	top: -30px;
	left: 50%;
	width: 102px;
	height: 30px;
	margin-left: -51px;
	padding-top: 10px;
	background: url("/cm2014/img/index_ex20.png") no-repeat center top;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	line-height: 1;
	color: #ffffff;
}
.cm2014-boxLayout01 > .cm2014-boxLayout01--heading{
	border-radius: 8px 8px 0 0;
	padding: 15px 10px;
	background: #45aab9;
	text-align: center;
	font-size: 20px;
	color: #ffffff;
}
.cm2014-boxLayout01 > .cm2014-boxLayout01--inner{
	border-radius: 10px 10px 0 0;
	padding: 20px 10px;
	text-align: center;
	font-size: 20px;
}
.cm2014-boxLayout01 > .cm2014-boxLayout01--inner em{
	font-size: 30px;
}
.cm2014-boxLayout01.color02{
	border-color: #c1875f;
}
.cm2014-boxLayout01.color02 > .cm2014-boxLayout01--label{
	background-image: url("/cm2014/img/index_ex21.png");
}
.cm2014-boxLayout01.color02 > .cm2014-boxLayout01--heading{
	background: #c1875f;
}
.cm2014-boxLayout01 .cm2014-boxLayout01--text{
	font-size: 20px;
}
.cm2014-boxLayout01 .cm2014-boxLayout01--text .large{
	font-size: 30px;
	font-weight: bold;
}
.cm2014-red{
	color: #dc322c!important;
}
.cm2014-underline{
	text-decoration: underline!important;
}
.cm2014-section02 {
	padding: 0 30px;
}
.cm2014-heading02--wrap{
	margin-top: 40px;
}
.cm2014-heading02{
	position: relative;
	padding-left: 54px;
	font-weight: bold;
	font-size: 26px;
	color: #008191;
}
.cm2014-heading02 > .number{
	position: absolute;
	top: 50%;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 44px;
	height: 44px;
	padding-bottom: 5px;
	margin-top: -22px;
	margin-right: 10px;
	border-radius: 50%;
	background: #45aab9;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 30px;
	color: #ffffff;
	box-sizing: border-box;
}
.cm2014-heading02.color02{
	color: #a56641;
}
.cm2014-heading02.color02 > .number{
	background: #a56641;
}
.cm2014-heading03{
	margin-top: 55px;
	font-weight: bold;
	font-size: 20px;
	color: #008191;
}
.cm2014-leadText01{
	margin-top: 1em;
	font-weight: bold;
	font-size: 20px;
}
.cm2014-leadText01 > .large{
	font-weight: bold;
	font-size: 30px;
	color: #dc322c;
}
.cm2014-noteList01 {
	margin-top: 20px;
}
.cm2014-noteList01 > li {
	position: relative;
	padding-left: 14px;
	font-size: 14px;
}
.cm2014-noteList01 > li + li {
	margin-top: 5px;
}
.cm2014-noteList01 > li > .mark {
	position: absolute;
	top: 0;
	left: 0;
}
.cm2014-numberList01{
	margin-top: 1em;
	font-size: 16px;
	line-height: 1.4;
}
.cm2014-numberList01 > li{
	position: relative;
	margin-top: 10px;
	padding-left: 25px;
}
.cm2014-numberList01 > li > .number{
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 2px;
	left: 0;
	width: 21px;
	height: 21px;
	padding-bottom: 6px;
	border-radius: 50%;
	padding: 3px;
	background: #333333;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	line-height: 1;
	box-sizing: border-box;
}
.cm2014-buttonLink02{
	margin-top: 35px;
	text-align: center;
}
.cm2014-buttonLink02 > a{
	display: inline-block;
	position: relative;
	min-width: 400px;
	border-radius: 10px;
	border: solid 2px #333333;
	padding: 18px 35px;
	background-color: #333333;
	text-decoration: none;
	font-size: 22px;
	color: #ffffff;
	line-height: 1.2;
	transition: all 0.4s ease-out;
	box-sizing: border-box;
}
.cm2014-buttonLink02 > a::after{
	position: absolute;
	top: 50%;
	right: 18px;
	margin-top: -7px;
	width: 11px;
	height: 11px;
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	transform: rotateZ(45deg);
	transition: all 0.4s ease-out;
	content: '';
}
.cm2014-buttonLink02 > a:hover{
	border: solid 2px #333333;
	background-color: transparent;
	box-shadow: 0 5px 11px 0 rgb(0, 0, 0, .18), 0 5px 11px 0 rgb(0, 0, 0, .15);
	color: #333333;
}
.cm2014-buttonLink02 > a:hover::after{
	border-color: #333333;
}
.cm2014-textImage01 {
	margin-top: 35px;
	text-align: center;
}
.cm2014-textImage02 {
	margin-top: 20px;
	text-align: center;
}
.cm2014-title--wrap{
	margin-top: 50px;
	text-align: center;
}
.cm2014-title--logo{
	display: inline-block;
	margin-right: 14px;
	vertical-align: middle;
}
.cm2014-title--logo img{
	width: auto;
	height: 90px;
}
.cm2014-title {
	display: inline-block;
	vertical-align: middle;
	font-size: 26px;
}
.cm2014-title > em{
	font-size: 32px;
	color: #dc322c;
	font-style: normal;
}
.cm2014-logoWrap .cm2014-logoInner {
	display: flex;
	justify-content: center;
	flex-flow: wrap;
	column-gap: 15px;
	margin-top: 15px;
}
.cm2014-logoWrap .cm2014-logoInner:nth-of-type(1) {
	margin-top: 0 !important;
}
.cm2014-logoWrap .cm2014-logoInner .cm2014-logo img {
	height: 75px;
}
.cm2014-logoWrap .cm2014-logoWrapText {
	text-align: right;
	font-size: 0.8rem;
}
@media print, screen and (min-width: 1200px){
}
@media print, screen and (max-width: 900px){
	#contentsArea{
		overflow: visible;
	}
}



.newcard-descList01 li.img::after,
.cm2014-columnLayout01--plus:after{
	display: block;
	clear: both;
	content: "";
}