@charset "utf-8";

.Secondbody h2 {
	background:url(../images/h2_netgift_bg.png) no-repeat top left;
	height: 65px;
	font-family:'Lucida Grande', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	padding-left: 115px;
	padding-top: 25px;
	font-size: 150%;
	font-weight:normal;
}

p.top-lead {
	line-height:180%;
	font-family:'Lucida Grande', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	padding:0 10px 0 10px;
	margin-top:-10px;
}

.netgift {
	margin:0 4px 0 10px;
	line-height:200%;
	font-family:'Lucida Grande', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	width:95%;
}

.netgift .lead {
	width:100%;
	padding-bottom:1em;
	overflow:hidden;
}

.netgift .lead p.leading {
	line-height:180%;
	display:block;
	/*width:56%;*/
}

.netgift .lead p.leading strong {
	font-weight:bold;
	color:#D53E55;
	font-size:110%;
	margin-bottom:15px;
	display:block;
}

/* ネットギフトとは */

.netgift h3 { 
	margin:30px 0;
	width:100%;
	padding:2px 10px;
	font-size:140%;
	border-bottom:#8794EB 2px solid;
	/* -moz-background-size:contain;
	background-size:contain; */
}

.netgift .cnt01,
.netgift .cnt02,
.netgift .cnt03 {
	display:block;
	margin-bottom:30px;
	overflow:hidden;
	padding:20px;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.netgift .cnt01 { background:#DCF2FC; }
.netgift .cnt02 { background:#FDEBF5; }
.netgift .cnt03 { background:#E3E7FB; }

.netgift dl.about {
	overflow:hidden;
}

.netgift dl.about dt {
	float:left;
	margin-right:5%;
	width:30%;
}

.netgift dl.about dd {
	float:left;
	padding-top:20px;
	width:65%;
}


.netgift .cnt .tmar15 { margin-top:15px; }

.netgift .cnt p {
	line-height:180%;
	padding:0 10px 0 10px;
	font-weight:normal;
}

.wd35 { width:40%; }
	
.netgift .recom {
	clear:both;
	border:1px solid #1EB9EE;
	width:97%;
	padding:10px;
	margin:2em 0 50px 0;
	line-height:160%;
}

.netgift .btn {
	clear:both;
	display:block;
	margin-top:0.5em;
	text-align:center;
}

.netgift .recom .col,
.netgift .recom .btn {
	text-align:center;
}

.netgift .comment {
	font-weight:bold;
	font-size:120%;
	color:#0075BB;
	margin-bottom:0.2em;
}

.martop { margin-top:0.8em; }

/* ご利用方法 */

.ug-lead {
	display:block;
	padding:15px;
	border:#35308F 2px solid;
	overflow:hidden;
	margin-bottom:2em;
	color:#35308F;
	line-height:160%;
}

.netgift dl.howto {
	overflow:hidden;
	border-bottom:#F79CCB dotted 2px;
	margin-top:1em;
	margin-bottom:1em;
	padding-bottom:0.5em;
	display:block;
	width:100%;
}

.netgift dl.howto dt {
	float:left;
	margin-right:2%;
	width:18%;
}

.netgift dl.howto dd {
	float:left;
	width:80%;
	padding-top:1em;
}

.netgift dl.howto-select {
	overflow:hidden;
	width:100%;
	margin-bottom:3em;
}

.netgift dl.howto-select dt {
	float:left;
	margin-right:0.3%;
	/*width:33%;*/
	width:48%;
}

.pink { color:#F268B0; }
.blue { color:#129EDA; }
.redd { color:#FF0000; }
.orange { color:#FF8000; }
.navy { color:#35308F; }
.black { color:#444; }
.tx-L { font-size:180%; }
.tx-S { font-size:100%; line-height:160%; }
.bornavy { border-bottom:#D7D6E9 dotted 2px !important; }

.netgift a img:hover { opacity: 0.6 ; }

.gara {
	margin-top:0.3em;
	margin-bottom:2em;
	/*padding-left:3em;*/
	line-height:160%;
}

span.vali {
	display:block;
	border:#35308F 2px solid;
	padding:0.3em;
	width:60%;
}

/*.netgift table.recom td {	
	background:url(images/msday/bg_msday.jpg);
	font-size:85%;
	height:25px;
	padding-left:50px;
}*/

/* HTMLメールで受け取る */

.netgift h3.ug01step01,
.netgift h3.ug01step02,
.netgift h3.ug01step03 { 
	margin:30px 0;
	width:95%;
	padding:2px 10px 2px 45px;
	font-size:120%;
	line-height:120%;
	border-bottom:#DDEBF7 2px solid;
	-moz-background-size:contain;
	background-size:contain;
	height:40px;
}

.netgift h3.ug01step01 { background:url(images/ug01_step01.gif) no-repeat; }
.netgift h3.ug01step02 { background:url(images/ug01_step02.gif) no-repeat; }
.netgift h3.ug01step03 { background:url(images/ug01_step03.gif) no-repeat; }

.howcapR {
	float:right;
	padding-left:1em;
}

dl.howcapR dt {
	
}

.attention {
	display:block;
	padding:15px;
	border:#129EDA 1px solid;
	overflow:hidden;
}

.nonflo {
	display:block;
	text-align:center;
	margin:0 auto;
}

.howto-reader {
	display:block;
	text-align:center;
	margin:1em auto 2em auto;
	color:#046EB8;
	font-weight:bold;
	font-size:140%;
	line-height: 180%;
	border-bottom:1px #046EB8 solid;
	padding:1em 0 2em 0;
}

/* URLと認証コードで受け取る */

.netgift h3.ug02step01,
.netgift h3.ug02step02,
.netgift h3.ug02step03,
.netgift h3.ug02step04 { 
	margin:30px 0;
	width:95%;
	padding:2px 10px 2px 45px;
	font-size:120%;
	line-height:120%;
	border-bottom:#FFE0C1 2px solid;
	-moz-background-size:contain;
	background-size:contain;
	min-height:40px;
}

.netgift h3.ug02step01 { background:url(images/ug02_step01.gif) no-repeat; border-bottom:none !important; margin-bottom:0 !important; min-height:28px; padding:10px 10px 2px 45px;}
.netgift h3.ug02step02 { background:url(images/ug02_step02.gif) no-repeat; margin:0 0 30px 0; }
.netgift h3.ug02step03 { background:url(images/ug02_step03.gif) no-repeat; }
.netgift h3.ug02step04 { background:url(images/ug02_step04.gif) no-repeat; }

.attention-ug02 {
	display:block;
	padding:15px;
	border:#FF8000 2px solid;
	overflow:hidden;
}

.attention-ug02 h4 {
	font-size:130%;
	color:#FF8000;
	padding-bottom:0.5em;
}


.ug02howto {
	display:block;
	padding:15px;
	font-size:100%;
	line-height:180%;
	background:#FFE0C1;
	overflow:hidden;
	margin-top:1em;
	margin-bottom:1em;
}

.ug02howto02 {
	clear:both;
	display:block;
	padding:15px;
	font-size:100%;
	line-height:180%;
	background:#FDEBF5;
	width:95%;
	overflow:hidden;
	margin-top:0.5em;
	margin-bottom:1em;
}

.ug02howto02 h4 {
	background:#F268B0;
	border-radius:20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding:2px 10px;
	text-align:center;
	color:#FFF;
	margin-bottom:1em;
}




/* 用紙で受け取る */

.ug03lead {
	display:block;
	padding:15px;
	border:#5DB34E 2px solid;
	overflow:hidden;
	margin-bottom:2em;
	color:#5DB34E;
}

.ug03howto {
	display:block;
	padding:15px;
	border:#5DB34E 1px solid;
	width:40%;
	overflow:hidden;
	margin-top:1em;
}

.img-pc { width:30%; margin-left:1em; margin-bottom:1em; }
.img-pc02 { width:90%; }
.img-pc03 { width:50%; margin-left:3em;}


/* お悩み解決Q&A */

ul.pagelink {
	background:#DDEBF7;
	padding:10px 5px 15px 15px;
	margin:15px 0 20px 0;
	overflow:hidden;
	_zoom:1;
}

ul.pagelink li,
ul.pagelink li.wide,
ul.pagelink li.semi,
ul.pagelink li.short {
	float:left;
	line-height:180%;
	background:url(../common/images/icon/icon_arrow_09.gif) no-repeat 0 12px;
	padding-left:12px;
}

ul.pagelink li { width:190px; }
ul.pagelink li.wide { width:220px; }
ul.pagelink li.semi { width:160px; }
ul.pagelink li.short { width:130px; }

.netgift h3.faq { 
	margin:30px 0 15px 0;
	width:95%;
	padding:7px 10px 2px 50px;
	font-size:120%;
	line-height:120%;
	border-bottom:#DDEBF7 2px solid;
	-moz-background-size:contain;
	background-size:contain;
	height:40px;
	background:url(images/icon_netgift.png) no-repeat;
	color:#129EDA;
}

.attention-faqug01 {
	display:block;
	padding:15px;
	background:#DCF2FC;
	overflow:hidden;
}

.attention-faqug01 h4 {
	font-size:110%;
	color:#129EDA;
}

.attention-faqug02 {
	display:block;
	margin-top:2em;
	padding:15px;
	background:#FFE0C1;
	overflow:hidden;
}

.attention-faqug02 h4 {
	font-size:110%;
	color:#FF8000;
}

.faqug02-sub {
	clear:both;
	display:block;
	padding:15px;
	font-size:100%;
	line-height:180%;
	background:#FFF7EE;
	width:95%;
	overflow:hidden;
	margin-top:1em;
	margin-bottom:1em;
}

.faqug02-sub h4 {
	background:#FF8000;
	border-radius:20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding:2px 10px;
	text-align:center;
	color:#FFF;
	margin-bottom:1em;
}

.caution {
	border:1px #FF0000 solid;
	padding:1em;
	color:#FF0000;
	line-height:160%;
}

.attention-faqug03 {
	display:block;
	padding:0 10px 15px 15px;
	/*background:#DCF2FC;*/
	overflow:hidden;
}

.attention-faqug03 h4 {
	font-size:110%;
	color:#129EDA;
}

.netgift ul.faq li {
	list-style:disc;
	list-style-position:inside;
	padding-left:10px;
}

.tx-ind {
	padding-left:1em;
	text-indent:-1em;
	margin-top:0.5em;
}

.tx-ind02 {
	padding-left:2em;
	text-indent:-1em;
	margin-top:0.5em;
}

.tx-ind03 {
	padding-left:1.7em;
	text-indent:-1em;
	margin-top:0.5em;
}


/* お問い合わせ */

dl.entryform,
dl.entryform-end {
	font-size:100%;
	line-height:160%;
	margin:0 0 1px 0;
	border-top:1px solid #DDEBF7;
	border-right:1px solid #DDEBF7;
	padding:0;
	overflow:hidden;
	_zoom:1;
	background:#DDEBF7;
	display:block;
}

dl.entryform-end {
	border-bottom:1px solid #DDEBF7;
}

dl.entryform dt,
dl.entryform-end dt {
	padding:5px 10px;
	margin:0;
	float:left;
	clear:both;
	width:23%;
	overflow:hidden;
	_zoom:1;
}

dl.entryform dd,
dl.entryform-end dd {
	background:#FFF;
	padding:5px 10px;
	margin:0;
	float:left;
	width:70.1%;
}

dl.entryform dd td em { font-size:85%; }

dl.entryform-end textarea {
	width:65%;
	height:6em;
}

/*---- Chrome ----*/

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
  dl.entryform-end textarea,
  dl.entryform textarea {
	width:77%;
	height:6em;
  }
}

/*---- Chrome ----*/

.btn-submit {
	text-align:center;
	padding:10px;
}

.netgift table {
	font-size:100%;
	line-height:160%;
	width:100%;
	margin:5px auto 30px auto;
	border-top:1px solid #DDEBF7;
}

.netgift th {
	font-weight:bold;
	text-align:center;
	color:#000066;
	background:#93D9AF;
	padding:4px 0;
}

.netgift td.left {
	background:#DDEBF7;
	padding:4px 10px;
	border-bottom:1px solid #FFF;
	width:25%;
}

.netgift td.right {
	background:#FFF;
	border-bottom:1px solid #DDEBF7;
	padding:4px 10px;
	border-right:1px solid #DDEBF7;
}

iframe {
    border: 1px #DDD solid;
	width:100%;
}

/* コロナ対応アナウンス */

.special-infobl {
    border: #CC0000 2px solid;
    color: #CC0000;
    padding: 1.5em;
    margin: 0 0 1.5em 0;
    line-height: 160%;
    text-align: center;
	font-weight: bold;
}

.special-infobl a {color: #CC0000;}


/*-----------------------------------------------------	*/
/*	Print					*/
/*-----------------------------------------------------	*/

@media print {

	.sp-only { display:none; }

}

/*-----------------------------------------------------	*/
/*	Responsive					*/
/*-----------------------------------------------------	*/

.imgR {
	width:50%;
	max-width:207px;
}

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

	.spp-only { display:none; }

}

@media screen and (max-width: 871px) {
	.pcc-only { display:none; }

}

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

	.sp-only { display:none; }

}

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

	.pc-only { display:none; }
	
	.Secondbody h2 {
	background:url(../images/h2_netgift_line.png) repeat-x bottom;
	padding-left: 0;
	padding-top: 0;
	padding-bottom:0.3em;
	font-size: 140%;
	height:auto;
	}


	p.top-lead {
	line-height:180%;
	font-size:100%;
	margin-top:0.5em;
	width:95%;
	}
	
	p.lead img {
	text-align:center;
	}
	
	.netgift {
	margin:0 10px;
	width:90%;
	}
	
	.netgift .cnt01,
	.netgift .cnt02,
	.netgift .cnt03 {
		margin-left:10px;
	}


	.netgift dl.about dt {
	float:none;
	text-align:center;
	display:block;
	width:100%;
	}

	.netgift dl.about dd {
	float:none;
	padding-top:2em;
	width:100%;
	}

	.netgift dl.howto-select dt {
	float:none;
	text-align:center;
	width:100%;
	display:block;
	margin-bottom:1em;
	}
	
	.netgift dl.howto dt {
	float:none;
	text-align:center;
	margin-right:0;
	width:100%;
	}

	.netgift dl.howto dd {
	float:noen;
	width:100%;
	padding-top:1em;
	}

	.bornavy {
		border-top:#CCC solid 1px !important;
		padding-top:1em;
	}

	.tx-L { font-size:130%; }

	.howcapR {
	float:none;
	display:block;
	margin-bottom:1em;
	width:80%;
	padding-left:0;
	text-align:center !important;
	}
	
	dl dt.spimg {
	float:none;
	text-align:center !important;
	width:100%;
	display:block;
	}
	
	.ug03howto,
	.ug02howto {
	width:90%;
	}
	
	.ug03howto img.howcapR {
	width:95% !important;
	float:none;
	display:block;
	text-align:center !important;
	}
	
	.netgift h3.ug01step01,
	.netgift h3.ug01step02,
	.netgift h3.ug01step03,
	.netgift h3.ug02step01,
	.netgift h3.ug02step02,
	.netgift h3.ug02step03,
	.netgift h3.ug02step04 { 
	width:92%;
	}
	
	.ug03lead {
		width:95%;
		padding:5px;
	}
	
	.nonflo {
		margin-bottom:1em;
	}
	
	.nonflo img.sp-cap {
		width:65%;
	}
	
	.howto-reader {
		font-size:120%;
		padding:1em 0;
	}
	.howto-reader img {
		width:85%;
	}
	
	.attention-ug02 h4 {
	font-size:120%;
	text-align:center;
	}
	
	.ug02howto02 {
		width:90%;
	}
	
	.nobottom {
		margin-bottom:0 !important;
	}
	
	dl.entryform,
	dl.entryform-end {
	border-left:1px solid #DDEBF7;
	}
	 
	dl.entryform dt,
	dl.entryform-end dt,
	dl.entryform dd,
	dl.entryform-end dd {
	font-size:90%;
	width:98%;
	}

	dl.entryform-end textarea {
	width:90%;
	}

	.netgift td.left { width:30%; }
	
	.attention-faqug01 h4,
	.attention-faqug02 h4,
	.attention-faqug03 h4 {
	padding-left:1em;
	text-indent:-1em;
	}

	.attention-faqug02 {
		padding:1em;
	}
	
	.faqug02-sub {
		width:auto;
	}
	
	.gara {
		padding-left:0.2em;
		width:100%;
		letter-spacing:-0.07em;
	}
	span.vali {
		width:100%;
	}

	ul.pagelink li,
	ul.pagelink li.wide,
	ul.pagelink li.semi,
	ul.pagelink li.short {
		width:100%;
	}
	

	/* ------ Column ------ */

	/* 各カラムの横並びを解除し、縦１列に並べる */
	.entry dt,
	.entry dd {
		float: none;
		width: auto;
		margin: 0 auto;
	}

	.sp-delete {display:none;}
	
	.sptable {
	width:95%;
	font-size:16px;
	height:1.5em;
	}
	
  dl.entryform-end textarea,
  dl.entryform textarea {
	width:95% !important;
	font-size:16px;
	height:6em;
	}
	iframe {
	width:95%;
	}

	SELECT,
	.pnum {
	font-size:16px;
	height:1.5em;
	}
	
	.btn-submit btn-sub {
	height:100%;
}
	.priv {
	font-size:16px;
	}
	
	.chb {height:80%;}
	
}

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

	.netgift-top p.top-lead {
	font-size:100%;
	}

    .netgift .cnt h3 {
	font-size:110%;
	}
	
	img.wd35 { width:100%; }
	
	.col.right {
		float: none;
		display:block;
		text-align:center;
		margin: 0 auto;
		padding-bottom:1em;
	}
	
	.ug03howto,
	.ug02howto {
	width:89%;
	}



}

/* ボタンの処理 */
.btn-submit.reverse {
  display: flex;
}
@media (min-width: 640px) {
.btn-submit.reverse {
  flex-direction: row-reverse;
  justify-content: center;
}
.btn-submit.reverse input.btn-sub{
  margin: 0 3px;
}
}
@media screen and (max-width: 639px) {
.btn-submit.reverse {
  flex-direction: column-reverse;
  align-items: center;
}
}