@charset "utf-8";



/******** com ********/

body.responsive {
	position:relative ;
}
section.maincontents {
}

#ykkap-tpl-contents {
	overflow:hidden ;
}

#ykkap-tpl-contents sup {
	font-size:80% ;
}
#ykkap-tpl-contents .pagetitle-text small {
    font-size: 75%;
    font-weight: bold;
    vertical-align: middle;
}
#ykkap-tpl-contents .pagetitle-text {
	line-height:1.2;
	margin-bottom:10px ;
}


#ykkap-tpl-contents .w425 {
	width: 425px;
	box-sizing:border-box ;
}
#ykkap-tpl-contents .w489 {
	width: 489px;
	box-sizing:border-box ;
}

/* 追加矯正 */
#ykkap-tpl-contents .ykkap-tpl-contents-products-block .block {
	padding: 30px 0 35px 0;
}

/* catch */
#ykkap-tpl-contents .catch_01 {
	font-size:24px ;
	line-height:1.4 ;
	font-weight:bold ;
	margin:0 0 18px 0 ;
}
body #ykkap-tpl-contents .p_01 {
	font-size:14px ;
	line-height:1.7 ;
	margin:0 0 38px 0 ;
}
/* font */
#ykkap-tpl-contents .txt_l_01 {
	font-size:16px !important;
	line-height:1.75  !important;
}
#ykkap-tpl-contents .txt_m_01 {
	font-size:13px  !important;
}
#ykkap-tpl-contents .txt_s_01 {
	font-size:11px  !important;
}
#ykkap-tpl-contents .bold_01 {
	font-weight:bold ;
}
#ykkap-tpl-contents .normal_01 {
	font-weight: normal ;
}


/* color */
#ykkap-tpl-contents .col_base_01 {
	color:#333  !important;
}
#ykkap-tpl-contents .col_base_02 {
	color:#0085BA  !important;
}

/* link */
.link_book_01 {
    background: url("../img/link_book.gif") no-repeat scroll right 3px transparent;
    padding-right: 20px;
    min-height: 13px;
    display: inline-block;
}


/* img */
.fld_img_01 {
	width:100% ;
	max-width:100% ;
	height:auto ;
}

/* zindex */

#ykkap-tpl-contents .remodelw_ze_99 {
	z-index:99 ;
}

.sp_inblk {
	display:none;
}

/* color */

.color_att {
	color:#f40000 ;
}

/******** contents ********/

.industrial_contents {
	width:950px ;
	width: auto; /* overwrite */
	overflow:visible ;
}
.industrial_contents p {
	font-size:12px ;
	line-height:1.75 ;
}
.industrial_contents .ind_txt_01 {
	margin:15px 0 0 ;
}
.industrial_contents .ind_txt_02 {
	font-size:13px ;
	line-height:1.75 ;
	margin:15px 0 0 ;
}


body .industrial_contact {
	width:auto ;
	border-top:1px #ccc solid ;
	margin:40px auto 0 ;
}
body .industrial_contact .blk_01 {
	margin:36px 0 0 268px ;
	margin-left: auto; /* overwrite */
	margin-right: auto; /* overwrite */
	width: 460px; /* overwrite */
}
body .industrial_contact .blk_01 .txt_01 {
	font-size:16px ;
	font-weight:bold ;
	margin:0 ;
	color:#008ABB ;
}
body .industrial_contact .blk_01 .btn_01 {
	font-size:10px ;
	margin:12px 0 0 ;
	width:408px ;
}
body .industrial_contact .blk_01 .btn_01 img {
	width:100% ;
	height:auto ;
}
body .industrial_contact .blk_01 .txt_02 {
	font-size:14px ;
	font-weight:bold ;
	margin:34px 0 0 ;
}

body .industrial_contact .blk_01 ul li {
	font-size:12px ;
	margin:8px 0 0 ;
}
body .industrial_contact .blk_01 ul li:before {
	content:"●";
	color:#aaa ;
}

body .industrial_contact .blk_01 ul li .link_01 {
	font-size:12px ;
	font-weight:bold ;
	color:#fff ;
	background:#999 ;
	padding:2px 4px 0 4px ;
	border-radius:4px ;
}





/***************************************************

margin setting

**************************************************/


.mt00 {
	 margin-top:0px !important;
}
.mt03 {
	 margin-top:3px !important;
}
.mt05 {
	 margin-top:5px !important;
}
.mt10 {
	 margin-top:10px !important;
}
.mt15 {
	 margin-top:15px !important;
}
.mt20 {
	 margin-top:20px !important;
}
.mt25 {
	 margin-top:25px !important;
}
.mt30 {
	 margin-top:30px !important;
}
.mt35 {
	 margin-top:35px !important;
}
.mt40 {
	 margin-top:40px !important;
}
.mt45 {
	 margin-top:45px !important;
}
.mt50 {
	 margin-top:50px !important;
}

.mr00 {
	 margin-right:0px !important;
}
.mr03 {
	 margin-right:3px !important;
}
.mr05 {
	 margin-right:5px !important;
}
.mr10 {
	 margin-right:10px !important;
}
.mr15 {
	 margin-right:15px !important;
}
.mr20 {
	 margin-right:20px !important;
}
.mr25 {
	 margin-right:25px !important;
}
.mr30 {
	 margin-right:30px !important;
}
.mr35 {
	 margin-right:35px !important;
}
.mr40 {
	 margin-right:40px !important;
}
.mr45 {
	 margin-right:45px !important;
}
.mr50 {
	 margin-right:50px !important;
}


.mb00 {
	 margin-bottom:0px !important;
}
.mb05 {
	 margin-bottom:5px !important;
}
.mb10 {
	 margin-bottom:10px !important;
}
.mb15 {
	 margin-bottom:15px !important;
}
.mb20 {
	 margin-bottom:20px !important;
}
.mb25 {
	 margin-bottom:25px !important;
}
.mb30 {
	 margin-bottom:30px !important;
}
.mb35 {
	 margin-bottom:35px !important;
}
.mb40 {
	 margin-bottom:40px !important;
}
.mb45 {
	 margin-bottom:45px !important;
}
.mb50 {
	 margin-bottom:50px !important;
}
.mb55 {
	 margin-bottom:55px !important;
}
.mb60 {
	 margin-bottom:60px !important;
}
.mb65 {
	 margin-bottom:65px !important;
}
.mb70 {
	 margin-bottom:70px !important;
}
.mb75 {
	 margin-bottom:75px !important;
}
.mb80 {
	 margin-bottom:80px !important;
}
.mb85 {
	 margin-bottom:85px !important;
}
.mb90 {
	 margin-bottom:90px !important;
}


.ml05 {
	 margin-left:5px !important;
}
.ml10 {
	 margin-left:10px !important;
}
.ml15 {
	 margin-left:15px !important;
}
.ml20 {
	 margin-left:20px !important;
}
.ml25 {
	 margin-left:25px !important;
}
.ml30 {
	 margin-left:30px !important;
}
.ml35 {
	 margin-left:35px !important;
}
.ml40 {
	 margin-left:40px !important;
}
.ml45 {
	 margin-left:45px !important;
}
.ml50 {
	 margin-left:50px !important;
}

.pt08 {
	 padding-top:8px !important;
}
.pt15 {
	 padding-top:15px !important;
}


/******** movie
.jstream-eqPlayer, .h5_player {
	background: transparent url('../img/btn_cm_01.png') !important;
	background-size: contain !important;
	cursor: pointer;
	margin-top: 5px !important;
	width: 200px;
	height:70px ;
	background: none\9 !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/products/reform/doorremo/shared_file/img/btn_cm_01_ie8.png', sizingMethod='scale');
	box-shadow:1px 1px 4px  rgba(0,0,0,0.4);
	border-radius:2px ;
}
.jstream-eqPlayer div img {
	display: none !important;
	text-indent: -99999 !important;

}
.jstream-eqPlayer:hover {
	opacity: .7;
	background: none\9 !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/products/reform/doorremo/shared_file/img/btn_cm_01_ie8.png', sizingMethod='scale')         : alpha(opacity=70);
}
.h5_player .info_main_ss, .h5_player .h5_video {
	display: none !important;
}
.h5_player * {
	background: none !important;
}
********/

/* ===================================================================================
for SP max-width: 640px
=================================================================================== */
@media screen and (max-width: 640px) {


/******** com ********/

#ykkap-tpl-contents .w425 {
	width: auto;
}
#ykkap-tpl-contents .w489 {
	width: auto;
}



/* 追加矯正 */
#ykkap-tpl-contents .ykkap-tpl-contents-products-block .block {
	padding: 20px 0;
}

/* catch */
#ykkap-tpl-contents .ykkap-tpl-contents-products-block .catch_01 {
	font-size:16px ;
	line-height:1.33 ;
	font-weight:bold ;
	margin:0 0 20px 0 ;
}


/* br */
.br_del {
	display:none ;
}

.sp_blk {
	display:block ;
}
.sp_inblk {
	display:inline-block ;
}

/******** contents ********/

.industrial_contents {
	width:auto ;
}
.industrial_contents p {
	font-size:12px ;
	line-height:1.75 ;
}
.industrial_contents .ind_txt_01 {
	margin:15px 0 0 ;
}
.industrial_contents .ind_txt_02 {
	font-size:12px ;
	line-height:1.75 ;
	margin:15px 0 0 ;
}


body .industrial_contact {
	width:auto ;
	border-top:1px #ccc solid ;
	margin:40px auto;
}
body .industrial_contact:last-child {
	margin:40px auto 60px;
}
body .industrial_contact .blk_01 {
	margin:36px 0 0 auto ;
	width: auto; /* overwrite */
}
body .industrial_contact .blk_01 .txt_01 {
	font-size:14px ;
	font-weight:bold ;
	margin:0 ;
	color:#008ABB ;
	text-align:center ;
}
body .industrial_contact .blk_01 .btn_01 {
	font-size:10px ;
	margin:12px 0 0 ;
	width: auto ;
}
body .industrial_contact .blk_01 .btn_01 img {
	width:100% ;
	height:auto ;
}
body .industrial_contact .blk_01 .txt_02 {
	font-size:14px ;
	font-weight:bold ;
	margin:34px 0 0 ;
}

body .industrial_contact .blk_01 ul li {
	font-size:12px ;
	line-height:1.83 ;
	margin:18px 0 0 ;
}
body .industrial_contact .blk_01 ul li:before {
	content:"●";
	color:#aaa ;
}

body .industrial_contact .blk_01 ul li .link_01 {
	font-size:12px ;
	font-weight:bold ;
	color:#fff ;
	background:#999 ;
	padding:2px 4px 0 4px ;
	border-radius:4px ;
}



}