@charset "UTF-8";
/*----------------------------
 *  Reset
 ----------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav.gnav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav.gnav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
/*----------------------------
 *  全体構成
 ----------------------------*/
html {
	font-size: 62.5%;
}
body {
	font-size: 1.6rem;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	background: #fff;
	color: #565656;
	height: 100%;
	overflow-x: hidden;
	box-sizing: border-box;
}
#contents {
	width: 100%;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	position: relative;
	overflow-x: hidden;
	box-sizing: border-box;
}
a {
	color: #FF1493;
	text-decoration: none;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
a:hover {
	color: #f19ec2;
}
.inner {
	position: relative;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 40px 0;
	box-sizing: border-box;
}
section {
	display: block;
	padding: 0;
}
p {
	margin: 0;
	padding: 10px;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}
/*==============================================
ヘッダー
==============================================*/
header {
	
	
}
header hgroup{ display:block; width:100%; margin:0 auto; }
header h1{display:block;width:100%;height:48px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
header h1 a{display:block;width:100%;height:46px; text-indent:-9999px;overflow:hidden;background:url(/common/img/tp_log_0323.png) no-repeat left 3px; margin:0 auto;}
header h1 a:active{filter: alpha(opacity=85);  -moz-opacity:0.85;  opacity:0.85;}

/*==============================================
ナビゲーション
==============================================*/
nav#globalmenu{
	border-top:#58acb2 1px solid;
	border-bottom:#84ced3 1px solid;
	border-bottom: 2px solid #39c6cd;
	width:100%;
	background-color: #39c6cd;

}
nav#globalmenu li{
	width:25%;
	height:30px;
	display:block;
	text-align:center;
	background: #84ced3;
	float:left;
}
nav#globalmenu li.active{
	background: #39c6cd;
}
nav#globalmenu li:first-child{
	border-left:none;
}
nav#globalmenu li p{
	font-size: 1.2rem;
	margin: 0;
	padding: 0;
	border-left:1px solid #58acb2;
	border-right:1px solid #58acb2;
}
nav#globalmenu li:first-child p{
	border-left:none!important;
}
nav#globalmenu li:last-child p{
	border-right:none!important;
}
nav#globalmenu li p a{
	height:30px;
	line-height:30px;
	display:block;
	color:#FFF;
	font-family:HiraKakuProN-W6;
}
em.alert{background: #ff3019;
background: #a9e4f7;
background: -moz-linear-gradient(-45deg, #a9e4f7 0%, #0fb4e7 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7));
background: -webkit-linear-gradient(-45deg, #a9e4f7 0%,#0fb4e7 100%);
background: -o-linear-gradient(-45deg, #a9e4f7 0%,#0fb4e7 100%);
background: linear-gradient(-45deg, #a9e4f7 0%,#0fb4e7 100%);
color:#FFFFFF!important;
display:inline-block;
width:30px;
height:30px;
line-height:30px;
float:right;
margin:-50px 3px 0 0!important;
float:right;
display:block;
font-style:normal;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
box-shadow:1px 1px 3px #666;
-webkit-box-shadow:1px 1px 3px #666;
text-shadow:-1px -1px 1px #0099FF;
-webkit-text-shadow:-1px -1px 1px #0099FF;
opacity: 0.86;
}


/*==============================================
フッター
==============================================*/
footer{ font-size:12px;display:block;border-top: 5px solid #39c6cd;}
footer div ul{margin-bottom:15px; text-align:center;}
footer div li{ display: inline; margin-right:10px; padding-left:10px; border-left:solid 1px #CCC;}
footer div li:first-child{ padding:0; border:none;}
footer div li a{color:#666;}
footer div li a:hover{text-decoration:underline;}
footer .copy{
	height:22px;
	line-height:22px;
	color:#FFF;
	text-align:center;
	padding: 2px 0 0;
	font-size:11px;
background: #28343b;
background: -moz-linear-gradient(top, #28343b 0%, #828c95 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28343b), color-stop(99%,#828c95));
background: -webkit-linear-gradient(top, #28343b 0%,#828c95 99%);
background: -o-linear-gradient(top, #28343b 0%,#828c95 99%);
background: -ms-linear-gradient(top, #28343b 0%,#828c95 99%);
background: linear-gradient(top, #28343b 0%,#828c95 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#828c95',GradientType=0 );
}
footer .help{
	height:30px;
	line-height:30px;
	font-size:16px;
	color:#666;
	background: #ffafd8;
background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: linear-gradient(top, #eeeeee 0%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
border-top:#999999 1px solid;
text-align:center;
}
footer .help a{
	color:#666;
	height:30px;
	display:block;
}
.rtntop{
	border-bottom:#39c6cd 1px solid;
	}
.rtntop a{
	color:#39c6cd;
	font-size:16px;
	height:34px;
	line-height:34px;
	text-align:center;
	display:block;
	}

/*==============================================
共通アイコン（16px）
==============================================*/
/*共通*/
.icons{display:inline-block;width:16px;height:16px; text-indent:-9999px; overflow:hidden; vertical-align:middle; }
/*メール*/
.icn_01{background:url(/img/images/icons16.gif) no-repeat 0 0;}
.icn_02{background:url(/img/images/icons16.gif) no-repeat -16px 0;}
.icn_03{background:url(/img/images/icons16.gif) no-repeat -32px 0;}
.icn_04{background:url(/img/images/icons16.gif) no-repeat -48px 0;}
.icn_05{background:url(/img/images/icons16.gif) no-repeat -64px 0;}
.icn_06{background:url(/img/images/icons16.gif) no-repeat -80px 0;}
.icn_07{background:url(/img/images/icons16.gif) no-repeat -96px 0;vertical-align:top;margin-right:3px;}
.icn_08{background:url(/img/images/icons16.gif) no-repeat -112px 0;vertical-align:top; margin-right:3px;}

.icn_100{background:url(/img/images/icons16.gif) no-repeat -128px 0; margin-right:5px;vertical-align:top;}
.icn_101{background:url(/img/images/icons16.gif) no-repeat -144px 0; margin-right:5px;vertical-align:top;}
.icn_102{background:url(/img/images/icons16.gif) no-repeat -160px 0; margin-right:5px;vertical-align:top;}
.icn_103{background:url(/img/images/icons16.gif) no-repeat -176px 0; margin-right:5px;vertical-align:top;}
.icn_104{background:url(/img/images/icons16.gif) no-repeat -192px 0; margin-right:5px;vertical-align:top;}
.icn_105{background:url(/img/images/icons16.gif) no-repeat -208px 0; margin-right:5px;vertical-align:top;}

.icn_500{background:url(/img/images/icons16.gif) no-repeat -224px 0; margin-right:5px;vertical-align:top;}
.icn_501{background:url(/img/images/icons16.gif) no-repeat -240px 0; margin-right:5px;vertical-align:top;}
.icn_502{background:url(/img/images/icons16.gif) no-repeat -256px 0; margin-right:5px;vertical-align:top;}
.icn_503{background:url(/img/images/icons16.gif) no-repeat -272px 0; margin-right:5px;vertical-align:top;}
.icn_504{background:url(/img/images/icons16.gif) no-repeat -288px 0; margin-right:5px;vertical-align:top;}
.icn_505{background:url(/img/images/icons16.gif) no-repeat -304px 0; margin-right:5px;vertical-align:top;}

.icn_09{background:url(/img/images/icons16.gif) no-repeat -320px 0;vertical-align:top; margin-right:3px;}
.icn_10{background:url(/img/images/icons16.gif) no-repeat -336px 0;vertical-align:top; margin-right:3px;}
.icn_11{background:url(/img/images/icons16.gif) no-repeat -352px 0;vertical-align:top; margin-right:3px;}
.icn_12{background:url(/img/images/icons16.gif) no-repeat -368px 0;vertical-align:top; margin-right:3px;}

.icn_13{background:url(/img/images/icons16.gif) no-repeat -384px 0;vertical-align:top; margin-right:3px;}
.icn_14{background:url(/img/images/icons16.gif) no-repeat -400px 0;vertical-align:top; margin-right:3px;}

.icn_15{background:url(/img/images/icons16.gif) no-repeat -416px 0;vertical-align:top; margin-right:0;}
.icn_16{background:url(/img/images/icons16.gif) no-repeat -432px 0;vertical-align:top; margin-right:0;}

.icn_17{background:url(/img/images/icons16.gif) no-repeat -448px 0;vertical-align:top; margin-right:3px;}
.icn_18{background:url(/img/images/icons16.gif) no-repeat -464px 0;vertical-align:top; margin-right:3px;}
.icn_19{background:url(/img/images/icons16.gif) no-repeat -480px 0;vertical-align:top; margin-right:3px;}
.icn_20{background:url(/img/images/icons16.gif) no-repeat -496px 0;vertical-align:top; margin-right:3px;}
/*----------------------------
 *  見出し
 ----------------------------*/
/*h1 {
	font-size: 2.4rem;
	font-weight: bold;
	color: #191919;
	margin: 5px 0 50px;
	text-align: center;
	position: relative;
	box-sizing: border-box;
}
h1 span {
	display: inline-block;
	font-size: 2.4rem;
	font-weight: bold;
	padding: 0 20px 10px;
	border-bottom: 5px solid #39c6cd;
	position: relative;
	box-sizing: border-box;
}
h1 span:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: -5px;
	width: 50%;
	height: inherit;
	border-bottom: 5px solid #dfdfdf;
}
h2 {
	font-size: 2.4rem;
	font-weight: bold;
	color: #191919;
	margin: 5px 0 50px;
	text-align: center;
	position: relative;
	box-sizing: border-box;
}
h2 span {
	display: inline-block;
	font-size: 2.4rem;
	font-weight: bold;
	padding: 0 20px 10px;
	border-bottom: 5px solid #39c6cd;
	position: relative;
	box-sizing: border-box;
}
h2 span:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: -5px;
	width: 50%;
	height: inherit;
	border-bottom: 5px solid #dfdfdf;
}
h3 {
	font-size: 3.6rem;
	font-weight: bold;
	color: #f4aca9;
	margin: 5px 0 40px;
	text-align: center;
	box-sizing: border-box;
}
h4 {
	margin-top: 0.5em;
	padding: 0.5em;
	font-weight: bold!important;
	font-size: 15px;
	color: #f39700;
	box-sizing: border-box;
}*/
h3 {
	font-weight: bold;
	color: #191919;
	text-align: center;
	position: relative;
	box-sizing: border-box;
}
h3 span {
	display: inline-block;
	font-weight: bold;
	padding: 0 20px 10px;
	border-bottom: 5px solid #39c6cd;
	position: relative;
	box-sizing: border-box;
}
h3 span:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: -5px;
	width: 50%;
	height: inherit;
	border-bottom: 5px solid #dfdfdf;
}
/*----------------------------
 *  色
 ----------------------------*/
.red {
	color: #FF0000;
}

/*----------------------------
 *  メイン
 ----------------------------*/
main {
	display: block;
	width: auto
	margin: 0 auto;
	box-sizing: border-box;
}


/*----------------------------
 *  フォーム
 ----------------------------*/
input[type="text"] {
	width: 100%;
	font-size: 1.6rem;
	padding: 10px 10px;
	position: relative;
	appearance: none;
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	border: 1px solid #d0d5d8;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position: relative;
	box-sizing: border-box;
}
select {
	width: 100%;
	font-size: 1.6rem;
	background: #fff url(/userfiles/images/user/applegift_img/arrow.png);
	background-size: 10px auto;
	background-repeat: no-repeat;
	background-position: right 10px center;
	padding: 10px 10px;
	position: relative;
	appearance: none;
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	border: 1px solid #d0d5d8;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position: relative;
	z-index: 0;
	box-sizing: border-box;
}
select::-ms-expand {
	display: none;
}
select:disabled {
	color: #767676;
}
select:disabled::-ms-value {
	color: #767676;
}
input[type="submit"] {
	width: auto;
	font-size: 1.8rem;
	display: inline-block;
	background: #8fc800;
	color: rgba(255,255,255,1);
	border: none;
	padding: 10px 20%;
	margin: 0
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	cursor: pointer;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
	box-sizing: border-box;
}
input[type="submit"]:hover {
	opacity: 0.8;
}
/*----------------------------
 *  Divテーブル
 ----------------------------*/
.points {
	display: table;
	width: 100%;
	margin: 10px auto 20px;
	padding: 0;
	box-sizing: border-box;
}
.points .th {
	display: table-cell;
	width: 50%;
	background: #39c6cd;
	color: #fff;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
}
.points .td {
	display: table-cell;
	width: 50%;
	padding: 10px 5px;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #ccc;
	border-right: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}
.table {
	display: table;
	width: 100%;
	margin: 10px auto;
	padding: 0;
	box-sizing: border-box;
}
.table .th {
	display: table-cell;
	width: 25%;
	background: #dfdfdf;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
}
.table .td {
	display: table-cell;
	width: 65%;
	padding: 0 5px;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
}
.btn_box {
	display: block;
	width: auto;
	background: #dfdfdf;
	text-align: center;
	margin: 30px auto;
	padding: 20px 5px;
	box-sizing: border-box;
}
.card_box {
	display: block;
	width: auto;
	background: #dfdfdf;
	text-align: center;
	margin: 30px auto;
	padding: 30px 5px;
	box-sizing: border-box;
}
.card_box img {
	width: 100%;
	max-width: 500px;
	image-rendering: -webkit-optimize-contrast;
}