@charset "utf-8";
/* CSS Document */
/* レスポンシブ切り替え　641px（max-width:980px） */

html{
	font-size:16px; /* デフォルトを16pxに設定 */
}
*{margin:0;padding:0;text-decoration:none;list-style:none;}
body{
	margin:0;
	padding:0;
	font-family:Lato,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color:#243441;
	text-align:center;
	line-height:2em;
}
h1,h2,h3,h4,h5,p,table,tr,td,th,ul,li,ol,dl,dt,dd{
	margin:0;
	padding:0;
}

a{
	border:0;
	text-decoration:none;
	color:#38B51A;
}
a:hover{
	text-decoration:underline;
}
img{
	vertical-align:baseline;
	max-width:100%;
}
a img{
	border:none;
}

.txt12px{
	font-size:12px;
	line-height:1.35em;
	margin-bottom:15px;
	clear:both;
}
.p18{
	font-size:18px;
}
.p25{
	font-size:20px;
	line-height: 1.5em;
}
.txtGreen{
	display:block;
	background-color:#006699;
	color:#fff;
	text-align:center;
	padding:10px;
	margin-bottom:10px;
	font-weight:normal;
	font-size:20px;
}
h2{
	display:block;
	clear:both;
}
.co_red{
   color: #C32728;
}
.tx_1-25em{
   font-size: 1.25em!important;
}
.tx_1-5em{
   font-size: 1.5em!important;
}
.sp-show{
   display: block;
}

/* ▼header */
.header{
	/*padding:15px 0;*/
	display:block;
	width:100%;
	/*height:30px;*/
    position: absolute;
}
.header-btn-login a{
	display:block;
	float:right;
	height:14px;
	width:140px;
	padding:8px 0;
	margin-right:15px;
	font-size:14px;
	font-weight:bold;
	line-height:14px;
	background-color:#F9BE00;
	border-radius:4px;
	-moz-border-radius:4px;
	text-align:center;
	color:#243542;
}
.header-btn-login a:hover{
	background-color:#FFD955;
}
.spNone{
	display:none;
}
.header-logo{
	display:block;
	float:left;
	padding-left:15px;
}


/* ▼本体 */
.mainWrap{
	text-align:left;
	padding:0 15px;

}

/* ▼本文 */
.midashi, .midashiBlack {
	display:block;
	background-color:#e8a31a;
	font-weight:bold;
	font-size:24px;
	color:#fff;
	margin:0 -15px 15px -15px;
	padding:15px;
	clear:both;
}
.midashi{
	background-color:#e8a31a;
}
.midashiBlack{
	background-color:#000;
}
.honbun{
    padding:0 0 15px 0;
}
.imgCenter{
	display:block;
	margin:0 auto;
	padding:0 0 15px 0;
	clear:both;
    max-width: 100%;
}
ul.label {
	font-size:24px;
	font-weight:bold;
	line-height:1.35em;
	margin:15px 0;
	display:table;
	width:100%;
	float:left;
}
ul.label li{
	display:table-cell;
	vertical-align:middle;
}
ul.label li.imgNo{
	padding-right:10px;
	width:60px;
}
.txtRed{
	color:#f24141;
}
.txtRedB{
	color:#f24141;
	font-weight:bold;
}
.txtBlue{
	color:#4aa9f5;
}

h3.komidashi1{
	font-size:20px;
	font-weight:bold;
	padding-bottom:15px;
	clear:both;
}

.btn-registry a{
	display:block;
	padding:0 15px;
	margin:30px auto;
	background-color:#4BB61B;
	border-radius:70px;
    text-align: center;
	-moz-border-radius:70px;	
	/* Firefox3.6対応 */
	/*background-color: -moz-linear-gradient(top,#ADFFDB,#ADFFDB 5%,#30F09B 5%,#1DCC7F 95%,#1DCC7F 95%,#345C4B);  
	background-color: -webkit-gradient(linear, left top, left bottom, from(#ADFFDB), color-stop(0.05,#ADFFDB), color-stop(0.05,#30F09B), color-stop(0.95,#1DCC7F), color-stop(0.95,#345C4B), to(#345C4B));   */
	font-size:20px;	
	background-image:url(../mypage/img-common/ic_registry.png);
	background-position:left center;
	background-repeat:no-repeat;
	box-shadow:0 2px #345C4B;
	-webkit-box-shadow: 0 2px #345C4B;
	font-weight:bold;
	line-height:60px;
	color:#fff;
	clear:both;
}
.btn-registryS a{
	display:block;
	width:280px;
	margin:0 auto 30px auto;
	background-color:#11A84E;
	border-radius:70px;
	-moz-border-radius:70px;	
	/* Firefox3.6対応 */
	/*background-color: -moz-linear-gradient(top,#ADFFDB,#ADFFDB 5%,#30F09B 5%,#1DCC7F 95%,#1DCC7F 95%,#345C4B);  
	background-color: -webkit-gradient(linear, left top, left bottom, from(#ADFFDB), color-stop(0.05,#ADFFDB), color-stop(0.05,#30F09B), color-stop(0.95,#1DCC7F), color-stop(0.95,#345C4B), to(#345C4B));   */
	font-size:20px;
	text-align:center;
	box-shadow:0 2px #345C4B;
	-webkit-box-shadow:0 3px #345C4B;
	font-weight:bold;
	line-height:60px;
	color:#fff;
	clear:both;
}
.btn-registry a:hover, .btn-registryS a:hover{
	background-color:#008536;
	box-shadow:0 1px #345C4B;
	-webkit-box-shadow: 0 1px #345C4B;
	text-decoration:none;
}
.txthidden{
	display:none;
}

.btn-green a{
	display:block;
	padding:10px 15px 10px 30px;
	margin:15px 0 ;
	background-color:#11A84E;
	border-radius:70px;
	-moz-border-radius:70px;	/* Firefox3.6対応 */
	font-size:20px;
	font-weight:bold;
	color:#fff;
	clear:both;
	text-align:center;
}
.btn-green a:hover{
	background-color:#30f09b;
	text-shadow: 2px 2px 0 #1a6946;  
}
.spHidden{
	display:none;
}
.pcHidden{
		display:block;
	}

.line{
	display:block;
	width:100%;
	float:left;
	border-bottom:5px dotted #ccc;
	margin:5px 0 20px 0;
	clear:both;
}
.pointLogo{
	display:block;
	margin:0 auto 15px auto;
}
.listDisc, .listDecimal{
	display:block;
	margin-bottom:15px;
	clear:both;
}
.listDisc li{
	list-style-type:disc;
	margin-left:1.5em;
    margin-bottom:0.5em;
	list-style-position:outside;
}
.listDecimal li{
	list-style-type:decimal;
	margin-left:2em;
    margin-bottom:0.5em;
	list-style-position:outside;
}

ul.box3culmn {
    display:block;
	clear:both;
	float:left;
	margin:10px 0 20px 0;
}
ul.box3culmn li {
	display:table;
	float:left;
	background-color:#96D2E6;
	margin-bottom:10px;
	width:100%;
	min-height: 100px;
}
ul.box3culmn li.face3, ul.box3culmn li.face2, ul.box3culmn li.face1, ul.box3culmn li.face4, ul.box3culmn li.face5, ul.box3culmn li.face6, ul.box3culmn li.face7, ul.box3culmn li.face8, ul.box3culmn li.face9, ul.box3culmn li.face10{
	background-position:10px center;
	background-repeat:no-repeat;
	text-align:left;
	height:80px;
}
ul.box3culmn li.face3{
	background-image:url(../info/fb/img/face3.png);
}
ul.box3culmn li.face2{
	background-image:url(../info/fb/img/face2.png);
}
ul.box3culmn li.face1{
	background-image:url(../info/fb/img/face1.png);
}
ul.box3culmn li.face4{
	background-image:url(../info/fb/img/face4.png);
}
ul.box3culmn li.face5{
	background-image:url(../info/fb/img/face5.png);
}
ul.box3culmn li.face6{
	background-image:url(../info/fb/img/face6.png);
}
ul.box3culmn li.face7{
	background-image:url(../info/fb/img/face7.png);
}
ul.box3culmn li.face8{
	background-image:url(../info/fb/img/face8.png);
}
ul.box3culmn li.face9{
	background-image:url(../info/fb/img/face9.png);
}
ul.box3culmn li.face10{
	background-image:url(../info/fb/img/face10.png);
}
ul.box3culmn li p{
	display:table-cell;
	vertical-align:middle;
	padding:10px 10px 10px 100px;

}

iframe{
	border:0;
}

.listVoice{
	display:block;
	clear:both;
	padding:15px 0;
	min-height:60px;
}
.listVoice1,.listVoice2,.listVoice3{
	display:block;
	border:1px solid #ccc;
	background-position:10px 15px;
	background-repeat:no-repeat;
	padding:15px 15px 15px 100px;
	margin-bottom:10px;
    background-size: 80px;
}
.listVoice1{
	background-image:url(../info/fb/img/ic_man1.png);
}
.listVoice2{
	background-image:url(../info/fb/img/ic_man2.png);
}
.listVoice3{
	background-image:url(../info/fb/img/ic_man3.png);
}
.topimage{
	padding-bottom:15px;
	margin:0 -15px;
}


/* ▼footer */
.footer{
	border-top:1px solid #ccc;
	margin-bottom:50px;
	padding:20px;
	clear:both;
}

.footer-nav-list{
	display:block;
	font-size:14px;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
	text-align:left;
}
.footer-nav-list dt{
	line-height:3em;
}
.footer-nav-list dd{
	margin-bottom:0.5em;
}
.footer-nav-list dd:last-child{
	margin-bottom:20px
}

	
.footer-languages-link{
	display:block;
	float:left;
	background-image:url(../img-common/ic-language.png);
	background-position:left middle;
	background-repeat:no-repeat;
	padding-left:30px;
	height:22px;
	width:40%;
	font-size:12px;
}
.footer-credit{
	display:block;
	float:right;
	width:50%;
	text-align:right;
	font-size:12px;
	color:#999999;
}
/*戻るボタン*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 13px;
}
#page-top a {
    background: #000;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

	.bg_pattern {
	  z-index: -1;
	  padding-top: 30px;
	  padding-bottom: 20px;
	}
	.Diagonal {
		background: linear-gradient(#f3fff17a, 20%, #03A9F4);
			}
	.campaignWrap{
		display: block;
		background: #fff;
		border: 3px solid #FDD835;
		padding: 5px;
		border-radius: 5px;
	}
	.centerWrap h1 img{
		width: 100%;
	}
	.character-img{
		width: 50%;
	}
	.campaignWrap h2{
		display: block;
		background: #FDD835;
		color: #2f2f2f;
		margin: auto;
		text-align: center;
		padding: 5px;
		border-radius: 5px;

	}
	.campaignWrap h3{
		text-align: center;
		padding: 5px;
	}
	.campaignWrap .p-wrap{
		/*text-align: center;*/
		padding: 5px 5px 15px 5px;
	}
	hr{
		border:none;
		border-top:dashed 3px #eee;
		height:1px;
		color:#FFFFFF;
	}
	.btn-red a{
		display:block;
		padding:0 15px;
		margin:30px auto;
		background-color:#dd2526;
		border-radius:70px;
		border: 5px solid #fff;
		text-align: center;
		-moz-border-radius:70px;	
		font-size:18px;	
		box-shadow:0 2px #345C4B;
		-webkit-box-shadow: 0 2px #345C4B;
		font-weight:bold;
		line-height:60px;
		color:#fff;
		clear:both;
	}
   .mt_div{
	   margin-bottom: 40px;
	   text-align: center;
	   background-image: url(../info/lp/img/kirakira_bg.png);
	   position: relative;
	   background-size: 100% auto;
   }

@media screen and (min-width:750px){
/* 750px以上 */

	/* ▼header */
	.header{
		display:block;
		/*width:960px;
		height:42px;*/
		margin:0 auto;
	}

	.spNone{
		display:inline;
	}
	.spHidden{
		display:block;
	}
	.pcHidden{
		display:none;
	}


	/*　▼本体　*/

	.mainWrap{
		max-width:960px;
		margin:auto;
	}
	.pcWidth{
		padding:0 30px;
	}
	.txthidden{
		display:inherit;
		float:left;
	}
	.pointLogo{
		margin:0 0 5px 5px;
		float:right;
		width:178px;
	}
	
	.bg_pattern {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.centerWrap h1 img{
		width: 70%;
	}
		.character-img{
		width: 35%;
	}
		.sp-show{
	   display: none;
   }

	ul.box3culmn {
		table-layout:fixed;
		width:100%;
		margin:10px 0 30px 0;
	}
	ul.box3culmn li {
		display:table-cell;
		float:none;
		vertical-align:middle;
		border-left:10px solid white;
		width:33%;
	}
	ul.box3culmn li:first-child {
		border:none;
	}

	.footer-nav-list{
		width:32%;
		display:blook;
		float:left;
		border-bottom:none;
		margin-right:1%;
		line-height:1.35em;
	}
}