@charset "UTF-8";
/*　共通　*/
figure {
	margin: auto;
}

img {
	vertical-align: top;
}

#gHeader {
	box-shadow: none;
}

#conts {
	color: #594A3F;
}

#conts .inner {
	margin: 0;
	padding: 0;
}

#conts .ttl01 {
	margin-bottom: 20px;
	padding: 1px 0;
	border-top: 2px solid #EB6969;
	border-bottom: 2px solid #EB6969;
	font-size: 16px;
}

#conts .ttl01 .inner {
	padding: 9px 0 9px 20px;
	background: url(/sp/img/appli/cal3/icon/icon_check.png) no-repeat 0 18px;
	-webkit-background-size: 14px 11px;
	        background-size: 14px 11px;
	border-top: 1px solid #EB6969;
	border-bottom: 1px solid #EB6969;
	display: block;
}

#conts .ttl01 .color {
	color: #EB6C6C;
	font-size: 20px;
}

#conts .warning {
	color: #F51818;
}

#conts .downloadBtn {
	margin: auto;
	width: 250px;
}

#conts .downloadBtn a {
	padding: 16px 0;
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ff9900),
		to(#ea7100));
	border: 1px solid #FD9500;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	display: block;
	-webkit-box-shadow:
		0px 2px 3px rgba(0,0,0,0.4);
	box-shadow:
		0px 2px 3px rgba(0,0,0,0.4);
	text-align: center;
	line-height: 1;
}


.iphone #conts .downloadBtn a.android,
.iphone #conts .newDlBtn a.android {
	display: none;
}

.android #conts .downloadBtn a.iphone,
.android #conts .newDlBtn a.iphone {
	display: none;
}

#conts .appBox {
	background: #FFF;
	border: 3px solid #EB6969;
}

#conts .appBox .good {
	height: 55px;
	background: #EB6969;
	position: relative;
	text-align: center;
}

#conts .appBox .good li {
	margin: 0 3px;
	display: inline;
}

#conts .appBox .good li img {
	margin-top: -15px;
}

#conts .appBox .app {
	margin: auto;
	padding: 15px 0;
	width: 230px;
}

#conts .appBox .app .image,
#conts .appBox .app p {
	display: table-cell;
	vertical-align: middle;
}

#conts .appBox .app .image {
	padding-right: 10px;
}

#conts .appBox .app p {
	font-size: 21px;
	font-weight: bold;
	line-height: 1.3;
}

#conts .appBox .downloadBtn {
	margin-bottom: 15px;
}

#conts .nscaleBox {
	margin: 0 -20px;
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#fcf5e3),
		color-stop(0.25, #fdf9ee),
		to(#ffffff));
}

#conts .nscaleBox .comment {
	margin: -20px auto 15px;
	padding: 9px 0 7px;
	width: 260px;
	background: #EB6969;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	-webkit-box-shadow:
		0px 1px 1px rgba(0,0,0,0.1);
	box-shadow:
		0px 1px 1px rgba(0,0,0,0.1);
	position: relative;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#conts .nscaleBox .comment:after {
	margin-left: -7px;
	width: 14px;
	height: 12px;
	position: absolute;
	background: url(/sp/img/appli/cal3/balloon_bg05.png) no-repeat;
	-webkit-background-size: 14px 12px;
	        background-size: 14px 12px;
	position: absolute;
	bottom: -12px;
	left: 50%;
	content: "";
}

#conts .nscaleBox .catch {
	margin-bottom: 5px;
	color: #59463E;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}

#conts .nscaleBox .name {
	margin-bottom: 30px;
	text-align: center;
}

/*　共通　*/

#conts .nscale h2 {
	margin-bottom: 0;
	padding: 7px 0 6px;
	background: #EB6969;
	border-bottom: none;
	line-height: 1;
}

#conts .about {
	padding: 13px 13px 25px;
	position: relative;
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#e3e993),
		color-stop(0.50, #fcf5e3),
		to(#fcf5e3));
}

#conts .about:before {
	width: 100%;
	height: 10px;
	background: url(/sp/img/appli/cal3/bg02.png) repeat-x;
	-webkit-background-size: 1px 10px;
	        background-size: 1px 10px;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
}

#conts .about:after {
	margin-left: -50px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 21px 50px 0 50px;
	border-color: #eb6969 transparent transparent transparent;
	position: absolute;
	bottom: -21px;
	left: 50%;
	content: "";
}

#conts .about .ttl {
	margin-bottom: 5px;
	text-align: center;
}

#conts .about .checkList {
	margin-bottom: 15px;
	padding: 15px;
	background: #FFF;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	-webkit-box-shadow:
		0px 4px 4px rgba(0,0,0,0.1);
	box-shadow:
		0px 4px 4px rgba(0,0,0,0.1);
	position: relative;
}

.landscape #conts .about .checkList {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0 auto 15px;
	width: 360px;
}

#conts .about .checkList:after {
	width: 70px;
	height: 115px;
	background: url(/sp/img/appli/cal3/img01.png) no-repeat;
	-webkit-background-size: 70px 115px;
	        background-size: 70px 115px;
	position: absolute;
	top: -6px;
	right: -6px;
	content: "";
}

#conts .about .checkList li {
	margin-bottom: 2px;
	padding: 0 0 3px 18px;
	background: url(/sp/img/appli/cal3/border01.png) repeat-x left bottom;
	-webkit-background-size: 261px 2px;
	        background-size: 261px 2px;
	position: relative;
	font-size: 12px;
}

#conts .about .checkList li:before {
	width: 14px;
	height: 11px;
	background: url(/sp/img/appli/cal3/icon/icon_check.png) no-repeat;
	-webkit-background-size: 14px 11px;
	     -o-background-size: 14px 11px;
	        background-size: 14px 11px;
	position: absolute;
	top: 5px;
	left: 0;
	content: "";
}

#conts .about .checkList li:last-child {
	margin-bottom: 0;
}

#conts .about .checkList li span {
	color: #EB6C6C;
	font-size: 15px;
	font-weight: bold;
}

#conts .about .app {
	margin: 0 auto 10px;
	padding: 0 20px;
	width: 250px;
}

#conts .about .app .image,
#conts .about .app p {
	display: table-cell;
	vertical-align: middle;
}

#conts .about .app .image {
	padding-right: 10px;
}

#conts .about .app p {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2;
}

#conts .operation {
	padding: 32px 15px 35px;
	position: relative;
}

#conts .operation:before {
	width: 100%;
	height: 5px;
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#6e5944),
		to(#ffffff));
	position: absolute;
	bottom: -5px;
	left: 0;
	content: "";
	opacity: 0.1;
}

#conts .operation:after {
	margin-left: -50px;
	width: 101px;
	height: 25px;
	background: url(/sp/img/appli/cal3/arrow.png) no-repeat;
	-webkit-background-size: 101px 25px;
	        background-size: 101px 25px;
	position: absolute;
	bottom: -24px;
	left: 50%;
	content: "";
}

#conts .operation > .ttl {
	margin: 0 -10px 10px;
	color: #EB6969;
	font-size: 17px;
	text-align: center;
}

#conts .operation .comment {
	margin: auto;
	width: 290px;
}

#conts .operation .comment p {
	margin: 0 0 15px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 178px;
	padding: 12px 5px 12px 15px;
	background: #FCF5E3;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	-webkit-box-shadow:
		1px 1px 3px rgba(0,0,0,0.2);
	box-shadow:
		1px 1px 3px rgba(0,0,0,0.2);
	position: relative;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: -0.5px;
}

#conts .operation .comment p:before {
	margin-top: -9px;
	width: 16px;
	height: 18px;
	background: url(/sp/img/appli/cal3/balloon_bg03.png) no-repeat;
	-webkit-background-size: 16px 18px;
	     -o-background-size: 16px 18px;
	        background-size: 16px 18px;
	position: absolute;
	top: 50%;	
	right: -15px;
	content: "";
}

#conts .operation .comment p:after {
	width: 97px;
	height: 101px;
	background: url(/sp/img/appli/cal3/img03.png) no-repeat;
	-webkit-background-size: 97px 101px;
	        background-size: 97px 101px;
	position: absolute;
	top: -2px;	
	right: -104px;
	content: "";
}

#conts .operation .detail {
	position: relative;
}

#conts .operation .detail .ttl01 {
	letter-spacing: -0.8px;
}

#conts .operation .detail01 {
	margin-bottom: 35px;
}

#conts .operation .detail02 {
	margin-bottom: 90px;
}

#conts .operation .detail03 {
	margin-bottom: 100px;
}

#conts .operation .detail04 {
	margin-bottom: 130px;
}

#conts .operation .detail .image,
#conts .operation .detail .txt {
	display: table-cell;
	vertical-align: top;
}

#conts .operation .detail .image {
	padding-right: 20px;
	width: 108px;
	color: #EB6666;
	font-size: 12px;
}

#conts .operation .detail figcaption {
	margin-top: 5px;
}

#conts .operation .detail .txt {
	color: #666;
	font-size: 13px;
	line-height: 1.5;
}

#conts .operation .detail .txt .ttl {
	margin-bottom: 5px;
}

@media (min-width: 375px) {
	#conts .operation .detail.detail03 {
		margin-bottom: 130px;
	}
	#conts .operation .detail.detail04 {
		margin-bottom: 132px;
	}
	#conts .operation .detail .txt {
		line-height: 1.7;
	}
}

#conts .operation .detail .magnify {
	position: absolute;
}

#conts .operation .detail .magnify01 {
	top: 216px;
}

#conts .operation .detail .magnify02 {
	top: 206px;
}

#conts .operation .detail .magnify03 {
	top: 183px;
}

#conts .operation .detail.share {
	margin-bottom: 25px;
}

#conts .operation .detail.share .image,
#conts .operation .detail.share .txt {
	display: block;
}

#conts .operation .detail.share .image {
	margin-bottom: 10px;
	float: left;
}

#conts .operation .function {  
	padding: 20px;
	border: 3px solid #FCF5E3;
	position: relative;
}

.landscape #conts .operation .function {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: auto; 
	width: 450px;
}

#conts .operation .function .more {
	position: absolute;
	top: -15px;
	left: -4px;
}

#conts .operation .function li {
	margin: 0 -15px 13px;
	padding-bottom: 12px;
	position: relative;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

#conts .operation .function li:after {
	margin-left: -120px;
	width: 241px;
	height: 2px;
	background: url(/sp/img/appli/cal3/border02.png) repeat-x left bottom;
	-webkit-background-size: 242px 2px;
	        background-size: 242px 2px;
	position: absolute;
	bottom: 0;
	left: 50%;
	content: "";
}

#conts .operation .function li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}

#conts .operation .function li:last-child:after {
	display: none;
}

#conts .operation .function li .color {
	padding: 0 22px;
	display: inline-block;
	position: relative;
	color: #EB6A6A;
	font-size: 19px;
	line-height: 1.3;
}

#conts .operation .function li .color:before,
#conts .operation .function li .color:after {
	width: 18px;
	height: 20px;
	background: url(/sp/img/appli/cal3/icon/icon_light.png) no-repeat left;
	-webkit-background-size: 18px 20px;
	        background-size: 18px 20px;
	position: absolute;
	bottom: 2px;
	content: "";
}

#conts .operation .function li .color:before {
	left: 0;
}

#conts .operation .function li .color:after {
	right: 0;
}

/*#conts .operation .function li:last-child .color:before {
	left: -10px;
}

#conts .operation .function li:last-child .color:after {
	right: -10px;
}*/

#conts .review {
	padding: 35px 15px 30px;
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#fcf5e3),
		to(#ffffff));
}

#conts .review .ttl {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 2px dotted #EB6969;
	color: #594B3F;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}

#conts .review .ttl .num {
	color: #EB6A6A;	
	font-size: 28px;
}

#conts .review .ttl .rank {
	color: #EB6A6A;	
	font-size: 19px;
}

#conts .review .ttl .notes {
	color: #EB6A6A;	
	font-size: 15px;
}

#conts .review .ttl .store {
	font-size: 19px;
}

#conts .review .ttl .star {
	color: #F90;
	font-size: 27px;
}

#conts .review .detail {
	margin-bottom: 10px;
	width: 100%;
	display: table;
}

#conts .review .detail .image,
#conts .review .detail p {
	display: table-cell;
	vertical-align: top;
}

#conts .review .detail .image {
	width: 45px;
}

#conts .review .detail p {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 10px 6px 10px 10px;
	background: #E3E993;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	position: relative;
	font-size: 12px;
	line-height: 1.6;
}

#conts .review .detail p:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 6px 3px 0;
	border-color: transparent #e3e993 transparent transparent;
	position: absolute;
	top: 16px;
	left: -6px;
	content: "";
}

#conts .review .catch {
	margin: 25px -10px 30px;
	color: #EB6666;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#conts .develop {
	padding: 0 15px 45px;
}

#conts .develop .ttl {
	margin: 0 -10px 5px;
	font-size: 25px;
	text-align: center;
}

#conts .develop .ttl .min {
	margin-bottom: 5px;
	display: block;
	font-size: 13px;
}

#conts .develop .ttl .color {
	color: #EB6A6A;
	font-size: 30px;
}

#conts .develop .leadTxt {
	margin-bottom: 100px;
	color: #666;
	font-size: 13px;
}

#conts .develop .easy {
	margin: 0 -15px;
	padding-top: 25px;
	background: #E3E993;
	position: relative;
}

#conts .develop .easy:before {
	width: 100%;
	height: 10px;
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#6e5944),
		to(#ffffff));
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	opacity: 0.1;
}

#conts .develop .easy h4 {
	margin-bottom: 15px;
	font-size: 16px;
	text-align: center;
	position: relative;
	letter-spacing: -0.5px;
}

#conts .develop .easy h4 .balloon {
	margin-left: -67px;
	padding: 10px 0 24px;
	width: 134px;
	background: url(/sp/img/appli/cal3/balloon05.png) no-repeat left;
	-webkit-background-size: 134px 78px;
	        background-size: 134px 78px;
	display: block;
	position: absolute;
	top: -82px;
	left: 50%;
	color: #FFF;
	font-size: 11px;
	line-height: 1.2;
	letter-spacing: 0;
}

#conts .develop .easy h4 .balloon span {
	display: block;
	font-size: 15px;
}

#conts .develop .easy h4 .color {
	color: #EB6868;
	font-size: 17px;
	font-weight: bold;
}

#conts .develop .easy .image {
	text-align: center;
}

#conts .develop .easy .inner {
	padding: 20px 30px;
	background: url(/sp/img/appli/cal3/bg.png) no-repeat top center #FFF;
	-webkit-background-size: 105% 149px;
	        background-size: 105% 149px;
	font-size: 13px;
}

#conts .develop .easy .inner p {
	margin-top: 15px;
	color: #666;
	font-size: 13px;
}

#conts .develop .easy .inner p:first-child {
	margin-top: 0;
}

#conts .develop .easy .inner p span {
	margin: 5px 0;
	display: block;
	font-weight: bold;
}

#conts .develop .easy .inner p .color {
	color: #EB6666;
	display: inline;
}

#conts .develop .easy .feature {
	padding-bottom: 30px;
	background: #FFF;
	color: #666;
	font-size: 13px;
}

#conts .develop .easy .feature:last-child {
	padding-bottom: 70px;
}

#conts .develop .easy .feature .ttl {
	margin: 0 auto 20px;
	padding: 10px;
	width: 260px;
	background: #FBEFD2;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	display: block;
	position: relative;
	-webkit-box-shadow:
		1px 1px 3px rgba(0,0,0,0.1);
	box-shadow:
		1px 1px 3px rgba(0,0,0,0.1);
	color: #EB6666;
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
}

#conts .develop .easy .feature .ttl:after {
	margin-left: -7px;
	width: 14px;
	height: 11px;
	background: url(/sp/img/appli/cal3/balloon_bg04.png) no-repeat top center #FFF;
	-webkit-background-size: 14px 11px;
	        background-size: 14px 11px;
	position: absolute;
	bottom: -11px;
	left: 50%;
	content: "";
}

#conts .develop .easy .feature p {
	margin-top: 25px;
	padding: 0 20px;
	line-height: 1.6;
}

#conts .develop .easy .feature p .color {
	color: #EB6666;
	font-weight: bold;
}

#conts .develop .nscaleBox {
	margin: 0 -15px;
}

#conts .develop .appBox {
	margin: 0 15px;
}

#conts .use .ttl {
	margin: 0 -15px 20px;
	padding: 22px 0 10px;
	background: #FCF5E3;
	border-top: 2px solid #EE8282;
	position: relative;
	font-size: 18px;
	text-align: center;
}

#conts .use .ttl:before {
	width: 100%;
	height: 2px;
	border-top: 1px dotted #EE8282;
	position: absolute;
	left: 0;
	top: 2px;
	content: "";	
}

#conts .use .ttl:after {
	width: 100%;
	height: 3px;
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#000),
		to(#fff));
	position: absolute;
	left: 0;
	bottom: -3px;
	content: "";
	opacity: 0.1;
}
	
#conts .use .ttl .en {
	margin-left: -62px;
	padding: 4px 0 3px;
	width: 125px;
	background: #EB6969;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	-webkit-box-shadow:
		1px 1px 3px rgba(0,0,0,0.1);
	box-shadow:
		1px 1px 3px rgba(0,0,0,0.1);
	position: absolute;
	top: -10px;
	left: 50%;
	color: #FFF;
	text-align: center;
	font-size: 12px;
}

#conts .use {
	padding: 0 15px 35px;
}

#conts .use .ttl01 {
	font-style: normal;
	font-size: 16px;
	text-align: center;	
	line-height: 1.4;	
}

#conts .use .ttl01 .inner {
	padding-left: 0;
	background: none;
	color: #594B3F;
	font-weight: normal;
}

#conts .use .ttl01 .inner .color {
	font-weight: bold;
	font-size: 18px;
}

#conts .use .numR,
#conts .use .numL {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0 auto 10px;
	width: 48px;
	height: 42px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

#conts .use .numR {
	padding: 5px 0 5px 7px;	
	background: url(/sp/img/appli/cal3/balloon_bg01.png) no-repeat top center #FFF;
	-webkit-background-size: 48px 42px;
	        background-size: 48px 42px;
}

#conts .use .numL {
	padding: 5px 7px 5px 0;	
	background: url(/sp/img/appli/cal3/balloon_bg02.png) no-repeat top center #FFF;
	-webkit-background-size: 48px 42px;
	        background-size: 48px 42px;
}

#conts .use .imgR,
#conts .use .imgL,
#conts .use .txt {
	display: table-cell;
	vertical-align: top;
}

#conts .use .imgR,
#conts .use .imgL {
	width: 130px;
}

#conts .use .imgL {
	padding-right: 15px;
}

#conts .use .imgR {
	padding-left: 15px;
}

#conts .use .txt p {
	color: #59463E;
	font-size: 14px;
	line-height: 1.6;	
}

#conts .use div.inner {
	margin: 0 auto 20px;
	width: 260px;
}

#conts .use div.inner:last-child {
	margin-bottom: 40px;
}

#conts .use .private div.inner:last-child {
	margin-bottom: 20px;
}

#conts .use .stamp {
	margin-bottom: 50px;
	padding: 15px;
	background: #FEF4F4;
}

.landscape #conts .use .stamp {
	margin: 0 auto 50px;
	width: 300px;
}

#conts .use .stamp p,
#conts .use .stamp .image {
	display: table-cell;
	vertical-align: top;
}

#conts .use .stamp p {
	font-size: 12px;
	line-height: 1.6;
}

#conts .use .stamp .image {
	padding-left: 10px;
}

#conts .use .nscaleBox {
	margin: 0 -15px;
	padding-top: 20px;
}

#conts .use .nscaleBox .comment {
	margin-top: -40px;
}

#conts .use .appBox {
	margin: 0 15px;
}

#conts .question .ttl02 {
	position: relative;
}

#conts .question .ttl02:before {
	width: 100%;
	height: 3px;
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#000),
		to(#fff));
	position: absolute;
	left: 0;
	bottom: -3px;
	content: "";
	z-index: 1;
	opacity: 0.1;
}

#conts .question .ttl02 .inner {
	padding: 15px 0;
	background: #EB6969;
	display: block;
	position: relative;
	color: #FFF;
	font-size: 20px;
	text-align: center;
}

#conts .question .ttl02 .inner:before,
#conts .question .ttl02 .inner:after {
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	content: "";
}

#conts .question .ttl02 .inner:before {
	background: #FFF;
	top: 2px;
}

#conts .question .ttl02 .inner:after {
	border-bottom: 1px dotted #FFF;
	bottom: 2px;
}

#conts .question {
	color: #59463E;
	font-size: 13px;
}

#conts .question .question {
	padding: 12px 45px;
	background: #EFEFEF url(/sp/img/appli/cal3/icon/icon_question.png) no-repeat 15px 12px;
	-webkit-background-size: 20px 20px;
	        background-size: 20px 20px;
	border-bottom: 1px solid #CCC;
	position: relative;
	font-weight: bold;
}

#conts .question .question:after {
	margin-top: -6px;
	width: 18px;
	height: 12px;
	background: url(/sp/img/appli/cal3/icon/icon_open.png) no-repeat top center;
	-webkit-background-size: 18px 12px;
	        background-size: 18px 12px;
	position: absolute;
	top: 50%;
	right: 15px;
	content: "";
}

#conts .question .question.open:after {
	background: url(/sp/img/appli/cal3/icon/icon_close.png) no-repeat top center;
	-webkit-background-size: 18px 12px;
	        background-size: 18px 12px;
}

#conts .question .answer {
	padding: 12px 12px 12px 45px;
	background: url(/sp/img/appli/cal3/icon/icon_answer.png) no-repeat 15px 12px;
	-webkit-background-size: 20px 20px;
	        background-size: 20px 20px;
	border-bottom: 1px solid #CCC;
	display: none;
}

/* フッター周り */
#conts .opinion,
#conts .monitor,
#conts #kokushi,
#conts #appli,
#conts #facebook,
#conts #menu {
	display: none;
}

#conts .pageTop {
	background: #EC7272;
}

.pageTopOuter {
	background: #FFF;
	border-bottom: 1px solid #EB6969;
}

#conts .pageTop a {
	color: #FFF;
}

#conts .pageTop:before {
	margin-left: -9px;
	width: 18px;
	height: 7px;
	background: url(/sp/img/appli/cal3/icon/icon_pagetop.png) no-repeat;
	-webkit-background-size: 18px 7px;
	        background-size: 18px 7px;
	background-position: 0 0!important; 
	-webkit-transform: none!important; 
	transform: none!important; 
	top: 20px;
}

/*追加LP*/
body.graPage #gHeader {
	height: 27px;
	background: #FCF5E3;
}

body.graPage #gHeader h1 {
	padding: 3px 14px 2px 0;
	float: right;
	line-height: 0;
}

body.graPage #gHeader h1 a {
	width: 72px;
    height: 21px;
	background: url(/sp/img/appli/cal4/logo.png) no-repeat;
    -webkit-background-size: 72px 21px;
    background-size: 72px 21px;
}

#conts .newDlBtn {
	margin-bottom: 15px;
	text-align: center;
}

body.graPage #gHeader #drawrMenuToggle {
	display: none!important;
}

body.graPage #container {
	padding-top: 27px;
}

#conts .nscaleFLow .ttlArea {
	padding: 4px 0 10px;
	background: #E4E995;
}

#conts .nscaleFLow .ttlArea h2 {
	margin: 0 auto 2px;
	padding: 0;
	background: none;
	border-bottom: none;
	line-height: 1;
}

#conts .nscaleFLow .ttlArea .lotteryBox {
	margin: 0 15px 18px;
	padding: 9px 10px;
	background: #FCF5E3;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
}

#conts .nscaleFLow .ttlArea .lotteryBox .messe {
	font-size: 17px;
	font-weight: bold;
	color: #594A3F;
	text-align: center;
	line-height: 1.2;
}

#conts .nscaleFLow .ttlArea .lotteryBox .messe .red {
	font-size: 20px;
	color: #EB6666;
}

#conts .nscaleFLow .ttlArea .lotteryBox .img {
	margin-right: 14px;
	float: left;
}

#conts .nscaleFLow .ttlArea .lotteryBox p {
	color: #333;
	font-size: 10px;
	overflow: hidden;
}

#conts .nscaleFLow .ttlArea .lotteryBox p.ttlLv01 {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #EB6666;
	line-height: 1.2;
}

#conts .nscaleFLow .ttlArea .anchorBtn{
	text-align: center;
}


#conts .aboutBox {
    background: #FCF5E3;
}

#conts .aboutBox h3 {
    background: #EB6767;
    color: #FFF;
    font-size: 14px;
    text-align: center;
}

#conts .aboutBox .aboutInner {
	height: 92px;
	position: relative;
}

#conts .aboutBox .aboutInner .img {
	position: absolute;
	left: 2px;
	bottom: 0;
}

#conts .aboutBox .aboutInner p {
	padding: 8px 0 0 71px;
	color: #333;
	font-size: 12px;
	line-height: 1.4;
}

#conts .aboutBox .aboutInner p .red {
	color: #EB6666;
	font-size: 15px;
	font-weight: bold;
}

#conts .aboutBox .aboutInner p a {
	display: inline-block;
	color: #006699;
}

#conts .application {
	position: relative;
}

#conts .application .acrBox {
	width: 100%;
	height: 0;
	position: absolute;
	top: -27px;
	left: 0;
}

#conts .application h3 {
	margin-bottom: 15px;
	padding: 6px 0 11px;
	background: #594A3F url(/sp/img/appli/cal4/dotted01.png) repeat-x left bottom;
	-webkit-background-size: 7px 4px;
	        background-size: 7px 4px;
	color: #FFF;
	font-size: 17px;
	text-align: center;
}

#conts .application h3 > .waveLine {
	display: block;
	margin-bottom: 8px;
	padding: 0 0 10px;
	background: #594A3F url(/sp/img/appli/cal4/line01.png) no-repeat center bottom;
	-webkit-background-size: 247px 7px;
	        background-size: 247px 7px;
	color: #FFC1C0;
	font-size: 14px;
}

#conts .application h3 .waveLine > span {
	font-size: 16px;
}

#conts .application .pinkBox {
	margin: 0 15px 15px;
	padding: 15px;
	border: 1px solid #EB6767;
	background: #FCF5E3;
	color: #EB6767;
	font-size: 14px;
	font-weight: bold;
}

#conts .application .stepBox {
	margin: 0 15px;
	background: url(/sp/img/appli/cal4/line02.png) repeat-y 14px top;
	-webkit-background-size: 2px 1px;
	        background-size: 2px 1px;
}

#conts .application .inBox {
	margin: 0 0;
}

#conts .application .inBox h4 {
	margin-bottom: 10px;
	padding: 12px;
	background: #594A3F;
	color: #FFF;
	font-size: 16px;
	position: relative;
}

#conts .application .inBox h4:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top: 9px solid #594A3F;
	position: absolute;
	left: 9px;
	bottom: -14px;
}

#conts .application .inBox h4 span {
	color: #FFC1C0;
}

#conts .application .inBox .arrow {
	margin: 0 15px 5px 12px;
	padding-bottom: 24px;
	background: url(/sp/img/appli/cal4/arrow.png) no-repeat center bottom;
	-webkit-background-size: 19px 19px;
	        background-size: 19px 19px;
}

#conts .application .inBox .arrow.last {
	margin: 0 15px 0 12px;
	padding-bottom: 25px;
	background-image: none;
	background-color: #FFF;
}

#conts .application .inBox .arrow > h5 {
	padding: 0 0 0 18px;
	background: url(/sp/img/appli/cal4/point01.png) no-repeat 0 11px;
	-webkit-background-size: 16px 5px;
	        background-size: 16px 5px;
	overflow: hidden;
	color: #EB6767;
	font-size: 16px;
}

#conts .application .inBox .arrow.last > h5 {
	background: url(/sp/img/appli/cal4/point02.png) no-repeat 1px 0;
	-webkit-background-size: 16px 15px;
	        background-size: 16px 15px;
}


#conts .application .inBox .arrow > p {
	margin: 0 0 0 18px;
	overflow: hidden;
	font-size: 13px;
}

#conts .application .inBox .arrow .bnBox {
	margin: 4px 0 0 18px;
	text-align: center;
}

#conts .application .inBox .arrow .bnBox p {
	margin-bottom: 5px;
	color: #59463E;
	font-size: 12px;
	font-weight: bold;
}

#conts .application .inBox .arrow .bnBox p.arrowTxt {
	margin-bottom: 6px;
	padding: 7px 0 6px;
	background: #FCF5E3;
	color: #59463E;
	font-size: 12px;
	font-weight: bold;
	position: relative;
}

#conts .application .inBox .arrow .bnBox p.arrowTxt:before {
	content: "";
	display: block;
	margin-left: -9px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 6px solid #FCF5E3;
	position: absolute;
	left: 50%;
	bottom: -11px;
}

#conts .application .inBox .arrow .bnBox a.toForm {
	padding: 20px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee8282+0,e34d4b+50,df3a35+51,dc2723+100 */
	background: #ee8282; /* Old browsers */
	background: -moz-linear-gradient(top,  #ee8282 0%, #e34d4b 50%, #df3a35 51%, #dc2723 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ee8282 0%,#e34d4b 50%,#df3a35 51%,#dc2723 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ee8282 0%,#e34d4b 50%,#df3a35 51%,#dc2723 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee8282', endColorstr='#dc2723',GradientType=0 ); /* IE6-9 */

	border: 1px solid #E24C49;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	display: block;
	-webkit-box-shadow:
		0px 2px 3px rgba(0,0,0,0.4);
	box-shadow:
		0px 2px 3px rgba(0,0,0,0.4);
	text-align: center;
	line-height: 1;
}

.iphone #conts .application .inBox .arrow .bnBox a.android {
	display: none;
}

.android #conts .application .inBox .arrow .bnBox a.iphone {
	display: none;
}

#conts .application .inBox .arrow .bnBox p.date {
	margin-top: 5px;
	color: #EB6868;
	font-size: 14px;
}

#conts .application .inBox .arrow .bnBox p.date span {
	font-size: 16px;
}

#conts .application .inBox .arrow .thumb {
	margin: 0 0 0 15px;
	float: right;
}

.iphone #conts .application .inBox .arrow .thumb.android {
	display: none;
}

.android #conts .application .inBox .arrow .thumb.iphone {
	display: none;
}


#conts .application .inBox p.note {
	margin: 0 0 0 0;
	padding-bottom: 25px;
	background-color: #FFF;
	color: #666;
	font-size: 12px;
}


/*ログイン時*/
#Appli-gra #gHeader .point {
	display: none;
}

/*フォーム*/

body.form #container {
	padding-top: 27px;
}


body.form #gHeader {
	height: 27px;
	background: #FCF5E3;
}

body.form #gHeader h1 {
	padding: 3px 14px 2px 0;
	float: right;
	line-height: 0;
}

body.form #gHeader h1 a {
	width: 72px;
    height: 21px;
	background: url(/sp/img/appli/cal4/logo.png) no-repeat;
    -webkit-background-size: 72px 21px;
    background-size: 72px 21px;
}

body.form,
body.form #conts,
body.form #gFooter .copyRight {
	background: #E4E995;
	font-size: 12px;
}

body.form .formBox {
	margin: 0 10px;
	padding: 15px;
	background: #FCF5E3;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
}

body.form .form_index,
body.form .form_thanks {
	padding-top: 20px;
}

body.form .form_index > p,
body.form .form_thanks > p {
	margin: 0 10px 10px;
	color: #333;
	font-size: 14px;
}

body.form .form_index > p.endCan {
	color: #EB6666;
	font-weight: bold;
}

body.form .form_thanks > p {
	margin-bottom: 15px;
	text-align: center;
}

body.form .form_index > p:last-child,
body.form .form_thanks > p:last-child {
	margin-bottom: 0;
}

body.form .form_index > p.toPagetop,
body.form .form_thanks > p.toPagetop {
	text-align: center;
}

body.form .form_thanks .formBox {
	margin-bottom: 15px;
}

body.form .formBox dl {
	margin-bottom: 15px;
}

body.form .form_thanks .formBox dl {
	margin-bottom: 20px;
}

body.form .formBox dl dt {
	margin-bottom: 10px;
	color: #663300;
	font-size: 16px;
	line-height: 1.2;
}

body.form .formBox dl dd div {
	margin-bottom: 10px;
	color: #333;
	font-size: 16px;
	border-bottom: thin dashed #594A3F;
}

body.form .form_thanks .formBox dl dt {
	margin-bottom: 2px;
	font-size: 13px;
}

body.form .form_thanks .formBox p {
	padding-top: 10px;
	border-top: 1px solid #594A3F;
}

body.form .form_thanks .formBox p span {
	font-size: 13px;
	font-weight: bold;
}

body.form .formBox dl dt .required {
	color: #EB6666;
}

body.form .formBox dl dt .note {
	color: #333;
	font-size: 13px;
}

body.form .formBox dl dd {
	margin-bottom: 15px;
}

body.form .formBox dl dd:last-child {
	margin-bottom: 0;
}

body.form .formBox dl dd input,
body.form .formBox dl dd select {
	padding: 3px;
	height: 25px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 14px;
	-webkit-box-shadow: 0px 2px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: 0px 2px rgba(255, 255, 255, 0.3);
	box-shadow: 0px 2px rgba(255, 255, 255, 0.3);
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

body.form .formBox dl dd input {
	width: 100%;
}

body.form .formBox dl dd input#fZip {
	width: 130px;
}

body.form .formBox dl dd select {
	width: 213px;
}

body.form .formBox ul.submit li {
	text-align: center;
}

body.form .formBox ul.campaign_submit li {
	text-align: center;
	margin: 15px auto;
}

body.form .form_thanks ul.snsBtn {
	margin: 0 10px 20px;
	text-align: right;
}

body.form .form_thanks ul.snsBtn li {
	display: inline-block;
	line-height: 0;
	vertical-align: top;
}

#Appli-book .formClose {
	display: none;
}

#Appli-book .endCan {
	text-align: center;
}
#Appli-book .toPagetop {
	margin-bottom: 0;
}