body.keeperweb {
	background-image: url('sozai/main-bg01.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/* for iphone safari */
	-webkit-text-size-adjust: 100%;
}

div {
	font-family: "Hiragino Maru Gothic W4 JIS2004", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333333;
	font-weight: 500;
	font-size: 1.1rem;
}

.m-outer-frame {
	max-width: 94%;
	text-align:left;
	background-color: #F2F2F2;
}

.p-outer-frame {
	padding: 0px 10px 0px 10px;
}

.p-inner-frame {
	width: 60%;
}

.right-siteimg {
	float:right;
	padding-bottom: 10px;
}

.p-title-frame {
	padding-right: 50px;
}

.base-border {
	background-color: #4A452A;
	line-height: 4px;
	height: 4px;
}

.top-border {
	background-color: #007F72;
	line-height: 40px;
	height: 40px;
	color: #FFEFEF;
	width: 100%;
	margin-top: 0px;
}

.subtitle-text {
	font-size: 1.4em;
	position: relative;
	padding-bottom: .25em;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
}

.subtitle-text::after {
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 30%;
	height: 3px;
	background-color: #333;
}

.base-exp-text {
	width:   100%;
	z-index: 2;
	line-height: 2.0rem;
}

.lg-button {
    width: 18em;
    font-size: 1.4em;
    font-weight: bold;
    text-decoration: none;
    display: inline;
    text-align:center;
    padding: 18px 4px 20px 4px;
    color:#fff;
    border-radius: 5px;
    box-shadow: 0px 2px #999;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cb60b3+0,c146a1+50,a80077+51,db36a4+100;Pink+Gloss */
	background: #cb60b3; /* Old browsers */
	background: -moz-linear-gradient(top, #cb60b3 0%, #c146a1 50%, #a80077 51%, #db36a4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#db36a4',GradientType=0 ); /* IE6-9 */
}

.exp-comment-text {
	float: left;
	width:   100%;
	z-index: 2;
	font-weight: 600;
}

.app-shift-img {
	width: 160px;
}

@media screen and (min-width: 1200px) {
	div {
		font-size: 1.0rem;
	}
}

@media screen and (max-device-width: 600px) and (orientation:portrait) {
	
	.m-outer-frame {
		max-width: 100%;
		text-align:left;
		background-color: #F2F2F2;
	}
	
	.p-inner-frame {
		width: 100%;
	}
	
	.p-title-frame {
		width: 100%;
	}

	.right-siteimg {
		width: 100%;
		text-align: center;
	}

	.right-siteimg img {
		zoom: 2;
		max-width: 300px;
	}
	
	.p-row1 {
		width: 100%;
		text-align: center;
	}
	
	.top-border {
		margin-top: 20px;
	}

	.app-shift-img {
		width: 148px;
	}

	#title_logo_mark {
		width: 564px;
	}

}

.default-footer {
	background-color: #92D050;
	line-height: 1rem;
	height: 1rem;
	text-aling:center;
}

.footer-text {
	color: #666666;
	font-size: 0.7em;
}

.footer-btn {
	background: transparent;
	border: none;
}

.footer-btn-frame {
	float:left;
	width: 280px;
	text-align:center;
}

.footer-btn-frame:hover
{
	position: relative;
	top: -4px;
	filter: brightness(110%);
}

.action-btn {
	background: transparent;
	border: none;
}

.insert-illust01 {
	text-align:center;
	width: 100%;
}

a.link-green:link { color: #2e8b57; }
a.link-green:visited { color: #2e8b57; }
a.link-green:hover { color: #2e8b57; }
a.link-green:active { color: #2e8b57; }