@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;
	height:auto !important;
}

img {
	border:none;
}

a:hover{
	opacity:0.7;
}
@media screen and (max-width: 640px) {
	/*SPレイアウトの場合 タッチ後にhoverが取れないので不要*/
	a:hover{
		opacity:1;
	}
}

em{
	font-style: normal;
}
.mainArea *{
	box-sizing: border-box;
}
/*------------------
//テキストposition[共通]
-------------------------------------*/
.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}

/*------------------
//アイコン付きテキストリンク[共通]
-------------------------------------*/
.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("/image/anc-icon.png") no-repeat 1px center;
	padding-left:15px;
}


#wrapper{
	height:auto !important;
}


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

.cpEndLnk a{
	color: #e7198c;
}

@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;
}

/*pc.css override*/
p {
	font-size: 14px;
}
/*---------------------
//見出し
------------------------------------*/
.campaign_title {
  background:url("/campaign/imh201802/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/imh201802/img/topimg.png);
	background-repeat:no-repeat;
	background-position: center center;
	height:469px;
	clear: both;
}

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

.impact{
	display: inline-block;
	font-weight: bold;
	background: #fefcea;
  background: -moz-linear-gradient(top, #fefcea 43%, #fefcea 65%, #fcf880 66%);
  background: -webkit-linear-gradient(top, #fefcea 43%,#fefcea 65%,#fcf880 66%);
  background: linear-gradient(to bottom, #fefcea 43%,#fefcea 65%,#fcf880 66%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#fcf880',GradientType=0 );
}

/* リスト */
ul.discList {
	margin:10px 0;
	padding:0;
}
ul.discList li{
	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;
}

ul.point_list li {
    padding-left: 4em;
    text-indent: -2em;
}

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

/*-------------------
//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;
}
/*--------------------
//table[PC]
------------------------------------*/
table.campaignTable tr{
	border-bottom: 1px solid #eee;
}
table.campaignTable tr:first-child{
	border-top: 1px solid #eee;
}
table.campaignTable tr:nth-child(even){
	/*background:#e2e2e2;*/
}
table.campaignTable th,
table.campaignTable td{
	padding: 5px 15px;
}
table.campaignTable th{
	width: 25%;
	vertical-align: middle;
	font-weight: bold;
	background:#fff2d4;
	border-right: 1px solid #ccc;
}


/*----------------------------
ボタン用
-----------------------------------------*/

.imh_charge_btn {
    margin: 30px 0 50px;
    text-align: center;
}

/*----------------------------
バナー用
-----------------------------------------*/

.miowari_bnr {
    text-align: center;
}

/*----------------------------
footer用
-----------------------------------------*/
#footer{
}

.footer_main{
}
.ft_logo{
}
.ft_info{
}


}
/*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("/campaign/imh201802/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:5% 0;
}
/* サイズ */
.fzL{
	font-size: 5vw;
}
.fzM{
	font-size: 4vw;
}
.fzS{
	font-size: 3vw;
}
/* color */
.red{
	color:#D40003 !important;
}
.bk{
	color:#333 !important;
}

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

/* リスト */
ul.discList {
	margin:5% 0;
	padding:0;
}
ul.discList li{
	list-style-position:inherit;
	margin:0 0 3% 1em;
	padding:0;
	font-size: 4vw;
	text-indent: -1em;
}
ul.nodisc li{
	list-style-type:none !important;
	margin:0 0 3% 0 !important;
	text-indent:0 !important;
}

ul.point_list li {
    padding-left: 2em;
    text-indent: -1em;
}

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

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

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;
}

/* テーブル */
table , td, th {
	border-collapse: collapse;
}
td, th {
	padding: 2%;
}
/*--------------------
//table[SP]
------------------------------------*/
table.campaignTable tr{
	border-bottom: 1px solid #dedede;
}
table.campaignTable tr:first-child{
	border-top: 1px solid #dedede;
}
table.campaignTable tr:nth-child(even){
	/*background:#e2e2e2;*/
}
table.campaignTable th,
table.campaignTable td{
	display: block;
	padding: 3%;
}
table.campaignTable th{
	font-weight: bold;
	background:#fff2d4;
}
.campaignTable.colmun2{

}

/*--------------------
//button[SP]
------------------------------------*/
.imh_charge_btn {
    margin: 20px 0;
	text-align: center;
}

}
/*end*/