@charset "utf-8";

html body {
	font-family: Arial, Roboto, “Droid Sans”, ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
	height:auto !important;
	position:relative;
}
body {
	margin: 0;
	color:#232323;
	height:auto !important;
}

img {
	border:none;
}
a{
	color:#e7198c !important;
	text-decoration:underline;
} 
a:hover{
	opacity:0.7;
}

p, li {
	font-size: 16px;
}
.mb_30 {
	margin-bottom: 30px;
}

/*------------------
//アイコン付きテキストリンク[共通]
-------------------------------------*/
.lnk_self{
	background: url("/image/ar-icon.png") no-repeat 1px center;
	padding-left:15px;
}
.lnk_blank{
	background: url("/image/f-mini-icon.png") no-repeat 1px center;
	padding-left:15px;
}
.lnk_anc{
	background: url("../img/anc-icon.png") no-repeat 1px center;
	padding-left:15px;
}


#wrapper{
	height:auto !important;
}

/*--------------------
//ボタン[共通]
------------------------------------*/
/*活性用*/
.campaign_btn {
  background: rgb(143,195,31); /* Old browsers */
  background: -moz-linear-gradient(-45deg,  rgba(143,195,31,1) 1%, rgba(34,163,59,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(143,195,31,1) 1%,rgba(34,163,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  rgba(143,195,31,1) 1%,rgba(34,163,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc31f', endColorstr='#22a33b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	box-shadow:1px 1px 1px rgba(0,0,0,0.5);
	position:relative;
	border-radius:5px;
	transition:all 0.2s linear;
}
.campaign_btn:hover{
	opacity:0.7;
}
/*不活性用*/
.campaign_btn.dis{
  background: #ccc; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  rgba(193,193,193,1) 1%, rgba(134,134,134,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(193,193,193,1) 1%,rgba(134,134,134,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  rgba(193,193,193,1) 1%,rgba(134,134,134,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#ddd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	box-shadow:1px 1px 1px rgba(0,0,0,0.5);
	position:relative;
	border-radius:5px;
}

.campaign_btn:not(.dis):after{
  content:"";
	width:15px;
	height:15px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-8px;
}

/*---------------------
//テキスト系[共通]
--------------------------------------*/
/* color */
.red{
	color:#D40003 !important;
}
.bk{
	color:#333 !important;
}

/* 強調 */
.fwB{
	font-weight:bold;
}

/*--------------------
//QAテキスト[共通]
-------------------------------------*/
dl.campaign_faqbox dt:before,
dl.campaign_faqbox dd:before{
	font-weight: bold;
	position:absolute;
	left:0;
	top:-2px;
}

/*--------------------
//TOPへ戻るボタン[共通]
------------------------------------*/
.top_anc{
	position:fixed;
	right:20px;
	bottom :20px;
	width:50px;
	height:50px;
	background: rgba(239,38,119,0.9);
	color:#fff;
	text-align:center;
	border-radius:3px;
}
.top_arrow{
	position:relative;
	display:block;
	width:50px;
	height:50px;
}
.top_arrow:after{
	content:"";
	display:block;
	width:15px;
	height:15px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
	position:absolute;
  top: 20px;
  left: 34%;
}

.campaign_txt dl dd{
	padding-left: 2.5rem;
}

@media screen and (min-width: 641px){

/*
[PC]
------------------------------------------------------------------*/

.pc_off {
	display:none;
}

.wrap{
	width:100%;
	padding-bottom:30px;
}
.content{
	min-width:960px;
	width:960px;
	margin-right:auto;
	margin-left:auto;
}

/*---------------------
//見出し
------------------------------------*/
.campaign_title {
  background:url("../img/title_icon.jpg") no-repeat scroll left center;
  font-size: 30px;
	font-weight: bold;
  margin: 40px 0 20px;
	padding-left:20px;
}
.campaign_title_s {
  border-bottom: 1px dashed #e7198c;
  color: #e7198c;
  font-size: 20px;
	font-weight: bold;
  padding: 20px 0 5px;
  width: 100%;
}


/*---------------------
//ヘッダー
-------------------------------------------------------- */

header {
	width:100%;
}

.top_pic {
	background-image: url(/campaign/simcash/img/topimg.png);
	background-repeat:no-repeat;
	background-position: center center;
	height:380px;
	clear: both;
}

.header_logo {
	width:960px;
	margin:5px auto;
	display:block;
	overflow:hidden;
}

.logo {
    float: left;
    width: 150px;
}

/*---------------------
//テキスト系
-------------------------------------------------------- */
.wrap *{
	line-height:1.6;
	word-wrap:break-word;
}
.campaign_txt{
	margin:30px 0;
}
/* サイズ */
.fzL{
	font-size: 18px !important;
}
.fzM{
	font-size: 14px !important;
}
.fzS{
	font-size: 11px !important;
}

.impact{
	font-style:normal;
	font-weight: bold;
	display:inline-block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefcea+43,fefcea+65,fcf880+66 */
background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(top,  #fefcea 43%, #fefcea 65%, #fcf880 66%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fefcea 43%,#fefcea 65%,#fcf880 66%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fefcea 43%,#fefcea 65%,#fcf880 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#fcf880',GradientType=0 ); /* IE6-9 */
}

/* リスト */
ul.discList {
	margin:10px 0;
	padding:0;
}
ul.discList li{
	list-style-type:disc;
	list-style-position:inherit;
	margin:0 0 5px 1em;
	padding:0;
}
ul.nodisc li{
	list-style-type:none !important;
	margin:0 0 5px 0 !important;
	text-indent:0 !important;
}

/*-------------------
//BOX
----------------------------------------*/
.borderBox01{
	margin:30px 0;
	padding:20px;
	border:1px solid #C0C0C0;
	box-sizing:border-box;
}

/*-------------------
//ボタン
----------------------------------------*/
.campaign_btn_wrap{
	width:920px;
	margin:30px auto;
	display: flex;
}
/*活性用*/
.campaign_btn{
	margin:50px auto 0 !Important;
	display: block;
	width: 30%;
}
/*不活性用*/
.campaign_btn.dis{
	margin:50px auto 0 !Important;
}

.campaign_btn a,
.campaign_btn span{
	display:block;
	padding:25px 20px;
	font-size: 18px;
	font-weight: bold;
	line-height:1.2 !important;
	text-align:center;
	color:#fff !important;
	text-decoration:none !important;
}

/*-------------------
//QAリスト
-----------------------------------------*/
dl.campaign_faqbox{
}

dl.campaign_faqbox dt,
dl.campaign_faqbox dd{
	position:relative;
	font-size: 16px;
}

dl.campaign_faqbox dt{
	margin-bottom:10px;
	padding-left:2em;
}

dl.campaign_faqbox dt:before{
	content:"Q: ";
	color:#4772CB;
}
dl.campaign_faqbox dd{
	border-bottom:1px solid #C9C9C9;
	padding-bottom:20px;
	margin-bottom:20px;
	padding-left:2em;
}
dl.campaign_faqbox dd:before{
	content:"A: ";
	color:#E33D85;
}

dl.campaign_faqbox dt:before,
dl.campaign_faqbox dd:before{
	font-size: 20px;
}
/* テーブル */
table , td, th {
	border-collapse: collapse;
}
td, th {
	padding: 10px;
}

}
/*end*/

@media screen and (max-width: 640px) {

/*
[SP]
------------------------------------------------------------------*/

.sp_off {
	display:none;
}

.wrap{
	width:100%;
	padding-bottom:5%;
}
.content{
	width:96%;
	margin-right:auto;
	margin-left:auto;
}

/*---------------------
//見出し
------------------------------------*/
.campaign_title {
  background:url("../img/title_icon.jpg") no-repeat scroll left center;
  font-size: 5vw;
	font-weight: bold;
  margin: 5% 0 3%;
	padding-left:20px;
}
.campaign_title_s {
  border-bottom: 1px dashed #e7198c;
  color: #e7198c;
  font-size: 4vw;
	font-weight:bold;
  padding: 3% 0;
	margin-bottom:3%;
  width: 100%;
}



/* header */
/* -------------------------------------------------------- */

header {
	width:100%;
}

.top_pic {
    max-width: 640px;
    width: 100%;
}

.header_logo {
	width:100%;
}

.logo {
  margin-left:10px;
  float:left;
  max-width: 100px;
  width: 30%;  
}
.main_image {
	max-width:640px;
	width:100%;
}


/*---------------------
//テキスト系
-------------------------------------------------------- */
.wrap *{
	line-height:1.6;
	word-wrap:break-word;
}
.campaign_txt{
	margin-top:5%;
	margin-bottom:5%;
}
/* サイズ */
.fzL{
	font-size: 5vw !important;
}
.fzM{
	font-size: 4vw !important;
}
.fzS{
	font-size: 3vw !important;
}
/* color */
.red{
	color:#D40003 !important;
}
.bk{
	color:#333 !important;
}

.impact{
	font-style:normal;
	font-weight: bold;
	display:inline;
	border-bottom: 3px solid #fcf880;
 }

/* リスト */
ul.discList {
	margin-top:5%;
	margin-bottom:5%;
	padding:0;
	box-sizing:border-box;
}
ul.discList li{
	list-style-type:disc;
	list-style-position:inherit;
	margin:0 0 3% 1em;
	padding:0;
}
ul.nodisc li{
	list-style-type:none !important;
	margin:0 0 3% 0 !important;
	text-indent:0 !important;
}

/*-------------------
//BOX
----------------------------------------*/
.borderBox01{
	margin-top:5%;
	margin-bottom:5%;
	padding:3%;
	border:1px solid #C0C0C0;
	box-sizing:border-box;
}

/*-------------------
//ボタン
----------------------------------------*/
.campaign_btn_wrap{
	width:90%;
	margin:5% auto;
}
/*活性用*/
.campaign_btn{
	margin:8% auto 0 !Important;
}
/*不活性用*/
.campaign_btn.dis{
	margin:8% auto 0 !Important;
}

.campaign_btn a,
.campaign_btn span{
	display:block;
	padding:5%;
	font-size:4vw;
	line-height:1.2 !important;
	text-align:center;
	color:#fff !important;
	text-decoration:none !important;
}

.campaign_btn:not(.dis):after{
	width:10px;
	height:10px;
	margin-top:-6px;
}

/*-------------------
//QAリスト
-----------------------------------------*/
dl.campaign_faqbox{
	box-sizing:border-box;
}

dl.campaign_faqbox dt,
dl.campaign_faqbox dd{
	position:relative;
	font-size:4vw;
}

dl.campaign_faqbox dt{
	margin-bottom:3%;
	padding-left:5%;
}
dl.campaign_faqbox dd{
	border-bottom:1px solid #C9C9C9;
	padding-bottom:3%;
	margin-bottom:5%;
	padding-left:5%;
}

dl.campaign_faqbox dt:before,
dl.campaign_faqbox dd:before{
	font-size:4vw;
}

dl.campaign_faqbox dt:before{
	content:"Q: ";
	color:#4772CB;
}
dl.campaign_faqbox dd:before{
	content:"A: ";
	color:#E33D85;
}


}
/*end*/