/*---------------------------------------------------------
 デザイン上、share関連のcssの上書き
---------------------------------------------------------*/
h1.s5-header1__heading{
	font-size: 24px!important;
	font-size: 1.5rem!important;
	font-weight: bold;
	line-height: 1.4;
	float: left;
	padding: 0 20px;
}
.s5-header1__utils{
	padding: 0 20px;
}
.mod-subHeading2 {
	position:relative;
	max-width:1200px;
	height:105px;
	background: url(../images/ttlbg.jpg) no-repeat left top;
}
.mod-subHeading2 h3 {
	margin:0;
	padding:8px 0 0;
	text-align: center;
	font-size: 1.75em;
	font-size:28px\9;
	font-weight: bold;
	line-height:1.4;
	color: #fff;
}
/*---------------------------------------------------------
 mainvisual部分
---------------------------------------------------------*/
.mv {
	max-width:100%;
	width:auto;
	margin: 0 auto;
}
.mv img{
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
/*---------------------------------------------------------
 step部分
---------------------------------------------------------*/
#xz {
	margin: 60px 0 60px;
	padding: 0 0 0 0;
}
#xz ul {
	overflow: hidden;
	max-width: 980px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
#xz ul li {
	float: left;
	width: 320px;
	height: 340px;
	margin: 0 10px 30px 0;
	line-height:1.4;
}
#xz ul li.step1 {
	background: url(../images/step1.jpg) no-repeat center top;
}
#xz ul li.step2 {
	background: url(../images/step2.jpg) no-repeat center top;
}
#xz ul li.step3 {
	background: url(../images/step3.jpg) no-repeat center top;
}
#xz ul li.step3 {
	margin-right: 0px;
}
#xz ul li img {
	text-align: center;
	margin: 10px auto;
}
#xz ul li p.txt {
	width: 275px;
	font-size: 14px;
	margin: 72px 0 0 25px;
	letter-spacing:-1px;
}
#xz ul li p.txt2 {
	width: 260px;
	font-size: 14px;
	margin: 5px 0 0 25px;
	text-indent: -1em;
	padding-left:1em;
}
#xz ul li p.txt2 a.mod-link{
	border-bottom:solid 1px #000!important;
}
#xz ul li p.note {
	width: 265px;
	font-size: 10px;
	margin: 10px 0 0 27px;
	text-indent: -1em;
	padding-left:1em;
	line-height:1.1;

}
/*---------------------------------------------------------
 キャンペーンについて
---------------------------------------------------------*/
.campdetail{
	max-width: 1000px;
	margin: 33px auto;
}
.xz-info{
	list-style: none;
	margin:0 0 27px;
	padding:0;
}
.xz-info li {
	text-indent: -1em;
	padding-left:1em;
}
.xz-info .bb1{
	color:#272686;
	font-weight:bold;
}
.xz-info .bb2{
	color:#000;
	font-weight:bold;
}
/*---------------------------------------------------------
 本キャンペーンに問い合わせついて
---------------------------------------------------------*/

.campbox{
	border-radius:10px;
	box-shadow:#ccc 0 0 10px;
	margin: 50px auto 70px;
}
h3.campttl{
	margin:0;
	padding:5px 0;
	background:#65a2de;
	color:#fff;
	font-size:28px;
	text-align:center;
	border-radius:10px 10px 0 0;
}
h4 {
	color: #009fde;
	margin: 0 0 10px 0;
}
.mod-block {
	margin: 0;
	padding:0 30px;
	background-color: #fff;
}
.mod-block p{
	margin: 0;
	padding:10px 0 20px;
	border-radius:0 0 10px 10px;
}

/*
 モジュールのボタンのデザインを上書き
--------------------------------*/
.s5-inStoreFeaturesItem1A__text{
	margin:0;
}
.s5-button_ex{
	margin-bottom:0;
	color:#000;
	font-size: 14px;
	font-size: 0.875rem;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	padding: 8px 18px;
	border: none;
	border-radius: 1px;
	background:#e4e7ec url(/share2/images/mod-link/ico_01.png) no-repeat 5% 50%!important;
}
.s5-button_ex:hover{
	color:#000;
	text-decoration:none!important;
	opacity:0.6;
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in
}
.pb20{
	padding-bottom:20px;
}
.attentionbox{
}
h3.attention{
	margin:0;
	padding:5px 0;
	background:#555;
	color:#fff;
	font-size:28px;
	text-align:center;
}
.attentionbox ul{
	list-style: none;
	width:82%;
	margin:30px auto 100px;
	padding:0;
}
.attentionbox ul li{
	text-indent: -1em;
	padding-left:1em;
}
.bnr_2015summer_cp{
	overflow:hidden;
	width:640px;
	margin:0 auto;
}
.bnr_2015summer_cp:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	transition: opacity 0.2s ease-in
}
/*---------------------------------------------------------
 popup Edy
---------------------------------------------------------*/
.edy{
	margin:0 0 10px;
	padding:5px;
	color: #fff;
	font-weight:bold;
	text-align: left;
	background: #65a2de;
}
span.mod-iconNewWin {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	vertical-align: top;
	width: 11px;
	height: 0;
	padding: 9px 0 0;
	margin: 6px 0 0 5px;
	overflow: hidden;
	background: url(/share4/images/mod-iconNewWin/ico_01.png);
}
#Edycom {
	color: #444444;
	text-align: left;
}
#Edycom p {
	padding: 0 20px;
	margin: 30px 0 0 0;
}
#Edycom p:first-child {
	margin: 0;
}
#Edycom ul {
	margin: 0;
	padding: 0 20px;
}
#Edycom ul li {
	list-style: none;
	margin: 0 0 20px 0;
}
#Edycom p strong {
	color: #000000;
	font-size: 110%;
}
#popup_pagewidth {
	margin: 0px auto 0px auto;
	padding: 0px 16px 26px 16px;
}
a.mod-link, span.mod-link {
	color: #000;
	text-decoration: none;
	padding-left: 8px;
	background: url(/share2/images/mod-link/ico_01.png) no-repeat 0 0.45em;
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in
}
a.mod-link:hover, a:hover span.mod-link {
	color: #333333;
	text-decoration: none;
	opacity: .6
}

/*---------------------------------------------------------
見え方調整用
---------------------------------------------------------*/

ul.list {
	padding:0;
	list-style:none;
}
ul.list  li{
	text-indent: -1em;
	padding-left:1em;
}
ul.list2 {
	padding:0;
	list-style:none;
}
ul.list2 li{
	text-indent: -2em;
	padding-left:2em;
}
@media (max-width:640px) {
.mod-subHeading2 {
	width:auto;
	background: #65a2de;
}
.mod-subHeading2 h3 {
	margin:0;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	line-height:1.4;
	color: #fff;
}
h4 {
	color: #009fde;
	margin: 0 0 10px 0;
}
.mod-block {
	margin: 0;
	padding:0 5%;
	background-color: #fff;
}
.mod-block p{
	margin: 0;
	padding:10px 0 20px;
}
#xz {
	margin: 40px 0 0;
	padding: 0 0 0 0;
}
#xz ul {
	overflow: hidden;
	width: auto;
	margin: 0 auto;
	padding: 3% 0 0;
	list-style: none;
}
#xz ul li {
	position:relative;
	float: none;
	width: 90%;
	height:auto;
	margin: 0 auto 30px;
	line-height:1.4;
}
.step_sp_wrap {
	margin:0 3% 0 1%;
	border:solid 1px #f0f0f0;
	background:#f9f9f9;
}
.step_sp_wrap2 {
	margin:0 2% 0 1%;
	border:solid 1px #f0f0f0;
	background:#f9f9f9;
}
#xz ul li.step1 {
	background: none;
}
#xz ul li.step2 {
	background: none;
}
#xz ul li.step3 {
	background: none;
}
#xz ul li.step3 {
	margin: 0 auto 30px;
}
.step_sp {
	position:absolute;
	top:-15px;
	width: auto;
	margin: 0 auto;
	padding: 0;
}
.step_sp img{
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.step_sp_img{
	width: auto;
	margin:0 10%;
	padding:0;
}
.step_sp_img img{
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
#xz ul li p.txt {
	width: 90%;
	font-size: 14px;
	margin:16% 7% 0;
}
#xz ul li p.txt2 {
	width: 80%;
	font-size: 14px;
	margin:2% 7% 0;
}

.s5-container{
	padding:0;
}
.s5-button{
	background: #e4e7ec!important;
	color:#000;
	margin-bottom:5px;
}
.mv {
	width:auto;
	margin: 0 auto;
}
.mv img{
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
#xz ul li span.Inner {
	position: inherit;
	top: 0;
	height: 128px;
	display: block;
}
h4 {
	color: #009fde;
	margin: 0 0 5px 0;
}
#xz ul li p.note {
	width: auto;
	font-size: 10px;
	margin: 10px 7%;
	padding:0 0 10px;
	text-indent: -1em;
	padding-left:1em;
}
.campdetail{
	width: auto;
	margin: 20px 7%;
}
.campbox{
	border-radius:10px;
	box-shadow:#ccc 0 0 10px;
	margin: 50px auto 70px;
}
h3.campttl{
	margin:0;
	padding:5px;
	background:#65a2de;
	color:#fff;
	font-size: 1.5em;
	line-height:1.2;
	text-align:center;
	border-radius:10px 10px 0 0;
}
.arrow{
	position:absolute;
	left:50%;
	bottom:-22px;
	margin-left:-30px;
	width: 60px;
}
.arrow img{
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.attentionbox{
	
}
h3.attention{
	margin:0 0 15px;
	padding:5px 0;
	background:#555;
	color:#fff;
	font-size:28px;
	text-align:center;
}
.attentionbox ul{
	list-style: none;
	width:auto;
	margin:0 7%;
	padding:0;
}
.attentionbox ul li{
}
.bnr_2015summer_cp{
	overflow:hidden;
	width:auto;
	margin:20px 5%;
}
.bnr_2015summer_cp img{
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}

.bnr_2015summer_cp:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	transition: opacity 0.2s ease-in
}

}
/* for mq
=========================================	*/
.pc {
	display: block;
}
.sp {
	display: none;
}
.br{
	display: none;
}
@media (max-width:640px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.br{
		display: block;
	}
}