@charset "shift_jis";

/*
	レスポンシブ用画面設定
	最終更新： 2013-07-04
*/




/* --------------------------------------------------注釈 */
.notes { margin-top: 5px; }

span.notes em,
p.notes em,
ul.notes li em { clear: both; margin-right: 2px; }

/* リスト */
ul.list li {
	background-image: url(/common/images/mark-dot.gif);
	background-position: left 0.5em;
	background-repeat: no-repeat;
	clear: both;
	line-height: 1.3;
	padding-left: 10px;
}

ol.list { padding-left: 1.2em; _padding-left: 1.4em; }
ol.list li { list-style: decimal; line-height: 1.3; }
ol.list ul li { list-style: none; }

p.notes,
ul.notes,
ol.notes { clear: both; }

li ul.notes li,
ol ul.notes li,
li.list ul.notes li,
ol.list ul.notes li  {
	font-size: 84%;
	padding-left: 0;
	background: none;
}

ul.list li ul li {
	background-image: none;
	padding-left: 0;
}

ul.notes li ul.list li {
	margin-left: 1em;
	font-size: 100%;
}

ul.list ul li,
ol.list ul li {
	font-size: 100%;
}

ul.list li ul.notes { padding-top: 5px; }
ul.list li ul.notes li { font-size: 84%; }

ol ul.notes li{ margin-left: -1em; }

span.notes {
	font-size: 84%;
	padding-left: 0;
	background: none;
}


/* --------------------------------------------------テキスト関連 */
div#mainContents em { color:#900; }
div#mainContents em.notes { font-size: 70%; margin: 0; vertical-align: middle; }
div#mainContents strong { font-weight: bold; }
div#mainContents strong.em { color:#900; }

/* -------------------------------------------------- フォーム周り */
input,
select { font-size: 83%; }

input { margin: 0; padding: 0; }

/* -------------------------------------------------- リンク色の設定 */
a,a:link { color: #0B4A9E; }
a:hover { color: #0099FF; }

div#mainContents a:visited { color: #6666FF; }
div#mainContents a:active { color: #0099FF; }

a, img { border: 0; }


#bottomContents{
	display:none;
}



/* -------------------------------------------------- リスト */
ul.list{
	margin:10px 27px 10px 10px;
	clear:both;
}
ul.list li {
	clear: both;
	padding-left: 10px;
	line-height: 1.3;
	background-image: url(../images/mark-dot.gif);
	background-repeat: no-repeat;
	background-position: left 0.5em;
}


/* --------------------------------------------------リンク関連 */
ul.link_icon{
	line-height:1.3;
	margin:15px 10px;
}
ul.link_icon li {
	padding-left: 8px;
	background-repeat: no-repeat;
	background-position: left 0.5em;
	background-image: url(../images/mark-triangle-black.gif);
}
ul.link_icon li img{
	margin:0 5px;
}

/* --------------------------------------------------注釈 */
ul.notes{
	margin:10px 10px 10px 28px;
}
ul.notes li{
}
ul.notes li em{
	margin:0 0 0 -1.4em;
}

/* --------------------------------------------------ボタン */
div#mainContents p.cp_btn{
	text-align:center;
}


/* --------------------------------------------------2カラム */
/* 文章・画像 */
.cp_sep_box{
	clear:both;
	margin:0 10px 0px;
}
div#mainContents .cp_sep_box p{
	margin:0 0 20px;
}
.cp_sep_box .cp_left{
	float:left;
	width:400px;
}
.cp_sep_box .cp_right{
	float:right;
	width:300px;
}

/* 左右均等 */
.cp_sep_box02{
	clear:both;
	margin:0;
}
div#mainContents .cp_sep_box02 h3{
	margin:10px 10px 20px;
}

.cp_sep_box02 .cp_left{
	float:left;
	width:370px;
}
.cp_sep_box02 .cp_right{
	float:left;
	width:370px;
	margin:0 0 0 20px;
	display:inline;
}
/* 加盟店 */
.cp_sep_box03{
	clear:both;
	margin:0 10px 0px;
}
.cp_sep_box03 .cp_left{
	float:left;
	width:350px;
}
.cp_sep_box03 .cp_right{
	float:right;
	width:350px;
}
.cp_sep_box03 div.cp_img{
	width:350px;
	height:100px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	layout-grid-line:100px;
}
div.cp_img img {
	vertical-align:middle;
}

/* --------------------------------------------------3カラム */
.cp_sep_boxset{
	clear:both;
	margin:20px 10px 0;
}
.cp_sep_boxset .cp_box{
	width:222px;
	text-align:center;
	background-color:#fff6c1;
	padding:7px;
	float:left;
	margin:0 5px 12px;
	position:relative;
}
.cp_box > a.box{
	display: block ;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
}
.cp_sep_boxset .cp_box:hover{
	background:#fff9d3;
}
.cp_sep_boxset .cp_box:hover a{
	color:#0099FF;
}

.cp_sep_boxset div.cp_img{
	width:222px;
	background-color:#FFF;
	padding:10px 0;
}
.cp_sep_boxset p{
	margin:9px 0 5px;
}
p.cp_link a{
	padding-left: 8px;
	background-repeat: no-repeat;
	background-position: left 0.5em;
	background-image: url(/common/images/mark-triangle-black.gif);
}

/* --------------------------------------------------totopボタン */
div#bottomContents {
	display:none !important;
}

/* --------------------------------------------------totopボタン */
p.toTop {
	display: block;
	clear: both;
	width: 106px;
	min_height: 20px;
	margin-left: auto;
	margin-right:10px;
	padding-left: 15px;
	background-image: url(../images/mark-totop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #F2F2F2;
	font-size: 70%;
	line-height: 20px;
}

/* --------------------------------------------------フロー */
.cp_flow_area{
	clear:both;
	margin:0 10px;
}
.cp_flow{
	background-image:url(/campaign/images/icon_arrow_under.png);
	background-position:top center;
	background-repeat:no-repeat;
	padding:19px 0 0;
	margin:8px 0px;
}
div#mainContents .cp_flow p{
	margin:0;
	background-color:#fffddd;
	padding:10px;
}
.cp_flow_area .cp_flow:first-child{
	background:none;
	padding:0;
}

/* --------------------------------------------------関連情報 */
.cp_info{
	background-color:#dff0ff;
	margin:40px 10px 20px;
	padding:16px;
}
div#mainContents .cp_info h2{
	background:none;
	margin:0 0 20px;
	border:none;
	padding:0;
}
div#mainContents .cp_info h3{
	margin:0px 0px 10px;
}
div#mainContents .cp_info p{
	margin:10px 0px 20px;
}
.cp_info ul.link_icon{
	margin:15px 0px;
	clear:left;
}
.cp_info .cp_sep_box{
	clear:both;
	margin:0 0 30px;
}
.cp_info .cp_sep_box .cp_left{
	float:left;
	width:370px;
}
.cp_info .cp_sep_box .cp_right{
	float:right;
	width:300px;
}


/* --------------------------------------------------clearfix */
*:after {
	display:block;
	clear:both;
}

.cp_sep_box,
.cp_sep_box02,
.cp_sep_box03,
.cp_sep_boxset,
#keyvisual { zoom:1; }/* clearfix IE6, 7 */

.cp_sep_box:after,
.cp_sep_box02:after,
.cp_sep_box03:after,
.cp_sep_boxset:after,
#keyvisual:after { content:""; } /* clearfix */




/* --------------------------------------------------重要なお知らせ */
#important {
	background-image: url("../images/bg-border-gray.gif");
	background-position: left top;
	background-repeat: repeat-y;
	margin:20px auto;
	width: 740px;
	background-color: #FFF3ED;
}

#important .inner_top {
  background-image: url("../images/bg-important-top.gif");
	background-position:top left;
	background-repeat:no-repeat;
	padding:8px 0 0;
}
#important .inner_btm {
  background-image: url("../images/bg-important-bottom.gif");
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:0 10px 8px;
}

div#mainContents #important h2{
	margin:0;
	background:none;
	border:none;
	background-image: url("/common/images/h2-important.gif");
  background-position: left top;
  background-repeat: no-repeat;
  padding-left: 26px;
	margin: 0 0px 10px;
	line-height:1;
	color: #990000;
  font-weight: bold;
}
div#mainContents #important h3{
	margin:0 0px;
}

div#mainContents #important p{
    margin-left: 10px;
    margin-right: 10px;
}

/* --------------------------------------------------臨時追記 */
p.big_img {
	text-align:center !important;
}

.cp_center{
	text-align:center !important;
}

/* PC画面用設定
**********************************************************************************************/
@media screen and (min-width: 701px) {
	
	/*ブラウザのデフォルトスタイルを再定義*/
	/* --------------------------------------------------ブラウザスタイルの初期化 */
	* {
		margin: 0;
		padding: 0;
		color: #333;
		font-size: 100%;
		font-weight: normal;
		font-style: normal;
	}
	
	/* --------------------------------------------------文字サイズ、行間を指定 */
	p,h1,h2,h3,h4,h5,h6 {
		font-size: 83%;
		line-height: 1.3;
		color: #333;
	}
	
	ol li,
	ul li,
	dl dt {
		font-size: 83%;
		line-height: 1.3;
		list-style: none;
		color: #333;
	}
	
	li li,
	li li li {
		font-size: 100%;
	}
	
	/* --------------------------------------------------ボディスタイル */
	body {
		background-color: #FFF;
		text-align: left;
		font-family:"ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
		background-image: url(../images/bg-body.gif);
		background-repeat: repeat-y;
		background-position: left top;
	}
	
	/* --------------------------------------------------プラットフォーム */
	#wrapper{
		width: 948px;
		height: auto;
		margin: 0;
		text-align: left;
		background-color: #FFF;
		border-left:1px solid #d9d9d9;
		border-right:1px solid #d9d9d9;
	}
	
	/* --------------------------------------------------サイドバーエリア */
	div#sidebar {
		float: left;
		width: 167px;
	}
	
	/*サイドバー*/
	/* ------------------------------------------------リードボックス */
	div#leadTextBox {
		width: 167px;
		position: absolute;
		top: 7px;
		left: 0;
	}
	
	div#leadTextBox h1 {
		width: 157px;
		margin-left: 5px;
		text-align: center;
		font-size: 9px;
		color: #333;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		div#leadTextBox h1 { font-size: 9px; }
	}
	
	html:\66irst-child div#leadTextBox h1 { font-size: 9px; }
	
	/* 体裁合わせ */
	div#textH1 {
		width: 167px;
		position: absolute;
		top: 7px;
		left: 0;
	}
	
	div#textH1 p {
		width: 157px;
		margin-left: 5px;
		text-align: center;
		font-size: 11px;
		color: #333;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		div#textH1 p { font-size: 9px; }
	}
	
	html:\66irst-child div#textH1 p { font-size: 9px; }
	
	/* --------------------------------------------------ロゴボックス */
	div#sidebar div#logo {
		width: 167px;
	}
	
	/* --------------------------------------------------MyJCBボックス */
	div#myJCB {
		width: 167px;
		height: 145px;
		background-image: url(../images/bg-myjcb.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	div#myJCB h2 {
		clear: both;
		margin: 0 0 7px 11px;
		padding-top: 7px;
	}
	
	
	div#myJCB p.loginA,
	div#myJCB p.loginA a{
		width: 145px;
		height: 32px;
		background-repeat: no-repeat;
		background-position: left top;
		text-indent: -9999px;
		font-size: 0;
		overflow: hidden;
	}
	
	div#myJCB p.registrationA,
	div#myJCB p.registrationA a {
		width: 145px;
		height: 29px;
		background-repeat: no-repeat;
		background-position: left top;
		text-indent: -9999px;
		font-size: 0;
		overflow: hidden;
	}
	
	div#myJCB p.loginA,
	div#myJCB p.loginA a { background-image: url(../images/img-login-a.jpg); }
	div#myJCB p.registrationA,
	div#myJCB p.registrationA a { background-image: url(../images/img-registration-a.jpg); }
	
	div#myJCB p.loginA a,
	div#myJCB p.registrationA a{ display: block; }
	
	div#myJCB p.loginA,
	div#myJCB p.registrationA{ margin-left: 11px; }
	
	div#myJCB p.registrationA{ margin-bottom: 13px; }
	
	div#myJCB p.loginA a:hover,
	div#myJCB p.registrationA a:hover{ background-position: left bottom; }
	
	
	div#myJCB ul { margin-left: 11px; }
	div#myJCB ul li { font-size: 0; line-height: 0;}
	div#myJCB ul li.about { margin-bottom: 6px; }
	
	div#myJCB ul.conveni { margin-left: 12px; }
	div#myJCB ul.conveni li { font-size: 0; line-height: 0;}
	div#myJCB ul.conveni li.point,
	div#myJCB ul.conveni li.particular,
	div#myJCB ul.conveni li.limit { margin-bottom: 9px; }
	
	/* --------------------------------------------------ローカルナビボックス */
	div#localNavi dl { margin: 0; }
	
	div#localNavi dl dt img { vertical-align: bottom; }
	
	div#localNavi dl dd p {
		min-height: 21px;
		margin-bottom: 1px;
		padding-top: 3px;
		padding-right: 3px;
		padding-left: 20px;
		background-image: url(../images/local-navi.gif);
		background-repeat: no-repeat;
		line-height: 1.3;
		border-bottom: 1px solid #D9D9D9;
	}
	
	/* current position 現在位置 */
	div#localNavi dl dd.cp p { background-position: -167px 0; }
	
	div#localNavi dl dd ul li {
		min-height: 24px;
		padding-top: 3px;
		padding-right: 3px;
		padding-left: 20px;
		border-bottom: 1px dashed #D9D9D9;
		background-image: url(../images/mark-triangle-gray.gif);
		background-repeat: no-repeat;
		background-position: 10px 0.7em;
		line-height: 1.3;
	}
	
	div#localNavi dl dd ul li.bottom { border-bottom: none; }
	div#localNavi dl dd ul li.bottomB {	border-bottom: 1px solid #D9D9D9; }
	
	/* --------------------------------------------------ユーティリティーボックス */
	div#utility ul.banner li { border-bottom: 1px solid #D9D9D9; }
	div#utility ul.banner li img {
		vertical-align: bottom;
	}
	/* --------------------------------------------------セキュリティーボックス */
	div#security {
		width: 167px;
		min-height: 226px;/* ページトップへ分の高さをマイナス*/
		background-image: url(../images/bg-security.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	div#security h2 {
		padding-top: 11px;
		margin: 0 0 7px 12px;
	}
	
	div#security p.lead { margin: 0 0 9px 12px; }
	
	div#security p.detail {
		margin: 0 0 10px 12px;
		line-height: 1;
	}
	
	/* バナー */
	div#security ul.banner { text-align: center; }
	
	div#security ul.banner li {
		margin-bottom: 5px;
		font-size: 0px;
		line-height: 0px;
	}
	
	/* --------------------------------------------------コンテンツエリア */
	div#contents{
		margin: 0;
		float: right;
		width: 780px;
		border-left:1px solid #d9d9d9;
	}
	
	/* --------------------------------------------------ヘッダーエリア */
	div#header {
		width: 780px;
		height: 36px;
		margin-bottom: 10px;
		background-image: url(../images/bg-header-a.jpg);
		background-repeat: no-repeat;
		background-position: right top;
	}
	/*ヘッダー*/
	/* --------------------------------------------------ヘッダ内ボタン */
	div#header ul.guest {
		float: left;
		margin-left: 10px;
		padding-top: 11px;
	}
	
	div#header ul.guest li { margin-left: 7px; font-size: 0; line-height: 0;}
	div#header ul.guest li.corporate { margin-left: 0; }
	
	div#header ul.guest li.corporate,
	div#header ul.guest li.corporate a,
	div#header ul.guest li.merchant,
	div#header ul.guest li.merchant a {
		display: block;
		width: 93px;
		height: 19px;
		background-repeat: no-repeat;
		background-position: left top;
		text-indent: -9999px;
		overflow: hidden;
		font-size: 0;
	}
	
	div#header ul.guest li.corporate,
	div#header ul.guest li.corporate a { background-image: url(/common/images/bg-hn-corporate.gif); }
	div#header ul.guest li.merchant,
	div#header ul.guest li.merchant a { background-image: url(/common/images/bg-hn-merchant.gif); }
	
	div#header ul.guest li.corporate a:hover,
	div#header ul.guest li.merchant a:hover  { background-position: left bottom; }
	
	/* --------------------------------------------------ヘッダ内リンク */
	div#header ul.headNavi {
		float: left;
		margin-left: 43px;
		padding-top: 16px;
	}
	
	div#header ul.headNavi li { margin-left: 10px; font-size: 0; line-height: 0; }
	div#header ul.headNavi li.sitemap { margin-left: 0; }
	
	div#header ul li { float: left; }
	
	/* --------------------------------------------------サーチボックス */
	div#header dl.searchBox {
		float: right;
		height: 20px;
		padding-top: 10px;
	}
	
	div#header dt {
		float: left;
		margin: 6px 5px 0 0;
		font-size: 0;
		line-height: 0;
	}
	
	div#header dd {
		display: inline;
		float: left;
		margin-right: 10px;
		font-size: 0;
		line-height: 0;
	}
	
	div#header input { vertical-align: middle; }
	
	div#header input#keyword {
		width: 120px;
		height: 20px;
		margin-right: 1px;
		padding: 2px;
		border: 1px solid #D9D9D9;
		font-size: 12px;
	}

	/* --------------------------------------------------サーチボックス（UA準拠後） */
	div#header fieldset{
	border:none;
	margin:0;
	padding:0;
	}
	div#header legend{
		display:none;
	}
	div#header dl.searchBox {
	    float: right;
	    height: 20px;
	    padding-top: 10px;
	}
	div#header dt {
	    float: left;
	    font-size: 0;
	    line-height: 0;
	    margin: 6px 5px 0 0;
	}
	div#header dd {
	    display: inline;
	    float: left;
	    font-size: 0;
	    line-height: 0;
	    margin-right: 10px;
	}
	div#header input {
	    vertical-align: middle;
	}
	div#header input#keyword {
	    border: 1px solid #D9D9D9;
	    font-size: 12px;
	    height: 20px;
	    margin-right: 1px;
	    padding: 0;
	    width: 120px;
	}

	/* -------------------------------------------------- ロゴボックス */
	div#header div#logo { float: left; }
	
	/* --------------------------------------------------グローバルナビエリア */
	div#globalNavi {
		height: 26px;
		margin-bottom: 28px;
	}
	/*グローバルナビ*/
	/*--------------------------------------------------グローバルナビ基本設定*/
	div#globalNavi ul {
		clear: both;
		width: 780px;
		height: 25px;
	}
	
	div#globalNavi ul li {
		float: left;
	}
	
	/*--------------------------------------------------ボタンの基本設定*/
	div#globalNavi ul li a {
		display: block;
		width: 130px;
		height: 25px;
		background-image: url(../images/global-navi.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
		border-bottom: 1px solid #D9D9D9;
		font-size: 0;
	}
	
	/*ボタンの背景指定*/
	div#globalNavi ul li.card a {}
	div#globalNavi ul li.situation a { background-position: -130px 0px; }
	div#globalNavi ul li.service a { background-position: -260px 0px; }
	div#globalNavi ul li.moneyLife a { background-position: -390px 0px; }
	div#globalNavi ul li.campaign a { background-position: -520px 0px; }
	div#globalNavi ul li.support a { background-position: -650px 0px; }
	
	/*--------------------------------------------------ロールオーバー*/
	div#globalNavi ul li.card a:hover { background-position: 0px -25px; }
	div#globalNavi ul li.situation a:hover { background-position: -130px -25px; }
	div#globalNavi ul li.service a:hover { background-position: -260px -25px; }
	div#globalNavi ul li.moneyLife a:hover { background-position: -390px -25px; }
	div#globalNavi ul li.campaign a:hover { background-position: -520px -25px; }
	div#globalNavi ul li.support a:hover { background-position: -650px -25px; }
	
	/*--------------------------------------------------カレント表示*/
	div.card div#globalNavi ul li.card a { background-position: 0px -25px; }
	div.situation div#globalNavi ul li.situation a { background-position: -130px -25px; }
	div.service div#globalNavi ul li.service a { background-position: -260px -25px; }
	div.moneyLife div#globalNavi ul li.moneyLife a { background-position: -390px -25px; }
	div.campaign div#globalNavi ul li.campaign a { background-position: -520px -25px; }
	div.support div#globalNavi ul li.support a { background-position: -650px -25px; }
	
	
	/* --------------------------------------------------フッターエリア */
	div#footer {
		clear: both; /*印刷時 WIN FFがフリーズする可能性あり */
		width: 948px;
		height: 27px;
		margin-bottom: 10px;
		border-top: 1px solid #D9D9D9;
		border-bottom: 1px solid #D9D9D9;
		background-color: #FFF;
	}
	
	/*フッター*/
	/* --------------------------------------------------フッタナビボックス */
	div#footer ul {
		float: left;
		padding-top: 9px;
	}
	
	div#footer ul li {
		float: left;
		margin-left: 12px;
		font-size: 0;
		line-height: 0;
	}
	
	div#footer p {
		float: right;
		margin-right: 11px;
		padding-top: 9px;
	}
	
	div#analytics-display{display:none;}
	
	/*コンテナ*/
	/* --------------------------------------------------コンテナ再設定 */
	div#mainContents { width: 760px; padding:0 10px; }
	
	/* --------------------------------------------------H1要素 */
	div#mainContents h1 {
		margin: 0 0 5px;
		padding: 0 0 3px 10px;
		font-size: 26px;
		font-weight: bold;
		line-height: 1.3;
		background-image: url(../images/bg-h1.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
	}
	
	/* --------------------------------------------------H2要素 */
	div#mainContents h2 {
		min_height: 24px;
		margin: 25px 5px 15px;
		padding: 4px 0 4px 7px;
		border-bottom: 1px solid #D9D9D9;
		font-weight: bold;
		line-height: 1.3;
		background-image: url(../images/bg-h2.gif);
		background-repeat: no-repeat;
		background-position: left top;
		background-color: #F2F2F2;
		clear:both;
	}
	
	/* --------------------------------------------------H3要素 */
	div#mainContents h3 {
		margin:30px 10px 0px;
		border-bottom: 2px solid #258AD0;
		color: #258AD0;
		font-weight: bold;
		line-height: 1.3;
		clear:both;
	}
	
	/* --------------------------------------------------H4要素 */
	div#mainContents h4 {
		margin:20px 10px 11px;
		color: #666;
		font-weight: bold;
		line-height: 1.3;
	}
	
	/* --------------------------------------------------P要素 */
	div#mainContents p { margin:10px 10px 20px; }
	
	/* --------------------------------------------------キービジュアル */
	#keyvisual{
		width:650px;
		margin:0 auto;
	}
	div#mainContents #keyvisual p{
		margin:3px 0 0;
		text-align:right;
		/*float:left;*/
	}
	div#mainContents #keyvisual .keyVisual{
		margin:0 0 10px;
		text-align:center;
		clear:both;
	}
	div#mainContents #keyvisual #social{
		float:right;
	}
	
	/* --------------------------------------------------注釈 */
	p.notes,
	ul.notes li { font-size: 70%; line-height: 1.3; }
	
	/* --------------------------------------------------アイコン */
	.icon-external {
		text-indent: -9999px;
		overflow: hidden;
		display: inline-block;
		background: url(/common/images/ico-another-win.gif) 100% 100% no-repeat;
		width: 10px;
		height: 9px;
		margin:0 0 0 5px;
	}
	
	#header_sp,
	#foot_link,
	.copy{
		display:none;
	}
	
	#footer_sp{
	}
	
	/* --------------------------------------------------切り替えボタン */
	.switch {
		text-align: center;
		padding: 15px;
		font-size: 250%;
		background: #eee;
		border: 1px solid #ccc;
		display: none;
		clear:both;
	}
	
	.switch dt {
		position: absolute;
		left: 0;
		width: 0;
		height: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	.switch ul {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.switch li {
		display: inline-block;
	}
	.switch li span {
		text-decoration: underline;
		color: #03c;
	}
	.switch li .active {
		color: #333;
		text-decoration: none;
	}
	.switch li:first-child {
		border-right: 1px solid #333;
		padding-right: 12px;
		margin-right: 12px;
	}
	
	/* --------------------------------------------------ボタン入れ替え */
	.sp_img{
		display:none;
	}
	
	/* --------------------------------------------------SPIレイアウト調整 */
	.SocialTracker{
		float:right;
		overflow:hidden;
		width: auto ! important;
	}
	#sr_sns_fb, #sr_sns_tw{
		width:110px;
		float:left;
	}
	span.fb_edge_comment_widget.fb_iframe_widget iframe{
		display:none;
	}
	.sr-twitter-share-button{
		cursor:pointer;
	}
}

/* スマホ画面用設定
**********************************************************************************************/
@media screen and (max-width: 700px) {
	html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, q, pre, table, caption, colgroup, col, tbody, thead, tfoot, tr, th, td, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, input, span, a, img, em, ins, del, cite, abbr, sup, sub, dfn, code, var, samp, kbd, object, script, noscript, style, iframe, embed, param, map, area, menu, hr, address, small, strong, i, b, article, aside, figure, footer, header, hgroup, nav, section, figcaption, time, video, audio, mark, ruby, rt, rp, bdo, source, canvas, details, summary, command, datalist, keygen, output, progress, meter {
		margin: 0;
		padding: 0;
		font-size: 100%;
		word-wrap: break-word;
	}
	
	ul, ol {
		list-style-type: none;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	em {
		font-style: normal;
	}
	
	a {
		text-decoration: underline;
		color: #0096ff;
	}
	
	a img {
		border: none;
	}
	
	img {
		vertical-align: top;
	}
	
	[hidden] {
		display: none;
	}
	
	mark {
		background: none;
	}
	
	input {
		opacity: 1;
	}
	
	html {
		font-size: 10px;
	}
	
	body {
		font-size: 1.3rem;
		line-height: 1.2;
		color: #333;
		font-family: sans-serif;
		-webkit-text-size-adjust: none;
		letter-spacing: -0.001em;
		margin:0 0 15px;
	}
	
	/* --------------------------------------------------サイドバー */
	div#sidebar{
		display:none;
	}
	/* --------------------------------------------------ヘッダー */
	#header{
		display:none;
	}
	#header_sp{
		display:block;
		-webkit-box-shadow: #b9b9b9 0 0 5px;
		-moz-box-shadow: #b9b9b9 0 0 5px;
		box-shadow: #b9b9b9 0 0 5px;
		position: relative;
	}
	#header_sp #logo{
		overflow:hidden;
	}
	#header_sp #logo p{
		float:left;
		padding:0 0 3px;
	}
	#header_sp #logo img {
		width: 53px;
		height: 36px;
		padding: 6px 0 0 12px;
		vertical-align: top;
	}
	#myjcb_btn{
		float:right;
		margin:9px 95px 0 0;
	}
	#myjcb_btn li{
		float:left;
		text-indent:-9999px;
		margin:0 6px 0 0;
	}
	#myjcb_btn li a{
		width:44px;
		height:31px;
		background-size:cover;
		display:block;
	}
	#myjcb_btn #login a{
		background-image:url(/campaign/images/sp/btn_myjcb_login.png);
	}
	#myjcb_btn #regist a{
		background-image:url(/campaign/images/sp/btn_myjcb_regist.png);
	}

	/* --------------------------------------------------グローバルナビエリア */
	#globalNavi{
		display:none;
	}
	
	/*--------------------------------------------------グローバルナビ基本設定*/
	.gNaviInner a {
		text-decoration: none;
	}
	.gNaviInner .title a {
		color: #333;
		font-weight: bold;
		cursor: pointer;
		position: absolute;
		top: 9px;
		right: 12px;
		border: 2px solid #cccccc;
		display: inline-block;
		padding: 0 7px;
		font-size: 1.1rem;
		line-height: 27px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.06)), color-stop(100%, rgba(11, 2, 5, 0.06)));
		background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.06) 0%, rgba(11, 2, 5, 0.06) 100%);
		background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.06) 0%, rgba(11, 2, 5, 0.06) 100%);
		background-image: -o-linear-gradient(rgba(255, 255, 255, 0.06) 0%, rgba(11, 2, 5, 0.06) 100%);
		background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.06) 0%, rgba(11, 2, 5, 0.06) 100%);
		background-image: linear-gradient(rgba(255, 255, 255, 0.06) 0%, rgba(11, 2, 5, 0.06) 100%);
	}
	.gNaviInner .title a:before {
		background-image: url('../images/sprites.png');
		background-repeat: no-repeat;
		display: inline-block;
		height: 13px;
		width: 15px;
		background-position: 0 -347px;
		-webkit-background-size: 100px auto;
		-moz-background-size: 100px auto;
		-o-background-size: 100px auto;
		background-size: 100px auto;
		vertical-align: middle;
		margin-top: -1px;
		padding: 0 6px 0 0;
		content: "";
	}
	.gNaviInner .menu {
		background: #a19fa0;
		padding: 6px;
		display: none;
	}
	
	.gNaviInner .menu a {
		text-decoration: none;
	}
	.gNaviInner .menu ul {
		background: #fff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		overflow: hidden;
		padding: 0 6px 12px;
	}
	.gNaviInner .menu li {
		float: left;
		font-weight: bold;
		vertical-align: middle;
		width: 50%;
		display: table;
		position: relative;
	}
	.gNaviInner .menu li:nth-child(even):after {
		content: "";
		width: 6px;
		height: 100%;
		background: #fff;
		display: block;
		position: absolute;
		top: 0;
		left: -3px;
	}
	.gNaviInner .menu li a {
		display: table-cell;
		vertical-align: middle;
		line-height: 1.15;
		height: 44px;
		border-bottom: 4px solid #efefef;
		padding: 0 6px;
		color: #333;
		width: 100%;
	}
	
	.gNaviInner .closeBtn {
		margin: 6px 0 0 0;
	}
	.gNaviInner .closeBtn a {
		display: block;
		color: #fff;
		margin: 0 auto;
		background: #666;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		text-align: center;
		width: 173px;
		line-height: 31px;
		font-weight: bold;
	}
	.gNaviInner .closeBtn a:before {
		display: inline-block;
		width: 7px;
		height: 7px;
		margin: 3px 10px 0 0;
		border-top: solid 3px #fff;
		border-right: solid 3px #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		content: "";
		vertical-align: middle;
	}
	
	/*--------------------------------------------------ボタンの基本設定*/
	div#globalNavi ul li a {
		display: block;
		width: auto;
		height: auto;
		background:none;
		text-indent: 0;
		overflow: auto;
		border:none;
		font-size: 10px;
		color:#666;
	}
	
	/* --------------------------------------------------フッター */
	#footer_sp{
		clear:both;
		display:block;
		border-top: 1px solid #ccc;
		padding: 0 12px;
		background-color:#f2f2f2;
	}
	
	
	#foot_link{
		margin: 12px 0 0 0;
	}
	#foot_link li{
		margin-top: 12px;
	}
	#foot_link li:first-child {
		margin-top: 0;
	}
	#foot_link li a{
		position: relative;
		padding: 0 0 0 18px;
		display: inline-block;
		color: #333;
	}
	#foot_link li a:before {
		background-image: url(/campaign/images/sp/sprites.png);
		background-repeat: no-repeat;
		display: inline-block;
		height: 15px;
		width: 15px;
		background-position: 0 -168px;
		-webkit-background-size: 100px auto;
		-moz-background-size: 100px auto;
		-o-background-size: 100px auto;
		background-size: 100px auto;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
	}
	#foot_link li a img{
		width:15px;
		margin:0 0 0 5px;
	}
	#footer_sp p.copy{
		text-align: center;
		padding: 19px 0;
	}
	
	#footer_sp .icon_win {
		background-image: url(/campaign/images/sp/sprites.png);
		background-repeat: no-repeat;
		display: inline-block;
		height: 12px;
		width: 15px;
		background-position: 0 -296px;
		-webkit-background-size: 100px auto;
		-moz-background-size: 100px auto;
		-o-background-size: 100px auto;
		background-size: 100px auto;
		text-indent: 100%;
		white-space: normal;
		overflow: hidden;
		margin-left: 6px;
  	vertical-align: middle;
	}
	
	
	/* --------------------------------------------------H1要素 */
	div#mainContents h1 {
		margin: 15px 0 27px;
		padding: 0 0 3px 10px;
		font-size: 2rem;
		font-weight: bold;
		line-height: 1.3;
		background-image: url(../images/bg-h1.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
	}
	
	/* --------------------------------------------------H2要素 */
	div#mainContents h2 {
		min_height: 24px;
		margin: 25px 0px 15px;
		padding: 14px 0 14px 14px;
		clear:both;
		border-bottom: 1px solid #D9D9D9;
		font-weight: bold;
		line-height: 1.3;
		background-image: url(../images/bg-h2.gif);
		background-repeat: no-repeat;
		background-position: left top;
		background-color: #F2F2F2;
		font-size:1.6rem;
	}
	
	/* --------------------------------------------------H3要素 */
	div#mainContents h3 {
		margin:30px 0px 20px;
		padding:0 12px 5px;
		line-height:1.5;
		border-bottom: 2px solid #258AD0;
		color: #258AD0;
		font-weight: bold;
		clear:both;
		font-size:1.4rem;
	}
	
	/* --------------------------------------------------H4要素 */
	div#mainContents h4 {
		margin:20px 10px 11px;
		color: #666;
		font-weight: bold;
		line-height: 1.3;
		font-size:1.2rem;
	}
	
	/* --------------------------------------------------P要素 */
	div#mainContents p { margin:10px 10px 20px;
	font-size:1.2rem; }
	
	/* --------------------------------------------------注釈 */
	p.notes,
	ul.notes li { font-size: 85%; line-height: 1.3; }
	
	ul.notes li em{
		margin:0 0 0 -1.1em;
	}
	
	/* --------------------------------------------------キービジュアル */
	#keyvisual{
		width:auto;
	}
	div#mainContents #keyvisual .keyVisual{
		margin:0;
	}
	div#mainContents #keyvisual p{
		text-align:right;
	}
	#keyvisual .keyVisual img{
		width:100%;
	}
	#social{
		display:none;
	}
	
	div#mainContents p.big_img img{
		width:100%;
	}
	
	/* -------------------------------------------------- リスト */
	ul.list{
		list-style-type:disc;
		margin:10px 27px;
		line-height: 1.3;
		list-style-position:outside;
		clear:both;
	}
	ul.list li {
		background:none;
		clear: both;
		padding:0;
		list-style-position:outside;
		list-style-type:disc;
	}
	
	/* --------------------------------------------------2カラム */
	/* 文章・画像 */
	.cp_sep_box{
		clear:both;
		margin:0 10px 0px;
	}
	div#mainContents .cp_sep_box p{
		margin:0 0 20px;
	}
	.cp_sep_box .cp_left{
		float:none;
		width:100%;
	}
	.cp_sep_box .cp_right{
		float:none;
		width:100%;
		text-align:center;
	}
	
	
	/* 左右均等 */
	.cp_sep_box02{
		clear:both;
		margin:0;
	}
	div#mainContents .cp_sep_box02 h3{
		margin:10px 0px 20px;
	}
	
	.cp_sep_box02 .cp_left{
		float:none;
		width:auto;
	}
	.cp_sep_box02 .cp_right{
		float:none;
		width:auto;
	}
	/* 加盟店 */
	.cp_sep_box03{
		clear:both;
		margin:0 10px 0px;
		overflow:hidden;
	}
	.cp_sep_box03 .cp_left{
		float:left;
		width:47%;
	}
	.cp_sep_box03 .cp_right{
		float:right;
		width:47%;
	}
	.cp_sep_box03 div.cp_img{
		width:100%;
		height:100px;
		display: inline-block;
		text-align:center;
		vertical-align:middle;
		margin:0 auto;
	}
	.cp_sep_box03 div.cp_img:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}
	div.cp_img img {
		max-width:90% !important;
		display: inline-block;
		vertical-align:middle;
	}
	
	/* --------------------------------------------------3カラム */
	.cp_sep_boxset{
		clear:both;
		margin:20px 10px 0;
	}
	.cp_sep_boxset .cp_box{
		width:42%;
		text-align:center;
		background-color:#fff6c1;
		padding:7px;
		float:left;
		margin:0 5px 10px;
	}
	
	.cp_sep_boxset div.cp_img{
		width:100%;
		text-align:center;
		background-color:#FFF;
		padding:10px 0;
	}
	
	 
	/*.cp_sep_boxset div.cp_img:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}*/
	
	
	.cp_sep_boxset div.cp_img img{
		max-width:100% !important;
		display: inline-block;
		vertical-align:middle;
	}
	div#mainContents .cp_sep_boxset p{
		margin:9px 0 5px;
	}
	div#mainContents p.cp_link a{
		padding-left: 10px;
		background-repeat: no-repeat;
		background-position: left 0.5em;
		background-image: url(/campaign/images/sp/icon_arrow01.png);
		background-size:6px auto;
	}
	div#mainContents p.cp_link img{
		margin:0 5px;
	}
	.cp_sep_boxset .box_hover{
		background:#fff9d3;
		cursor:pointer;
	}
	.cp_sep_boxset .box_hover a{
		color:#0099FF !important;
	}
	
	/* --------------------------------------------------関連情報 */
	.cp_info{
		background-color:#dff0ff;
		margin:40px 10px 20px;
		padding:16px;
	}
	div#mainContents .cp_info h2{
		background:none;
		margin:0 0 20px;
		border:none;
		padding:0;
	}
	div#mainContents .cp_info h3{
		margin:0px 0px 10px;
	}
	div#mainContents .cp_info p{
		margin:10px 0px 20px;
	}
	.cp_info ul.link_icon{
		margin:15px 0px;
		clear:left;
	}
	.cp_info .cp_sep_box{
		clear:both;
		margin:0 0 30px;
	}
	.cp_info .cp_sep_box .cp_left{
		float:none;
		width:auto;
	}
	.cp_info .cp_sep_box .cp_right{
		float:none;
		width:auto;
	}
	
	/* --------------------------------------------------リンク関連 */
	ul.link_icon{
		line-height:1.3;
		margin:15px 10px;
	}
	ul.link_icon li {
		padding-left: 10px;
		background-repeat: no-repeat;
		background-position: left 0.5em;
		background-image: url(/campaign/images/sp/icon_arrow01.png);
		background-size:6px auto;
	}
	ul.link_icon li img{
		margin:0 5px;
		width:14px;
	}
	
	
	/* --------------------------------------------------ボタン */
	div#mainContents p.cp_btn{
		text-align:center;
	}
	
	/* --------------------------------------------------totopボタン */
	div#bottomContents p.toTop {
		display:none;
	}
	
	/* --------------------------------------------------フッターエリア */
	div#footer {
		display:none;
	}
	
	/* --------------------------------------------------アイコン */
	.icon-external {
		font: 0/0 a;
		text-shadow: none;
		color: transparent;
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		zoom: 1;
		*display: inline;
		background-image: url(/campaign/images/sp/sprites.png);
		background-repeat: no-repeat;
		content: "";
		display: inline-block;
		vertical-align: middle;
		overflow: hidden;
		width: 15px;
		height: 12px;
		background-position: 0 -313px;
		-webkit-background-size: 100px 365px;
		-moz-background-size: 100px 365px;
		-o-background-size: 100px 365px;
		background-size: 100px 365px;
		margin-left: 7px;
	}
	
	/* --------------------------------------------------切り替えボタン */
	.switch {
		text-align: center;
		padding: 12px 0 0 0;
		display: none;
	}
	.switch dt {
		position: absolute;
		left: 0;
		width: 0;
		height: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	.switch li {
		display: inline-block;
		color: #0096ff;
		margin: 0;
	}
	.switch li span {
		text-decoration: underline;
	}
	.switch li span.active {
		color: #333;
		text-decoration: none;
	}
	.switch li:first-child {
		border-right: 1px solid #333;
		padding-right: 6px;
		margin-right: 6px;
	}
	
	/* --------------------------------------------------ボタン入れ替え */
	.pc_img{
		display:none;
	}
	.sp_img{
		width:70%;
	}
	
	/* --------------------------------------------------重要なお知らせ */
	#important {
		margin:20px auto;
		
		background:none;
		background-color: #FFF3ED;
		width:auto;
		padding:8px 0;
	}
	
	#important .inner_top {
		background:none;
		padding:0;
	}
	#important .inner_btm {
		background:none;
		padding:0;
	}
	div#mainContents #important h2{
		background-position: left center;
		margin: 0 10px 10px;
	}
	/* --------------------------------------------------マージン調整 */
	div#mainContents .mar00 { margin-bottom: 0px !important; }
	div#mainContents .mar05 { margin-bottom: 5px !important; }
	div#mainContents .mar10 { margin-bottom: 10px !important; }
	div#mainContents .mar15 { margin-bottom: 15px !important; }
	div#mainContents .mar20 { margin-bottom: 20px !important; }
	div#mainContents .mar30 { margin-bottom: 30px !important; }
}