/* Hosting Reset Font */
/* Update : 2016-10-03 */

@font-face{
	font-family: 'DB_Heavent_Original';
	src: url("../fonts/db_heavent_original/DB Heavent v3.2.ttf");
	font-style: normal;
}
@font-face{
	font-family: 'DB_Heavent_Bold';
	src: url("../fonts/db_heavent_original/DB Heavent Bd v3.2.ttf");
	font-style: normal;
}
@font-face{
	font-family: 'DB_Heavent_Light';
	src: url("../fonts/db_heavent_original/DB Heavent Li v3.2.ttf");
	font-style: normal;
}
@font-face{
	font-family: 'DB_Heavent_Thin';
	src: url("../fonts/db_heavent_original/DB Heavent Thin v3.2.ttf");
	font-style: normal;
}
html {
	font-size: 12px;
}
#header {
	font-family: 'DB_Heavent_Original',sans-serif;
}
#header .nav-global > ul > li > a,
#header .sign,
#header .language-chooser,
#header .btn {
	font-size: 1.5rem !important;
}
#header .nav-global > ul > li > a {
	width: auto;
	word-break: keep-all;
	word-wrap: normal;
	line-height: 26px !important;
}

.main[role="main"] *:not(i) {
	font-family: 'DB_Heavent_Original',sans-serif !important;
}
.main[role="main"] .zcom-global-header * {
	font-family: "Century Gothic","Open Sans","Futura","Tw Cen MT","Roboto",Arial,"YuGothic","游ゴシック","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"Microsoft Yahei","Hiragino Sans GB",sans-serif !important;
}
.main .text-error {
	font-size: 1.4rem !important;
}
.box-sign label.error,
.box-contact label.error {
	font-size: 1.6rem;
}

/*###############################################################################################*/
/*                              RESET FONT STYLE FOR DB_HEAVENT                                  */
/*###############################################################################################*/
/* system-page : signin, signup, forgot, backupcode, contact */
.hdn-lev-1 {
	font-size: 4rem !important;
}
.box-sign .title,
.box-contact .title,
section.section-sign .box-sign .title {
	font-size: 2rem !important;
}
.box-sign .list-signin li a, .box-contact .list-signin li a {
	font-size: 2rem !important;
}
.box-sign .box-sns .circle, .box-contact .box-sns .circle {
	font-size: 1.4rem !important;
}
.box-sign .input-text, .box-contact .input-text {
	font-size: 1.6rem !important;
}
.box-sign .btn-sign .btn, .box-contact .btn-sign .btn {
	font-size: 1.6rem !important;
}
.box-sign .forgot a, .box-contact .forgot a {
	font-size: 1.8rem !important;
}
.title-sign {
	font-size: 2rem !important;
}
.signup-remark {
	font-size: 1.8rem;
}
.custom-contact-us-info > h1 {
	font-size: 4rem;
	color: #323232;
}
.custom-contact-us-info > p {
	font-size: 1.8rem;
	line-height: 1.25;
}
.contact-us-form > h2 {
	font-size: 3rem;
}
.contact-us-form > p {
	font-size: 1.8rem;
	line-height: 1.25;
}
.contact-us-form .control-input label {
	font-size: 2rem;
}
.contact-us-form input,
.contact-us-form select,
.contact-us-form textarea {
	font-size: 1.6rem;
}
.contact-us-form-info h4 {
	font-size: 2.5rem;
	font-weight: bold;
}
.contact-us-form-info p {
	font-size: 1.8rem;
	line-height: 1.5;
}
.contact-us-form .control-input.type-button-submit button[type="submit"] {
	font-size: 1.6rem;
}
/* .system-page : signin, signup, forgot, backupcode, contact */


/* hosting.z.com */
section.top-shared-feature.compare h1,
section.top-shared-feature.compare h2,
section.top-shared-feature.compare h3 {
	font-family: 'DB_Heavent_Original',sans-serif;
}
section.top-shared-feature.compare h1 {
	font-size: 4rem;
}
section.top-shared-feature.compare h2 {
	font-size: 3.5rem;
}
section.top-shared-feature.compare h3 {
	font-size: 3rem;
}
section.top-shared-feature.compare h3 i.fa-3x {
	font-size: 6rem;
}
section.top-shared-feature.compare .compare-list-inner {
	font-family: 'DB_Heavent_Original',sans-serif;
}
section.top-shared-feature.compare .compare-list-inner ul > li {
	font-size: 2rem !important;
	line-height: 1.25 !important;
}
section.top-shared-feature.compare .plans-features-list-nav-inner .nav-private {
	font-size: 3.5rem;
}
section.top-shared-feature.compare .plans-features-list-nav-inner .nav-private-content {
	font-size: 2.5rem;
	line-height: 1;
	padding: 0;
}
section.top-shared-feature.compare .compare-list-inner .top-selection-btn {
	font-family: 'DB_Heavent_Original',sans-serif;
	font-size: 2rem;
}
/* .hosting.z.com */


/* hosting.z.com/share-hosting */
section.top-main-visual.share-host .box-content .left-content h1 {
	font-family: 'DB_Heavent_Thin',sans-serif !important;
	font-size: 6rem;
}
section.top-main-visual.share-host .box-content .left-content ul li {
	font-family: 'DB_Heavent_Thin',sans-serif !important;
	font-size: 2rem;
}
section.top-main-visual.share-host .box-content .left-content .top-selection-btn {
	font-size: 2rem;
}
section.top-main-visual.share-host .box-content .left-content h2 {
	font-size: 4rem;
}
section.top-main-visual.share-host .box-content .left-content h2 > span {
	font-size: 2.5rem;
}
section.top-shared-feature .plan-m .box-top {
	font-size: 3rem;
}
section.top-shared-feature .plan-s h1,
section.top-shared-feature .plan-m h1,
section.top-shared-feature .plan-l h1 {
	font-size: 4.5rem;
}
section.top-shared-feature .plan-s h2,
section.top-shared-feature .plan-m h2,
section.top-shared-feature .plan-l h2 {
	font-size: 4.5rem;
}
section.top-shared-feature .plan-s h2 span,
section.top-shared-feature .plan-m h2 span,
section.top-shared-feature .plan-l h2 span {
	font-size: 2rem;
}
section.top-shared-feature .plan-s h3,
section.top-shared-feature .plan-m h3,
section.top-shared-feature .plan-l h3 {
	font-size: 2rem;
}
section.top-shared-feature .plan-s h3 span,
section.top-shared-feature .plan-m h3 span,
section.top-shared-feature .plan-l h3 span {
	font-size: 2rem;
}
.top-selection-btn {
	font-size: 2rem;
}
section.top-shared-feature .plan-s p.content-header,
section.top-shared-feature .plan-m p.content-header,
section.top-shared-feature .plan-l p.content-header {
	font-size: 1.7rem;
	line-height: 1.25;
}
.shared-lineup-detail li {
	font-size: 1.6rem;
}
section.top-shared-feature .container h1 {
	font-size: 3.5rem;
}
section.top-shared-feature h2,
section.top-shared-feature.black h2 {
	font-size: 3.75rem;
}
section.top-shared-feature p.left,
section.top-shared-feature.black p.left {
	font-size: 2.2rem;
	line-height: 1.25;
}
section.top-shared-feature.our-client-heading.black p {
	font-size: 2.6rem;
}
section.top-shared-feature.clients .content-clients .box-content {
	font-size: 1.6rem;
	line-height: 1.25;
}
section.top-shared-feature.clients .content-clients p {
	font-size: 1.2rem;
}
/* .hosting.z.com/share-hosting */


/* hosting.z.com/share-hosting-spec */
.section .section-title,
.section .title-section {
	font-size: 4rem;
}
.spec-anchor dt {
	font-size: 2rem;
}
li pre,
dd th,
dd td,
li p,
li li,
li dt,
li dd,
dd p,
dd li,
dd dt,
dd dd {
	font-size: 1.6rem;
}
.spec-table .spec-popular-plan {
	font-size: 2rem;
}
.spec-table-plan {
	font-size: 3rem;
}
.page-share-hosting-spec .spec-table-price,
.private-hosting-spec .spec-table-price {
	font-size: 2rem;
}
.spec-table-price span {
	font-size: 2.5rem;
}
.spec-table-title th div {
	font-size: 2rem;
}
.page-share-hosting-spec .spec-table-name,
.private-hosting-spec .spec-table-name {
	font-size: 1.6rem;
}
.page-share-hosting-spec .spec-table-explain,
.private-hosting-spec .spec-table-explain {
	font-size: 1.4rem;
	line-height: 1.15;
}
.spec-table tbody td {
	font-size: 1.8rem;
}
.spec-btn .btn {
	font-size: 2rem;
}
/* .hosting.z.com/share-hosting-spec */


/* hosting.z.com/private-hosting */
.top-shared-feature p {
	font-size: 2.1rem;
	line-height: 1.25;
}
span.special-remark {
	font-size: 2rem;
}
section.top-shared-feature.is-gray .items p.price-month,
section.top-shared-feature.is-gray .items p.price-year {
	line-height: 1;
}
section.top-shared-feature.is-gray .items p.price-month span,
section.top-shared-feature.is-gray .items p.price-year span {
	font-size: 1.6rem;
}
.chosen-container-single .chosen-single span {
	font-size: 1.6rem;
}
.spec-table td.blank {
	font-size: 1.8rem;
}
/* .hosting.z.com/private-hosting */


/* hosting.z.com/email-hosting */
section.top-main-visual.top-cloud.email ul li {
	font-family: 'DB_Heavent_Thin',sans-serif !important;
	font-size: 2.6rem;
	line-height: 1.25;
}
section.top-shared-feature.email-server h1 {
	font-family: 'DB_Heavent_Thin',sans-serif !important;
}
section.top-shared-feature.email-server h2 {
	font-family: 'DB_Heavent_Thin' !important;
	font-size: 2.2rem;
	text-align: center;
}
section.top-shared-feature.email-server p {
	font-family: 'DB_Heavent_Thin' !important;
	font-size: 1.6rem;
	text-align: center;
}
/* .hosting.z.com/email-hosting */


/* hosting.z.com/profile */
section.section-sign label.control-label {
	font-family: 'DB_Heavent_Light',sans-serif !important;
	font-size: 2rem;
	margin: 0;
	padding: 0;
	line-height: 40px;
}
#setSelectType li {
	font-size: 2rem;
}
section.section-sign .form-group.profiletype {
	margin-bottom: 15px !important;
}
section.section-sign .form-group.profiletype > label.control-label {
	margin: 0 !important;
	padding: 0;
}
section.section-sign .form-group.profiletype > .col-md-9 {
	padding: 0 !important;
}
section.section-sign .btn-sign button.btn {
	font-size: 2rem !important;
}
/* .hosting.z.com/profile */


/* footer */
footer .box-1st .inner .inner-left span.labels,
footer .box-1st .inner .inner-right span.labels {
	font-family: "DB_Heavent_Original",sans-serif !important;
	font-size: 2.2rem !important;
}
footer .box-1st .inner .inner-left ul li a,
footer .box-1st .inner .inner-right ul li a {
	font-family: "DB_Heavent_Original",sans-serif !important;
	font-size: 1.6rem !important;
}
/* .footer */










/*###############################################################################################*/
/*                                 ETC STYLE FOR DB_HEAVENT                                      */
/*###############################################################################################*/
.compare-text-and-icon {
	padding-left: 17px;
}
.compare-text-and-icon.is-th {
	padding-left: 21px;
}
section.top-shared-feature.compare h1 {
	margin-bottom: 5px;
}
section.top-shared-feature.compare h2 {
	margin-bottom: 0;
}
section.top-shared-feature.compare h3 {
	margin-bottom: 30px !important;
}
section.top-shared-feature.compare .top-balck {
	padding: 20px 35px 30px 35px;
}
section.top-shared-feature.compare .plans-features-list-nav-black,
section.top-shared-feature.compare .plans-features-list-nav-red {
	margin-bottom: 30px;
	margin-left: -51px;
}
section.top-shared-feature.compare .top-balck,
section.top-shared-feature.compare .top-red {
	padding: 30px;min-height: 480px;
}
.compare-private .compare-list-inner,
.compare-share .compare-list-inner {
	min-height: auto;
}
section.top-shared-feature.compare .compare-list-inner .top-selection-btn {
	margin: 0;
	height: 46px;
	line-height: 46px;
	display: inline-block;
	padding: 0 40px 0 30px;
}
section.top-shared-feature.compare .list-recommend {
	padding-top: 30px;
}
.btn .icon--thin-arrow::before {
	right: 20px;
}

/*signin*/
section.section-sign .box-signin p.forgot a,
section.section-sign .box-inner p a {
	text-decoration: none;
}
section.section-sign .box-signin p.forgot a:hover,
section.section-sign .box-inner p a:hover {
	text-decoration: underline;
}
.contact-us-form .control-input {
	margin-bottom: 15px;
}
.contact-us-form .control-input label {
	margin-bottom: 0 !important;
}
.contact-us-form .control-input input {
	padding-top: 0px;
	padding-bottom: 0px;
}
.contact-us-form-info h4 {
	margin: 0;
	margin-bottom: 5px;
}
.contact-us-form .control-input.type-button-submit button[type="submit"] {
	min-width: 100px;
}
.contact-us-form-info p {
	padding-left: 0;
	margin-bottom: 20px;
}
section.top-main-visual.share-host .box-content .left-content h1 {
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
}
section.top-main-visual.share-host .box-content .left-content ul {
	margin-bottom: 15px;
}
section.top-main-visual.share-host .box-content .left-content ul li {
	background-position: left 50%;
	padding-left: 35px;
	line-height: 1.25;
}
section.top-main-visual.share-host .box-content .left-content ul::after {
	content: "";
	display: table;
	clear: both;
}
section.top-main-visual.share-host .box-content .left-content h2 {
	display: inline-block;
	position: relative;
	z-index: 1;
	left: -15px;
	width: 210px;
	text-align: center;
	height: 59px;
	line-height: 59px;
	padding: 0 15px;
	border: 1px solid #c5c5c5;
	margin: 0;
}
section.top-main-visual.share-host .box-content .left-content .top-selection-btn {
	margin: 0;
	height: 59px;
	line-height: 59px;
	padding: 0 20px;
	width: 200px;
	display: inline-block;
	position: relative;
	z-index: 2;
	left: -50px;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
section.top-main-visual.share-host .box-content .left-content .top-selection-btn:hover {
	color: #fff;
	background-color: #d62825;
}
section.top-main-visual.share-host .box-content .left-content > img {
	position: relative;
	float: left;
    margin-top: 15px;
}
section.top-main-visual.share-host .box-content .right-content {
	position: absolute;
	right: 0;
	top:0;
}
section.top-main-visual.share-host .box-content .right-content > img {
	
}
section.top-shared-feature .plan-m .box-top {
	margin-top: -45px;
	padding: 0;
	line-height: 45px;
	border: 1px solid #d62825;
}
section.top-shared-feature .plan-s h1,
section.top-shared-feature .plan-m h1,
section.top-shared-feature .plan-l h1 {
	margin-bottom: 0px;
}
section.top-shared-feature .plan-s h3,
section.top-shared-feature .plan-m h3,
section.top-shared-feature .plan-l h3 {
	margin: 0 0 15px 0;
}
.shared-lineup-detail li {
	margin: 0;
}
.shared-lineup-detail li .icon {
	top: 13px;
}
section.top-shared-feature.clients .content-clients .box-content {
	height: 120px;
}
.price-changer {
	width: 335px;
}
section.top-main-visual.top-cloud.email ul li {
	margin: 5px 0;
	float: left;
	width: 100%;
}
span.special-remark {
	height: 40px !important;
	line-height: 38px !important;
}
section.section-sign .box-sign .input-text {
	margin-bottom: 0;
}
section.section-sign .box-sign .input-text:hover {
	border-color: #323232;
}
section.section-sign .box-sign .input-text:focus {
	border-color: #d62825;
}
section.section-sign .box-sign .input-text.error {
    border: 1px solid #d62825;
    color: #d62825;
    background-color: #ffe2e2;
}




.box-sign label.error,
.box-contact label.error {
	position: relative;
	top: -15px;
	margin-top: 0;
	margin-bottom: -15px;
	font-size: 1.4rem;
    font-weight: normal;
    background-position: left 2px;
    line-height: 1.25;
}
#updateProfile label.error {
	position: relative;
	top: 0;
	font-weight: normal;
	margin: 5px 0;
	background-position: 0 49%;
}
section.section-sign .box-sign .input-text {
	display: inline-block;
	margin: 0 0 20px;
}
section.section-sign .box-sign .input-text.error {
	border-color: #d62825;
}