@charset "utf-8";
.alignC {
	text-align: center;
}
.alignL {
	text-align: left;
}
.alignR {
	text-align: right;
}
.f_left {
	float: left;
}
.f_right {
	float: right;
}
.bottom10 {
	margin-bottom: 10px;
}
.bottom15 {
	margin-bottom: 15px;
}

.bottom20 {
	margin-bottom: 20px;
}
.bottom25 {
	margin-bottom: 25px;
}

.bottom30 {
	margin-bottom: 30px;
}
.bottom40 {
	margin-bottom: 40px;
}
.bottom50 {
	margin-bottom: 50px;
}
.bottom60 {
	margin-bottom: 60px;
}
.left10 {
	margin-left: 10px;
}

.right10 {
	margin-right: 10px;
}
.right15 {
	margin-right: 15px;
}
.color {
	color: #C00;
}
.top10 {
	padding-top: 10px;
}

.small {
	font-size: 11px;
}
.bold {
	font-weight: bold;
}

/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}

/* トップ
----------------------------------------------- */
.top .mv_01{
    background:url(../img/top/c01.jpg) no-repeat bottom;
    width: 100%;
    height: 512px;
    background-size: cover;
    margin: 0 auto;
    position: relative;
    z-index: ;
}
.top .mv_01 .txt{
    position: absolute;
    left:0%;
    top:100px;
    margin-left: 15px;   
}
.top .mv_01 h3{
    font-size: 32px;
    line-height: 46px;
    color:#323232;
    font-weight: 500;
}
.top .mv_01 h3 span{
    color:#ff0000;
}
.top .mv_01 p{
    font-size: 16px;
    margin-top: 15px;   
    line-height: 24px;
}
.top .mv_01 a{
    background:url(../img/top/mv_arrow.png) no-repeat right;
    display: inline-block;
    margin-top: 15px;   
    font-size: 14px;
    font-weight: 700;
    padding-right: 15px;
    color:#666666;
}

.top .mv_02{
    background:url(../img/top/img02.png) no-repeat center center;
    width: 100%;
    background-size: cover;
    height: 640px;
    margin: 0 auto;
    position: relative;
    z-index: ;
}
.top .mv_02 h3{
    position: absolute;
    font-size: 32px;
    line-height: 46px;
    left:50%;
    color:#323232;
    font-weight: 500;
    top:90px;
    margin-left: -350px;   
}
.top .mv_02 p{
    font-size: 16px;
    position: absolute;
    left:50%;
    top:210px;
    margin-left: -350px;
    line-height: 24px;
}
.top .mv_02 a{
    background:url(../img/top/mv_arrow.png) no-repeat right;
    position: absolute;
    display: block;
    top:295px;
    left:50%;
    font-size: 14px;
    font-weight: 700;
    margin-left: -350px;
    padding-right: 12px;
    color:#666666;
}
.top .mv_03_ttl{
    text-align: center;
    display: block;
    font-size: 24px;
    width: 100%;
    padding: 75px 0;
    line-height: 100%;
}
.top .mv_03{
    background:url(../img/top/img03.png) no-repeat center top;
    width:100%;
    background-size: cover;
    height: 553px;
    margin: 0 auto;
    position: relative;
    z-index: ;
}
.top .mv_03 .left{
    position: absolute;
    left:5%;
    top:350px;

}
.top .mv_03 .right{
    position: absolute;
    left:55%;
    top:0px;
    margin-left: 100px;   

}
.top .mv_03 h3{
    font-size: 32px;
    line-height: 52px;
    color:#323232;
    font-weight: 500;
}

.top .mv_03 p{
    font-size: 14px;
    line-height: 24px;
}
.top .mv_03 a{
    background:url(../img/top/mv_arrow.png) no-repeat right;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding-right: 12px;
    color:#666666;
}
.top .mv_01 a:hover,
.top .mv_02 a:hover,
.top .mv_03 a:hover{
    color:#ed171f;
}
.pickup_site_wrap{
    width: 100%;
    padding: 40px 0 0px;
    background:#fafafa;
}
.pickup_site{
    max-width: 980px;
    margin: 0 auto ;
}
.pickup_site h3{
    border-bottom: 1px solid #b4b4b4;
    padding-bottom: 10px;
    display: block;
    margin-bottom: 30px;
}
.news_wrap{
    background:#b4b4b4;
    padding: 18px 0;
        max-width: 980px;
    margin: 0 auto;
}
.news{
    width: calc( 100% - 36px );
    width: -webkit-calc( 100% - 36px );
    margin: 0 18px;
    background:#fff;
    box-sizing: border-box;
    padding: 3px;
    position: relative;
    border-radius: 3px;

}
.pagetop{
    float: right;
    margin-top: 15px;
}
.news h3{
    letter-spacing: 2px;
    font-size: 16px;
    font-weight: bold;
    color:#323232;
    padding: 10px;
    width: 75px;
    border-right: 2px solid #ed171f;
    float: left;
    margin-right: 25px;
}
.news .day{
    color:#ed171f;
    font-size: 14px;
    font-weight: normal;
    display: block;
    float: left;
    padding: 10px 0;   
}
.news p{
    color:#323232;
    margin-left: 20px;
    font-size: 14px;
    font-weight: normal;
    float: left;
    padding: 10px 0;   
}
.news .list_link{
    position: absolute;
    right:20px;
    display: block;
    top:12px;
    font-weight: normal;
    padding-right: 15px;
    background:url(../img/top/mv_arrow.png) no-repeat right;
}
.news .list_link a{
    color:#666;
}
.news .list_link a:hover{
    color:#ed171f;
}

/*--------プロダクト下層------------*/

.products{
    width:100%;
    box-sizing: border-box;
    padding: 0 15px;
    margin: 0 auto;
}
.products .box01_l{
    width: 50%;
    float: left;
    margin-top: 50px;
}

.products .box01_l img{
    max-width: 100%;
}
.products .box01_l .caution{
    font-size: 10px;
    font-weight: normal;
    line-height: 120%;
}
.products .box02_l .caution02{
    margin-top: 20px;
    font-weight: normal;
    font-size: 14px;
}
.products .box02_l .caution02 span{
    display: block;
    color:#fff;
    margin-bottom: 10px;
    background:#de1122;
    font-size: 18px;
    padding: 3px 10px 3px;
    letter-spacing: 2px;
    font-weight: bold;
    padding: 3px 10px 0\0;
}
.products .box02_l .caution02 p{
    padding-bottom: 10px;
}
.products .box02_l .caution02 .red{
    color:#de1122;
    font-weight: bold;
}
.products .main_img{
    float: right;
    margin-top: 50px;
    width: 50%;
    height: auto;
    position: relative;
}
.products .main_img img{
    width: 100%;
}
.products .main_img02{
    float: right;
    margin-top: 50px;
    width: 50%;
    height: auto;
    position: relative;
}
.products .main_img02.mild{
    margin-top: 20px;
}
.products .main_img02 img{
    width: 100%;
}
.products .box01_l ul{
    margin-top: 10px;
}
.products .box01_l ul li{
    display: block;
    float: left;
    margin-right: 15px;
    width: 147px;
}
.products .box01_l ul li a{
    color:#323232;
}
.products .box01_l ul li:first-child a{
    font-size: 12px;
    font-weight: normal;
    padding: 7px 10px 8px 8px;
    width: 120px;
    display: block;
}
.products .box01_l ul li:last-child a{
    font-size: 12px;
    font-weight: normal;
    padding: 7px 3px 8px 25px;
    width: 120px;
    display: block;
}
.products .box01_l ul li:first-child{
    background:url(../img/common/btn_01.png) no-repeat;
}
.products .box01_l ul li:last-child{
    background:url(../img/common/btn_02.png) no-repeat;
}
/***********購入ボタンだけのとき************/
.products a.cart_link{
    font-size: 12px;
    font-weight: 700;
    padding: 7px 0px 7px 0px;
    display: block;
    background:url(../img/sp/common/btn_02.png) #fff 83% 10px no-repeat;
    background-size:15px;
    color:#323232;
    text-decoration: none;
    border-radius: 3px;
    width: 150px;
    margin: 10px 0;
    border:1px solid #b4b4b4;
    text-align: center;
}
.products .leed01{
    font-size: 20px;
    font-weight: 700;
    color:#464646;
    line-height: 32px;
    margin-top: 30px;
}
.products .leed01 span{
    color:#ed171f;
}
.products .leed01 span.c_atsumaku{
    color:#bb462d;
}
.products .leed01 span.c_txfree{
    color:#00644b;
}
.products .leed01 span.c_epo{
    color:#ffbe00;
}
.products .leed01 span.c_alpha{
    color:#9c5aa6;
}
.products .leed01 span.c_silver{
    color:#52c8d4;
}
.products .leed01 span.c_aqua{
    color:#00a8e4;
}
.products .leed01 span.c_newzinc{
    color:#ebab00;
}
.products .leed01 span.c_mekki{
    color:#64b423;
}
.products .box02_l{
    width: 50%;
    box-sizing: border-box;
    float: left;
    margin-top: 20px;
    padding-right: 20px;
}
.products .box02_l.mild{
    margin-top: -5px;
}
.products .box02_l .txt{
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px;
    line-height: 26px;
}
.products .box03_l{
    width:49%;
    box-sizing: border-box;
    padding: 15px;
    float: left;
    margin-top: 30px;
    background:#f3f3f3;
}
.products .box03_l span{
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    color:#323232;
    line-height: 26px;
    
}
.products .box03_l img{
    display: block;
    margin: 0 auto 10px;
    width: 100%;
}
.products .box03_l .txt{
    color:#ed171f;
    font-weight: bold;
    font-size: 14px;
}
.products .box03_l a,
.products .box03_r a{
    background:url(../img/common/h_arrow.png) no-repeat right 2px;
    display: block;
    
    margin-top: 7px;
    font-size: 14px;
    font-weight: 700;
    padding-right: 12px;
    float: right;
    color:#666666;
}
.products .box03_l a:hover,
.products .box03_r a:hover{
    color:#ed171f;
}
.products .box03_r{
    width:49%;
    box-sizing: border-box;
    padding: 15px 15px 38px;
    position: relative;
    float: right;
    margin-top: 30px;
    background:#f3f3f3;
}
.products .box03_r span{
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    color:#323232;
    line-height: 26px;
}
.products .box03_r .link_fixed_btm{
    position: absolute;
    bottom:25px;
    right:25px;
}
.products .box03_r img{
    display: block;
    float: left;
    margin-right: 5px;
    
}
.products .box03_r .txt{
    color:#ed171f;
    font-weight: bold;
    font-size: 14px;
}
/***********teishu***************/
.products .box03_teishu{
    background:#f3f3f3 url(../products/teishu/img/img04.png) no-repeat 20px top;
    width: 100%;
    box-sizing: border-box;
    padding: 40px 20px 30px;
    margin-top: 60px;
}
.products .box03_teishu ul{
    width: 50%;
    padding-right: 20px;
    box-sizing: border-box;
    float: left;
    
}
.products .box03_teishu li{
    padding-bottom: 10px;
    box-sizing: border-box;
}
.products .box03_teishu li span{
    background:url(../products/aqua/img/img17.png) no-repeat left;/*赤い■*/
    background-size:8px;
    padding-left: 12px;
    font-weight: bold;
    font-size: 14px;
}
.products .box03_teishu li p{
    padding-left: 8px;
    font-size: 14px;
}
.products .box03_teishu a{
    background:url(../img/common/h_arrow.png) no-repeat right 2px;
    margin:0 auto;
    text-align: center;
    clear: both;
    font-size: 14px;
    font-weight: 700;
    padding-left: 8px;
    padding-right: 12px;
    color:#666666;
}
/*************roval_mild***************/
.products .box03_roval_mild{
    background:#f3f3f3 ;
    padding: 30px 20px 30px;
    margin-top: 30px;
}
.products .box03_roval_mild h4{
    font-size: 18px;
    padding-bottom: 20px;
    font-weight: bold;
    text-align: center;
    
}
.products .box03_roval_mild ul{
    width: 50%;
    float: left;
}
.products .box03_roval_mild li{
    padding-bottom: 10px;
    padding-left: 15px;
    box-sizing: border-box;
}
.products .box03_roval_mild li span{
    background:url(../products/aqua/img/img17.png) no-repeat left;/*赤い■*/
    background-size:10px;
    padding-left: 15px;
    font-weight: bold;
    font-size: 18px;
}
.products .box03_roval_mild li p{
    font-size: 14px;
}
.products .box03_roval_mild a{
    background:url(../img/common/h_arrow.png) no-repeat right 2px;
    margin:0 auto;
    text-align: center;
    clear: both;
    font-size: 14px;
    font-weight: 700;
    padding-left: 8px;
    padding-right: 12px;
    color:#666666;
}
/*********txfreeのところ**********/
.gray_3column{
    background:#f3f3f3;
    font-size: 14px;
    margin-top: 35px;
    padding: 30px 25px 20px;
}
.gray_3column div{
    width: 33%;
    float: left;
}
.gray_3column div p{
    padding-top: 20px;
}
.gray_3column ul{
    float: right;
    width: 67%;
}
.gray_3column ul li{
    width: 50%;
    box-sizing: border-box;
    padding-left: 20px;
    float: left;
}
.gray_3column ul li img{
    display: block;
    width: 100%;
    padding-bottom: 5px;
}
.gray_3column span.ttl{
    font-size: 18px;
    font-weight: bold;
}

/*********epo_rovalのところ**********/
.gray_1column{
    background:#f3f3f3;
    font-size: 14px;
    margin-top: 35px;
    padding: 30px 25px 20px;
}
.gray_1column div{
    text-align: center;
}
.gray_1column div img{
    width: 100%;
}
.gray_1column span.ttl{
    font-size: 18px;
    font-weight: bold;
    display: block;
    padding-bottom: 10px;
    color:#323232;
}
/*********silverのところ**********/
.gray_1column_02{
    background:#f3f3f3;
    font-size: 14px;
    margin-top: 35px;
    padding: 30px 20px 20px 20px;
}
.gray_1column_02 div:first-child{
    text-align: left;
    width: 70%;
    box-sizing:border-box;
    float: left;
    background: #f3f3f3;
    padding: 0px 30px 0px 5px;
}
.gray_1column_02 div:last-child{
    float: right;
    width: 30%;
}
.gray_1column_02 div:last-child img{
    width: 100%;
}
.gray_1column_02 span.ttl{
    font-size: 16px;
    font-weight: bold;
    display: block;
    padding-bottom: 10px;
    color:#323232;
}
/*********alphaのところ**********/
.gray_2column{

    font-size: 14px;
    margin-top: 35px;

}
.gray_2column div img{
    width: 100%;
}
.gray_2column div:first-child{
    background:#f3f3f3;
    text-align: center;
    width: 30.7%;
    float: left;
    box-sizing: border-box;
    padding: 30px 12px 20px;
}
.gray_2column div:last-child{
    background:#f3f3f3;
    text-align: center;
    width: 68%;
    box-sizing: border-box;
    float: right;
    padding: 30px 20px 20px;
}
.gray_2column p{
    padding-top: 15px;
}
.gray_2column span.ttl{
    font-size: 18px;
    font-weight: bold;
    display: block;
    padding-bottom: 10px;
    color:#323232;
}
/*********aquaのところ**********/
.gray_2column_02{
    font-size: 14px;
    margin-top: 25px;
}
.gray_2column_02 div:first-child{
    text-align: center;
    width: 49%;
    box-sizing: border-box;
    float: left;
    height: 350px;
    background:#f3f3f3;
    padding: 30px 25px 20px;
}
.gray_2column_02 div:last-child{
    text-align: center;
    width: 49%;
    box-sizing: border-box;
    float: right;
    height: 350px;
    background:#f3f3f3;
    padding: 30px 25px 20px;
}
.gray_2column_02 span.ttl{
    font-size: 18px;
    font-weight: bold;
    display: block;
    padding-bottom: 10px;
    color:#323232;
}
.gray_2column_02 p{
    padding-top: 14px;
    text-align: left;
}
.gray_2column_02 img{
    padding-top: 20px;
    width: 100%;
}
.gray_2column_02 .last img{
    display: block;
    float: left;
    padding-left: 20px;
}
.gray_2column_02 .last p{
    width: 240px;
    float: right;  
}
.cb{
    clear: both;
    
}
/*********aquaのところ**********/
.gray_2column_03{
    font-size: 14px;
    margin-top: 20px;
}
.gray_2column_03 div:first-child{
    text-align: center;
    width: 49%;
    box-sizing: border-box;
    float: left;
    height: 305px;
    background:#f3f3f3;
    padding: 30px 25px 20px;
}
.gray_2column_03 div:last-child{
    text-align: center;
    width: 49%;
    box-sizing: border-box;
    float: right;
    height: 305px;
    background:#f3f3f3;
    padding: 30px 25px 20px;
}
.gray_2column_03 span.ttl{
    font-size: 18px;
    font-weight: bold;
    display: block;
    padding-bottom: 10px;
    color:#323232;
}
.gray_2column_03 p{
    padding-top: 14px;
    text-align: left;
}
.gray_2column_03 img{
    padding-top: 10px;
}
.gray_2column_03 .last{
    position: relative;
}
.gray_2column_03 .last img{
    display: block;
    float: left;
    width: 40%;
    box-sizing: border-box;
    padding-left: 20px;
}
.gray_2column_03 .last p{
    float: right;
    width: 50%;
    box-sizing: border-box;
}
.gray_2column_03 .last .link_fixed_btm{
    position: absolute;
    bottom:35px;
    right:25px;
    background:url(../img/common/h_arrow.png) no-repeat right 2px;
    display: block;
    margin-top: 7px;
    font-size: 14px;
    font-weight: 700;
    padding-right: 12px;
    float: right;
    color:#666666;
}
.gray_2column_03 .last .link_fixed_btm:hover{
    color:#de1122;
}
/*********new_zincのところ**********/
.gray_2column_04{
    font-size: 14px;
    margin-top: 35px;

}
.gray_2column_04 div:first-child{
    text-align: center;
    width: 62%;
    box-sizing: border-box;
    float: left;
    background:#f3f3f3;
    padding: 30px 20px 20px;
}
.gray_2column_04 div:last-child{
    text-align: center;
    width:35%;
    box-sizing: border-box;
    float: right;
    background:#f3f3f3;
    padding: 30px 20px 20px;
}
.gray_2column_04 div:last-child img{
    width: 100%;
}
.gray_2column_04 ul{
}
.gray_2column_04 ul li{
    width: 50%  ;
    box-sizing: border-box;
    float: left;
    padding-right:20px;
}
.gray_2column_04 ul li img{
    width: 100%;
}
.gray_2column_04 ul li:last-child{
    padding-right: 0;
}
.gray_2column_04 span.ttl{
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    display: block;
    padding-bottom: 10px;
    color:#323232;
}
.gray_2column_04 p{
    padding-top: 15px;
}

.products .box04_l{
    width: 25%;
    float: left;
    margin-top: 20px;
    float: left;
}
.products .box04_l h4,
.products .box04_r h4{
    border-left: 8px solid #ed171f;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 0 5px;
    height: 14px;
    margin-bottom: 15px;
    line-height: 13px;
    line-height: 18px\0;
    font-size: 15px;
}
.products .box04_l h4 span,
.products .box04_r h4 span{
    display: block;
    margin-top: 0px;
}
.products .box04_l img{
    width: 100%;
}
.products .box04_r{
    width: 71%;
    float: left;
    margin-top: 20px;
    float: right;
}
.products .box04_r img{
    width: 100%;
}
/***************mekki******************/
.products .box04_r_mekki h4{
    border-left: none;
    font-weight: 700;
    letter-spacing: 2px;
    padding-bottom: 15px ;
    height: 14px;
    margin-bottom: 15px;
    line-height: 13px;
    line-height: 18px\0;
    font-size: 18px;
}
.products .box04_r_mekki h4 span{
    display: inline;
    margin-top:0;
    font-size: 14px;
    color:#64b423;
    font-weight: bold;
    letter-spacing: 1px;
}
.products .box04_r_mekki{
    width: 68%  ;
    float: left;
    background:#f3f3f3;
    margin-top: -25px;
    float: right;
    padding: 30px 20px;
}
.products .box04_r_mekki p{
    width: 30%;
    box-sizing: border-box;
    padding-right: 10px;
    float: left;
    font-size: 12px;
    line-height: 18px;
}
.products .box04_r_mekki img{
    display: block;
    width:  70%;
    float: right;
}
/***************matte******************/
.products .box04_r_matte h4{
    font-weight: 700;
    letter-spacing: 2px;
    padding-bottom: 15px ;
    margin-bottom: 15px;
    line-height: 13px;
    line-height: 18px\0;
    font-size: 18px;
}
.products .box04_r_matte h4 span{
    display: inline;
    margin-top:0;
    font-size: 14px;
    color:#64b423;
    font-weight: bold;
    letter-spacing: 1px;
}
.products .box04_r_matte{
    width: 70%;
    box-sizing: border-box;
    float: left;
    background:#f3f3f3;
    margin-top: -25px;
    float: right;
    padding: 30px 25px;
}
.products .box04_r_matte img{
    display: block;
    width: 50%; 
    box-sizing: border-box;
    float: left;
    padding-right: 15px;    
}
.products .box04_r_matte img.last{
    padding-right: 0;   
    padding-left: 15px; 
}
/***************teishu******************/
.products .box04_teishu{
    margin-top: 50px;
}
.products .box04_teishu h4{
    border-left: 8px solid #ed171f;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 0 10px;
    height: 14px;
    margin-bottom: 7px;
    line-height: 13px;
    line-height: 18px\0;
    font-size: 15px;
}
.products .box04_teishu p{
    line-height: 26px;
    font-size: 14px;
}
.products .box04_teishu .caution02{
    margin-top: 20px;
    font-weight: normal;
    font-size: 14px;
}
.products .box04_teishu .caution02 span{
    display: block;
    width: 440px;
    padding: 3px 10px;
    padding: 3px 10px 0\0;
    background:#de1122;
    color:#fff;
    letter-spacing: 2px;
    margin-bottom: 10px;
    font-weight: bold;
    
}
.products .box04_teishu .caution02 p{
    padding-bottom: 0px;
    color:#de1122;
    font-weight: bold;
}
.products .case_leed{
    padding-top: 26px;
    background:url(../img/products/case.png) no-repeat;
    background-size: auto 14px;
    font-size: 24px;
    color:#323232;
    margin-top: 60px;
    font-weight: bold;
}
.products .box05{
    background:#f3f3f3;
    margin-top: 20px;
    padding:15px 0 ;
}
.products .box05 h4{
    border-left: 8px solid #ed171f;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 0 10px;
    height: 14px;
    line-height: 13px;
    font-size: 15px;
}
.products .box05 h4 span{
    display: block;
    margin-top: -2px;
}
.products .box05 ul{
    padding:20px 15px;
}
.products .box05 ul li{
    display: block;
    width: 24%;
    position: relative;
    float: left;
    margin-right: 1%;
}
.products .box05 ul li img{
    display: block;
    width: 100%;
    float: left;
}
.products .box05 ul li.last{
    margin-right: 0;
}
.products .box05 ul li span{
    font-size: 14px;
    letter-spacing: 2px;
        margin-top: 10px;
    display: block;
}
/***************mekki*******************/
.products .box05_mekki{
    background:#f3f3f3;
    margin-top: 20px;
    padding:15px 0 ;
}
.products .box05_mekki h4{
    border-left: 8px solid #ed171f;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 0 10px;
    height: 14px;
    line-height: 13px;
    line-height: 18px\0;
    font-size: 15px;
}
.products .box05_mekki h4 span{
    display: block;
    margin-top: -2px;
}
.products .box05_mekki ul{
    padding:20px 15px;
}
.products .box05_mekki .case_ttl{
    padding: 0 15px;
    font-size: 16px;
    background:url(../products/aqua/img/img17.png) no-repeat left;
    display: block;
    font-weight: bold;
    margin:15px 15px 10px;
}
.products .box05_mekki ul.aqua_case{
    padding:0 15px 20px;
}
.products .box05_mekki ul li{
    display: block;
    position: relative;
    width: calc(50% - 8px);
    box-sizing: border-box;
    float: left;
    padding-right: 15px;
    border-right:1px solid #b4b4b4;
    margin-right: 15px;
}
.products .box05_mekki ul li img{
    width: 100%;    
}
.products .box05_mekki ul li.last{
    margin-right: 0;
    padding-right: 0;
    border:none;
}
.products .color_leed{
    padding-top: 26px;
    background:url(../img/products/color.png) no-repeat;
    font-size: 24px;
    color:#323232;
    margin-top: 60px;
    font-weight: bold;
}
.products .color_leed a{
    font-size: 14px;
    color:#323232;
    margin-top: 60px;
    font-weight: bold;
    background:url(../img/common/h_arrow.png) no-repeat right 2px;
    font-weight: 700;
    padding-right: 12px;
    color:#666666;
}
.products .box05 a{
    background:url(../img/common/h_arrow.png) no-repeat right 2px;
    display: block;
    margin:0 auto;
    text-align: center;
    clear: both;
    width: 200px;
    font-size: 14px;
    font-weight: 700;
    padding-right: 12px;
    color:#666666;
}
.products .box05 li a{
    background:url(../img/common/h_arrow.png) no-repeat right 2px;
    display: block;
    margin:0 auto;
    text-align: center;
    position: absolute;
    right:0;
    bottom: 0;
    clear: both;
    width: 90px;
    font-size: 12px;
    font-weight: 700;
    padding-right: 12px;
    color:#666666;
}
.products .shop_leed{
    padding-top: 26px;
    background:url(../img/products/shop.png) no-repeat;
    font-size: 24px;
    color:#323232;
    margin-top: 60px;
    font-weight: bold;
}
.products .shop_link{
    margin-top: 20px;

}
.products .shop_link img{
    width: 100%;
}
.products .shop_link ul li:first-child{
    float: left;
    width: 49.5%;
}
.products .shop_link ul li:last-child{
    float: right;
    width: 49.5%;
}
.products .related_leed{
    padding-top: 26px;
    background:url(../img/products/related_products.png) no-repeat;
    font-size: 24px;
    color:#323232;
    margin-top: 60px;
    font-weight: bold;
}
.products .box06{
    margin-bottom: 40px;
    padding:15px 0 ;
}
.products .box06 h4{
    border-left: 8px solid #ed171f;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0 10px;
    height: 14px;
    line-height: 13px;
    font-size: 15px;
}
.products .box06 ul li span{
    padding-bottom: 24px;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color:#323232;    
    background:url(../img/products/related_tri.png) no-repeat center 26px;
}
.products .box06 h4 span{
    display: block;
    margin-top: -2px;
}
.products .box06 ul{
    padding:10px 0 0;
}
.products .box06 ul li{
    display: block;
    width: 32.6%;
    float: left;
    text-align: center;
    margin-right: 1%;
}
.products .box06 ul li img{
    width: 100%;
}
.products .box06 ul li.last{
    margin-right: 0;
}




/*****************お問い合わせ・サポートTOP*******************/
.support.top{

}
.support.top .list{
    width: 100%;
    margin:  0 auto;
    padding-bottom: 40px;
    border-bottom:1px solid #e6e6e6;
}
.support.top .list h3{
    margin: 35px 0 30px;
    font-size: 28px;
    padding:   0 15px;
    line-height: 100%;
}
.support.top .list ul{
    display: table;
}
.support.top .list ul li{
    width: 25%;
    box-sizing: border-box;
    padding: 0 15px;
    text-align: left;
    display: table-cell;
    vertical-align: top;
}
.support.top .list ul li:last-child{

}
.support.top .list ul li a:hover{
    text-decoration: none;
}

.support.top .list ul li img{
    display: block;
    width: 100%;    
}
.support.top .list ul li span{
    margin-top: 20px;
    display: block;
    width: 90%; 
    padding-right: 10%; 
    font-size: 15px;
    color:#323232;
    font-weight: bold;
    background:url(../support/img/icon02.png) no-repeat right ;
}

.support.top .list ul li span.blank{
    background:url(../support/img/icon01.png) no-repeat right;
}
.support.top .list ul li:last-child span{
    margin-top: 5px;
    background:url(../support/img/icon01.png) no-repeat right;
    background-position: right 17px;
}
.support.top .list ul li span span{
    font-size: 12px;
    background: none!important;
}
.support.top .list ul li p{
    color:#323232;
    font-size: 14px;
    padding-top: 20px;
}
.support.top .list ul li a:hover span{
    color:#de1122;
}

.support.top .list2column{
    width: 100%;
    margin:  0 auto;
    box-sizing:border-box;
    padding:    0 15px 40px;
    border-bottom:1px solid #e6e6e6;
}
.support.top .list2column.search{
    border-bottom: none;
}
.support.top .list2column.last{
    border:none;
}
.support.top .list2column h3{
    margin: 35px 0 30px;
    font-size: 28px;
    line-height: 100%;
}

.support.top .list2column ul{
}
.support.top .list2column ul li:first-child{
    width:49.5%;
    float: left;
}
.support.top .list2column ul li:last-child{
    width:49.5%;
    float: right;
}
.support.top .list2column ul li:first-child span{
    background: url(../support/img/img05.png) no-repeat left top;
    line-height: 31px;
    font-size: 19px;
    padding-left: 60px;
    display: block;
    padding-bottom: 20px;
}
.support.top .list2column ul li:last-child span{
    background: url(../support/img/img08.png) no-repeat left top;
    line-height: 31px;
    color:#323232;
    font-size: 19px;
    padding-left: 50px;
    display: block;
    padding-bottom: 20px;
}
.support.top .list2column ul li p{
    float: left;
    font-size: 14px;
    width: 50%
}
.support.top .list2column ul li img{
    display: block;
    width: 50%;
    box-sizing: border-box; 
    float: left;
    padding-right: 15px;
}
.support.top .list2column ul li a{
    display: inline-block;
    margin-top: 20px;
}
.support.top .list2column ul li a img{
    width: 100%; 
}
.support.top .list2column .btm_link{
    margin-top: 40px;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
    padding: 40px 20px 40px 60px;
    background:#f3f3f3 url(../support/img/img11.png) no-repeat 25px 32px;
    font-size: 22px;
}

.support.search .support.top .list2column .btm_link{
    margin-top: 30px;
}
.support.search .support.top .list2column{
    padding-bottom: 60px;
}
.support.top .list2column .btm_link em{
    display: block;
    padding-top: 15px;
    font-size: 16px;
}
.support.top .list2column .btm_link em a{
    font-weight: bold;
    color:#323232;
    display: block;
    padding-top: 10px;
}
.support.top .list2column ul li:first-child span.mail_icon{
    background: url(../support/img/img13.png) no-repeat left 3px;
}
.support.top .list2column ul li:last-child span.tel_icon{
    background: url(../support/img/img16.png) no-repeat left top;
}
.support.top .list2column ul li p.tel{
    font-size:  14px;
}
.support.top .list2column ul li p.tel .red{
    color:#de1122;
    font-size:  14px;
    display: inline-block;         
    font-weight: bold;
}
.support.top .list2column ul li p.tel span{
    display: inline;
    background:none;
    padding:    0;
}
.support.top .list2column ul li p.tel span.number_ttl{
    font-size:  14px;
    font-weight: bold;
    display:    inline-block;

}
.support.top .list2column ul li p.tel span.number,
.support.top .list2column ul li p.tel span.number02{
    font-size:  22px;
    font-weight:    bold;
    padding-bottom: 5px;    
    padding-top: 3px;    
    display:    inline-block;
    }
.support.top .list2column ul li p.txt03{
    float: none;
    clear: both;
    padding-top: 10px;
    width: 100%;

    line-height: 16px;
    
    font-size: 12px;
}
.support.top .company_banner {
    margin-top: 30px;
    margin-bottom: 50px;
}
.support.top .company_banner img{
    max-width: 100%;
}
/*****************お問い合わせ・サポート*******************/
.support .ttl,
.news_index .ttl{
    background:#666666;
    height: auto;

}
.support .ttl h2,
.news_index .ttl h2{
    color:#fff;
    width: 100%;
    box-sizing:border-box;
    margin: 0 auto;
    font-size: 24px;
    display: block;
    padding: 20px 15px;
}
.support .txt{
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    margin: 40px auto 0;
    box-sizing:border-box;
    padding:0 15px;
}
.support .txt02{
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    margin: 15px auto 0;
    position: relative;
    box-sizing:border-box;
    padding:0 15px;
}
.support .txt02 img{
    display: block;
    position: absolute;
    left:410px;
    top:10px;

    
}
.support .txt a{
    color:#ed171f;
    text-decoration: underline;
}
.support .mv{
    font-size: 28px;
    line-height: 44px;
    width:100%;
    margin: 30px auto 50px;
}
.support .mv img{
    width: 100%;
}

.support .btn{
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    padding: 20px 15px 11px\0;
    font-size: 22px;
    margin: 0 auto;
    background:url(../support/download/img/close_icon.png) no-repeat right;
    border:1px solid #b4b4b4;
    border-bottom:none;
    cursor:pointer;
}
.support .btn.last{
    border:1px solid #b4b4b4;
}
.support .btn.active{
    background:url(../support/download/img/open_icon.png) #f0f0f0 no-repeat right;
    border-bottom:1px solid #b4b4b4;
}
.support .box{
    width: 100%;
    margin: 0 auto 20px;
}
.support .box.pt02,
.support .box.pt03,
.support .box.pt04{
    margin-top: 35px;
}
.support .box .caution{
    font-size: 12px;
    padding-top: 10px;
    padding-left: 15px;
    padding-bottom: 25px;
}

.support .box ul{
    width: 100%;
}
.support .box ul li{
    width: 32%;
    box-sizing: border-box;
    border-left:1px solid #b4b4b4;
    border-bottom:1px solid #b4b4b4;
    display: inline-block;
    padding: 0 0 15px 10px;
    margin-right: 1%;
    margin-bottom: 1%;
    min-height: 170px;
    position: relative;
}
.support .box.pt02 ul li{
    min-height: 237px;
}
.support .box.pt03 ul li{
    min-height: 120px;
}
.support .box.pt04 ul li{
    min-height: 165px;
}
.support .box ul li:nth-child(3n){
    margin-right: 0;
}
.support .box ul li .left{
    float: left;
    width: 60%;
}
.support .box.pt03 ul li .left{
    width: 100%;
}
.support .box.pt04 ul li .left{
    width: 100%;
}
.support .box ul li .day{
    font-size: 10px;
    padding-bottom: 5px;
    line-height: 100%;
    display: block;
}
.support .box ul li .name{
    font-size: 16px;
    font-weight: bold;
    display: block;
    padding-bottom: 5px;
}
.support .box.pt02 ul li .name{
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    display: block;
    padding-bottom: 15px;
}
.support .box.pt03 ul li .name{
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    display: block;
    padding-bottom: 15px;
}
.support .box ul li p{
    width: 100%;
    font-size: 12px;
    line-height: 17px;
    padding-bottom: 33px;
}
.support .box ul li p span{
    color:#ed171f;
}
.support .box ul li a{
    color:#666666;
    text-decoration: underline;
    display: block;
    padding-left: 23px;
    font-weight: bold;
    position: absolute;
    bottom:15px;
    background:url(../support/download/img/down_icon.png) no-repeat left;
}
.support .box.pt03 ul li a.eng_ver{
    bottom: 15px;
    left: 114px;
    width: 107px;
}
.support .box ul li .right{
    float: right;
}
.support .ttl_pdf{
	font-size:18px;
	margin-bottom:20px;
	}
/****************ニュース********************/

.news_index .left{
    float: left;
    margin-top: 45px;
    width: 20%;
    box-sizing: border-box;
    padding-left: 15px;
}
.news_index .right{
    float: right;
    margin-top: 45px;
    margin-bottom: 55px;
    width: 80%;
    padding-right: 15px;
    box-sizing: border-box;
}
.news_index .right.detail{
    float: left;
    margin-top: 45px;
    margin-bottom: 55px;
    width: 80%;
    max-width: 630px;  
    padding-right: 15px;
    box-sizing: border-box;
}
.news_index .right.detail img{
    width: 100%;
}
.news_index .left ul{
    margin-top: 10px;    
    margin-bottom: 30px;    
}
.news_index .left a{
    background:url(../img/common/h_arrow.png) no-repeat left 2px;
    display: inline-block;
    margin-top: 4px;
    font-size: 12px;
    font-weight: ;
    padding-left: 10px;
    color:#666666;
}
.news_index .right ul li{
    border-bottom:1px solid #e6e6e6;
    padding:20px 0;
}
.news_index .right ul li:first-child{
    padding-top:0;
}
.news_index .right ul li .name{
    font-size:  16px;
    float:  left;
    padding-top:5px;
    clear: left;
    color:#323232;
}
.news_index .right.detail .name{
    font-size:  22px;
    padding-top:15px;
    padding-bottom:25px;
    font-weight: bold;
    color:#323232;
}
.news_index .right.detail .txt{
    font-size: 14px;
    margin-bottom: 30px;
    line-height: 21px;
}
.news_index .right.detail a{
    color:#de1122;
    text-decoration: underline;
}

.news_index .right ul li .name a{
    color:#ed171f;
    text-decoration: underline;
}
.news_index .right ul li div img{
    width: 162px;
}
.news_index .right ul li .day{
    font-size:  14px;
    float:  left;
}
.news_index .right ul li div{
    float: right;
}
.news_index .right .pager{
    float: right;
    margin-top: 35px;   
}
.news_index .right .pager li{
    border:none;
    padding:0;
    font-size: 14px;
    display: inline-block;
}
.news_index .right .pager li a{
    color:#323232;
    padding:    10px;
}
.news_index .right .pager li a:hover{
    color:#ed171f;
    text-decoration: underline;
}
.news_index .right .pager li a.active{
    color:#ed171f;
}
.news_index .right .pager li:first-child{
    padding-right:   10px;
}
.news_index .right .pager li:last-child{

    padding-left:   10px;
    padding-right:   0px;
}
.products_top .list ul{
    display: table;
    width:100%;
    position: relative;
    margin: 30px auto 15px;
}
.products_top .list ul li{
    display: table-cell;
    text-align: center;
    
}
.products_top .list ul li img{
    display: block;
    margin: 0 auto 10px;
    width: 100%;
}
.products_top .list ul li span{
    display: block;
    text-align: center;
    margin: 0 auto;
    color:#323232;
}
.products_top .list ul li a:hover span{
    color:#de1122;
}

.products_top .list ul .products_pulldown{
    position: absolute;
    width: 112px;
    background: #e6e6e6;
    top: 100%;
    left: 0;
    padding: 4px;
    z-index:9999;

}
.products_top .list ul .products_pulldown02{
    position: absolute;
    width: 112px;
    background: #e6e6e6;
    top: 100%;
    left: 36%;
    padding: 4px;
    z-index:9999;
}
.products_top .list ul .products_pulldown03{
    position: absolute;
    width: 112px;
    background: #e6e6e6;
    top: 100%;
    left: 68%;
    padding: 4px;
    z-index: 9999;
}

.products_top .list ul .products_pulldown a,
.products_top .list ul .products_pulldown02 a,
.products_top .list ul .products_pulldown03 a{
    color:#323232;
    display: block;
    padding-bottom: 3px;
    
    font-size: 12px;
}
.products_top .list ul .products_pulldown a:hover,
.products_top .list ul .products_pulldown02 a:hover,
.products_top .list ul .products_pulldown03 a:hover{
    color:#de1122;
    text-decoration: underline;
}
.products_top .list ul li.down_list span{
    display: inline;
    text-align: center;
    margin: 0 auto;
    padding-right: 15px;
    color:#323232;
    background:url(../products/img/nav_open.png) no-repeat right;
    background-size: 10px;
}
.products_top .list ul li.active span{
    color:#de1122;
}
.products_top .box01{
    margin: 50px auto 0;
    text-align: center;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.products_top .box01 img{
    width: 100%;
}
.products_top .box02{
    margin: 0 auto;
    text-align: center;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.products_top .box02 img{
    width: 100%;
}
.products_top .box02 a{
    float: left;
    width: 33%;
    display: block;
    
}
.products_top .bx-wrapper {
    margin-bottom: 60px;    
}
/******************製品詳細テーブル*********************/
.products_spec{
    width:100%;
    box-sizing: border-box;
    padding: 0 15px;
    margin: 40px auto;
}
.products_spec h3{
    font-size: 28px;
    color:#323232;
}
.products_spec table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top:-40px ;
}
.products_spec td,.products_spec th {
    display: table-cell;
    font-weight: normal;
    vertical-align: inherit;
}
.products_spec th{
    font-size: 120%;
}
.products_spec td{
    text-align: left;
}
.products_spec td a{
    color:#4574A3;
}
.products_spec .tb_space td, .products_spec .tb_space th {
    padding: 15px 8px;
}
.products_spec .pd_table th, .products_spec .pd_table td {
    border: solid 1px #a0a0a0;
}
.products_spec .tb_green td {
    background: #f5fafa;
}
.products_spec .pd_table .tb_bno {
    border: none;
}
.products_spec .pd_table .pd_ttl {
    padding: 15px 0;
    font-size: 130%;
    color: #fff;
    text-align: center;
    background: #666666;
}
.products_spec .pd_table .pd_img {
    padding: 0;
    font-size: 130%;
    color: #fff;
    border:none;
    text-align: center;
}
.products_spec .attn {
    padding: 15px;
    margin: 30px 0 30px;
    font-size: 120%;
    border: solid 1px #a0a0a0;
}
.products_spec .attn02 {
    padding: 15px;
    margin: 30px 0 10px;
    font-size: 120%;
    border: solid 1px #a0a0a0;
}
.products_spec .attn_btm img{
    display: block;
    padding-bottom: 5px;   
}
.products_spec .attn_btm a{
    color:#de1122;
    text-decoration: underline;
}
.products_spec .attn_btm.thinner {
    margin: 10px 0 24px;
}
.products_spec h3.thinner {
    padding-top: 65px;
}
/******************水性ローバルケーススタディ*********************/
h3.aqua_case_ttl{
    width: 100%;
    display: block;
    text-align: center;
    border-bottom:1px solid #b4b4b4;
}
h3.aqua_case_ttl img{
    width: 100%;
}
.products .aqua.case .box01{
    margin-top: 36px;
}
.products .leed02{
    font-size: 24px;
}
.products .leed_txt{
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
}
.products .aqua.case .box02 {
    margin-top: 15px;
}
.products .aqua.case .box02 .c01{
    width: 70%; 
    float: left;
    height:120px ;
    border-left:1px solid #b4b4b4;
}
.products .aqua.case .box02 .c02
{
    float: left;
    height:120px ;
    border-left:1px solid #b4b4b4;
}
.products .aqua.case .box03{
    float: left;
    border-left: 1px solid #b4b4b4;
}
.products .aqua.case .box03 .c01{
    float: left;
    width: 40%; 
}
.products .aqua.case .box03 .c02{
    float: left;
    width: 60%; 
}
.products .aqua.case .box02 .c01 img{
    padding-top: 12px;
    padding-left: 20px;
}
.products .aqua.case .box02 .c02 img{
    padding-top: 12px;
    padding-left: 34px;
}
.products .aqua.case .box03 .c01 img{
    padding-top: 12px;
    padding-left: 20px;
}
.products .aqua.case .box03 .c02 img{
    padding-top: 38px;

}
.products .aqua.case .box02 .c01{
    float: left;
    width: 30%; 
}
.products .aqua.case .box03 .c01{
    float: left;
}
.products .aqua.case .box02 h4,
.products .aqua.case .box03 h4{
    padding-left: 5px;
    border-left: 3px solid #de1122;
    padding: 3px 7px 2px;
    font-weight: bold;
    font-size: 14px;
}
.products .aqua.case .box03 h4 span{
    font-size: 12px;
    font-weight: normal;
}
.products .aqua.case .box03 h4 span a{
    color:#de1122;
}
.products .aqua.case .box03{
    margin-top: 40px;
    clear: both;
    margin-bottom: 53px;    
    
}
.products .aqua.case .btn{
    width: 100%;
    box-sizing: border-box;
    clear: both;
    padding: 15px;
    padding: 20px 15px 11px\0;
    font-size: 22px;
    margin: 0 auto 55px;
    background:url(../support/download/img/close_icon.png) no-repeat right;
    border:1px solid #b4b4b4;
    cursor:pointer;

}
.products .aqua.case .btn.active{
    background:url(../support/download/img/open_icon.png) #f0f0f0 no-repeat right;
    border-bottom:1px solid #b4b4b4;
    margin-bottom: 30px;
}
.products .aqua.case .box{
    width: 100%;
    margin: 0px auto 55px;
}
.products .aqua.case .box .arrow_big{
    text-align: center;
}
.products .aqua.case .box .arrow_sml{
    text-align: center;
    margin-top: -20px;
}
.products .aqua.case .box .arrow_sml img{
    margin-top: -20px;
    display: block;
    margin: 0 auto;
    
}
.products .aqua.case .box ul{
    margin: 0 auto;
}
.products .aqua.case .box ul li{
width: 31%;
float: left;
padding: 0px 0px 15px;
margin-right: 3%;
position: relative;
box-sizing: border-box;
}
.products .aqua.case .box.pt02 ul li{
}
.products .aqua.case .box ul li:nth-child(3n){
    margin-right: 0;
}
.products .aqua.case .box ul li p{
    font-size: 16px;
    padding-left: 27px;
    letter-spacing: 1px;
    padding-top: 10px;
}
.products .aqua.case .box ul li img{
    width: 100%;    
}
.products .aqua.case .box ul li .tag01{
    background:url(../products/aqua/img/case/tag01.png) no-repeat;
    position: absolute;
    color:#fff;
    width: 86px;
    padding-top: 5px;
    padding-top:8px\0;
    top:-6px;
    right:-6px;
    font-size: 14px;
    height: 30px;
    text-align: center;
    
    letter-spacing: 2px;
}
.products .aqua.case .box ul li .tag02{
    background:url(../products/aqua/img/case/tag02.png) no-repeat;
    position: absolute;
    color:#323232;
    width: 86px;
    padding-top: 5px;
    padding-top:8px\0;
    top:-6px;
    right:-6px;
    font-size: 14px;
    height: 30px;
    text-align: center;
    letter-spacing: 2px;
}

.products .aqua.case .box ul li .tag03{
    background:url(../products/aqua/img/case/tag03.png) no-repeat;
    position: absolute;
    color:#fff;
    width: 86px;
    padding-top: 5px;
    padding-top:8px\0;
    top:-6px;
    right:-6px;
    font-size: 14px;
    height: 30px;
    text-align: center;
    letter-spacing: 2px;
}
.products .aqua.case .box ul li .tag04{
    background:url(../products/aqua/img/case/tag04.png) no-repeat;
    position: absolute;
    color:#fff;
    width: 86px;
    padding-top: 5px;
    padding-top:8px\0;
    top:-6px;
    right:-6px;
    font-size: 14px;
    height: 30px;
    text-align: center;
    letter-spacing: 2px;
}
.products .aqua.case .box ul li .next_arrow{
position: absolute;
top: 29%;
z-index: -1;
right: -43px;
height: 20px;
width: 60px;
}
.products .aqua.case .box ul li p span{
    color:#ed171f;
    font-weight: bold;
    display: block;
}

/******************水性ローバルケーススタディ*********************/
.products .aqua.howto .box01{
    margin-top: 36px;
    border:1px solid #de1122;
    padding-bottom: 10px;
}
.products .aqua.howto .box01 img{
    padding-bottom: 20px;
    width: 100%;
}
.products .aqua.howto .box01 p{
    padding-bottom: 20px;
    font-size: 18px;
    margin-left: 50px;
    padding-left: 20px;
    background:url(../products/aqua/img/img17.png) no-repeat left 4px;
    font-weight: bold;
}
.products .aqua.howto .box01 p span{
    color:#de1122;
}
.products .aqua.howto .box02{
    margin: 50px 0 30px;
}
.products .aqua.howto .box03{
    width: 100%;
    float: right;
    padding-bottom: 40px;
    background:url(../products/aqua/img/howto/img12.png) no-repeat bottom;
    margin-bottom: 20px;   
}
.products .aqua.howto .box03.last{
    background:none;
}
.products .aqua.howto .box03 .c01{
    float: left;
    width: 40%;
    text-align: right;
    
    box-sizing: border-box;
}
.products .aqua.howto .box03 .c02{
    float: left;
    width: 60%;
    box-sizing: border-box;
    padding-left: 30px;
}
.products .aqua.howto .box03 .c02 span.ttl{
    font-size: 26px;
    display: block;
    float: left;
    padding-top: 25px;
    padding-left: 15px;
}
.products .aqua.howto .box03 .c02 p{
    font-size: 16px;
    line-height: 24px;
    clear: both;
    padding-top: 15px;
}
.products .aqua.howto .box03 .c02 table a{
    background:url(../img/common/h_arrow.png) no-repeat right 2px;
    display: inline-block;
    margin-top: 4px;
    font-size: 12px;
    font-weight: bold;
    padding-right: 10px;
    color:#666666;
}
.products .aqua.howto .box03 .c02 table a:hover{
    color:#de1122;
}
.products .aqua.howto .box03 .c02 table td{
    padding-right: 10px;
}
.products .aqua.howto .box03 .c02 p .blue{
    color:#00a8e4;
}
.products .aqua.howto .box03 .c02 .number{
    display: block;
    float: left;
}
.products .aqua.howto .box03 .c02 .table_img{
    padding-top: 30px;
}

/******************エポローバルシンナーポップアップ*********************/
.popup_thinner{
    width:640px;
    margin: 0 auto;
    padding: 40px;
    box-sizing: border-box;
    background:#fff;
    position: relative;
}
.popup_thinner h1{
    font-size: 28px;
    padding-bottom: 10px;
}
.popup_thinner h2{
    font-size: 14px;
    display: block;
    padding-bottom: 5px;
    border-bottom:1px solid #b4b4b4;
    font-weight: bold;
}
.popup_thinner h2 span{
    color:#ffbe00;
}
.popup_thinner h3{
    font-size: 18px;
    line-height: 100%;
    color:#323232;
    padding-top: 20px;

}
.popup_thinner table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top:-20px ;
}
.popup_thinner td,.popup_thinner th {
    display: table-cell;
    font-weight: normal;
    vertical-align: inherit;
}
.popup_thinner th{
    font-size: 120%;
}
.popup_thinner .tb_space td, .popup_thinner .tb_space th {
    padding: 15px 8px;
}
.popup_thinner .pd_table th, .popup_thinner .pd_table td {
    border: solid 1px #a0a0a0;
}
.popup_thinner .tb_green td {
    background: #f5fafa;
}
.popup_thinner .pd_table .tb_bno {
    border: none;
}
.popup_thinner .pd_table .pd_ttl {
    padding: 15px 0;
    font-size: 130%;
    color: #fff;
    text-align: center;
    background: #666666;
}
.popup_thinner .pd_table .pd_img {
    padding: 0;
    font-size: 130%;
    color: #fff;
    border:none;
    text-align: center;
}
.popup_thinner .attn {
    padding: 15px;
    margin: 20px 0 30px;
    font-size: 12px;
    border: solid 1px #a0a0a0;
}
.popup_thinner .attn_btm img{
    display: block;
    padding-bottom: 5px;   
}
.popup_thinner .attn_btm a{
    color:#de1122;
    text-decoration: underline;
}
/***********購入ボタンだけのとき************/
a.cart_link{
    font-size: 12px;
    font-weight: 700;
    padding: 7px 0px 7px 0px;
    display: block;
    background:url(../../../img/sp/common/btn_02.png) #fff 83% 10px no-repeat;
    background-size:15px;
    color:#323232;
    text-decoration: none;
    border-radius: 3px;
    width: 150px;
    margin: 10px auto;
    border:1px solid #b4b4b4;
    text-align: center;
}
.popup-modal-dismiss{
  text-align: center; 
}

.popup_thinner .btm_close{
  padding-top: 30px;
  border-top: 1px solid #d3d3d3;
    margin: 20px auto;

}
.popup_thinner .close{
  position: absolute;
  top:10px;
  right:10px;
}

.popup_thinner h2 span.red{
    color:#ed171f;
}.popup_thinner h2 span.blue{
    color:#52c8d4;
}.popup_thinner h2 span.purple{
    color:#9c5aa6;
}


/***************お問い合わせ*****************/
.popup_contact{
    width: 100%;
    background:#fff;
    margin: 0 auto;
    padding: 15px;
    box-sizing: border-box;
}
label.checkbox_text {
    cursor       : pointer;
    position     : relative;
    padding-left : 25px;
    margin-right : 20px;
    overflow     : hidden;
    position     : relative;
    padding-left : 25px;
    display      : inline-block;
    box-sizing   : border-box;
    line-height: 16px;
}
label.checkbox_text:before {
    content  : '';
    position : absolute;
    width    : 12px;
    height   : 12px;
    left     : 0px;
    top      : 0;
    border   : 1px solid #B3B3B3;
    z-index  : 3;
    border-radius: 2px;
}
label.checkbox_text.c_on:before {
    content  : '';
    position : absolute;
    width    : 12px;
    height   : 12px;
    left     : 0px;
    top      : 0;
    background:#3797fb;
    border   : 1px solid #B3B3B3;
    z-index  : 3;
}
label.checkbox_text:after {
    content: '';
    position: absolute;
    top: 40%;
    left: 4px;
    display: block;
    margin-top: -6px;
    width: 4px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform         : rotate(45deg);
    -webkit-transform : rotate(45deg);
    -moz-transform    : rotate(45deg);
    z-index           : 5;
}
label.checkbox_text input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    position   : absolute;
    left       : -40px;
    width      : 20px;
    height     : 20px;
    display    : block;
    box-shadow : 41px 0px #FFF;
    z-index    : 2;
    margin     : 0px;
    padding    : 0px;
}
label.checkbox_text input[type="checkbox"]:checked {
    box-shadow : none;
}
label.checkbox_text input[type="checkbox"]:checked:focus {
    box-shadow : 40px 0px #666;
    opacity    : 0.1;
}
label.checkbox_text input[type="checkbox"]:focus {
    box-shadow : 41px 0px #EEE;
}

/*RadioとText*/
label.radio_text {
    cursor       : pointer;
    position     : relative;
    padding-left : 5px;
    margin-right : 60px;
    overflow     : hidden;
    padding-left : 25px;
    display      : inline-block;
    line-height: 16px;
    margin-bottom: 20px;
}
label.radio_text:before {
    position: absolute;
    width: 12px;
    border:1px solid #B3B3B3;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    left: 0px;
    top: 0px;
    content: '';
    z-index: 3;
}
label.radio_text.c_on:before{
    background:#4ea0fb;
}
label.radio_text:after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    left: 5px;
    top: 5px;
    background-color: #fff;
    z-index: 5;
}
label.radio_text input[type="radio"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    position   : absolute;
    z-index    : 2;
    width      : 20px;
    height     : 20px;
    left       : -23px;
    top        : 0px;
    margin     : 0px;
    box-shadow : 20px -1px #FFF;
}
label.radio_text input[type="radio"]:checked {
    box-shadow : none;
}
label.radio_text input[type="radio"]:focus {
    opacity    : 0.2;
    box-shadow : 20px -1px #FFF;
}
.file{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.file input[type="image"]{
    width: 120px;
    float: left;
    

}
.file-input {
position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    font-size: 315px;
    opacity: 0;
    cursor: pointer;
}
.file-text {
    float: left;
    width: 302px;
    height: 40px;
    line-height: 27px;
    font-size: 16px;
    padding: 0 10px;
}
.file-button {
    float: left;
    width: 120px;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    text-align: center;
    font-size: 12px;
}
.file-button img{
    width: 100%;
}
.contact table{
    border-top:1px dotted #b4b4b4;
    vertical-align: top;
    margin-top: 25px;
}
.contact h2{
    font-size: 28px;
    display: block;
    margin-bottom: 30px;
}
.contact .logo{
    margin-bottom: 20px;
    width: 105px;
    padding-top: 0;
    float: none;
}
.contact .logo img{
    width: 100%;
}
.contact .leed{
    font-size: 14px;
    line-height: 24px;
}
.contact .leed span{
    color:#de1122;

}
.contact th{
    font-weight: normal;
    font-size: 14px;
    width: 30%;
    box-sizing: border-box;
}
.contact th span{
    color:#de1122;
    font-size: 14px;
}
.contact th,
.contact td{
    padding:25px 0 ;
    vertical-align: top;
}
.contact .border th,
.contact .border td{
    border-bottom:1px dotted #b4b4b4;
    padding: 20px 0 !important;
}
.contact td label{
    font-size: 16px; 
}

.contact td label.radio_text.last{
    margin-bottom: 0;
}
.contact td label.checkbox_text{
    margin-top: 20px;
}
.contact td p.tx14{
    font-size: 14px;
}
.contact textarea{
    width: 100%;
    height: 150px;
    border-radius: 3px;
    padding: 12px 5px;
    border: 1px solid #c8c8c8;
}
.contact th p{
    margin-top: 10px;

}
.contact td .red{
    color:#de1122;
    font-size: 14px;
    margin-bottom: 25px;
    line-height: 24px;
}
.contact input[type="text"]{
    padding: 12px 5px;
    border-radius: 3px;
    border: 1px solid #c8c8c8;
}
.contact input.name01[type="text"]{
    padding: 12px 5px;
    width: 180px;
    border-radius: 3px;
    border: 1px solid #c8c8c8;
}
.contact input.name02[type="text"]{
    padding: 12px 5px;
    margin-right: 0px;
    margin-left: 15px;
    width: 180px;
    border-radius: 3px;
    border:1px solid #c8c8c8;
}
.contact input.name03[type="text"]{
    padding: 12px 5px;
    margin-right: 10px;
    width: 180px;
    border-radius: 3px;
    border:1px solid #c8c8c8;
}
.contact input.name04[type="text"]{
    padding: 12px 5px;
    margin-right: 0px;
    margin-left: 1px;
    width: 180px;
    border-radius: 3px;
    border:1px solid #c8c8c8;
}
.contact .name_box th{
    padding: 30px 0 5px;
}
.contact .name_box td{
    padding: 20px 0 5px;
}
.contact .name_box02 th{
    padding: 15px 0 5px;
}
.contact .name_box02 td{
    padding: 5px 0 5px;
}

.contact input[type="email"]{
    padding: 12px 5px;
    width: 360px;
    border-radius: 3px;
    border:1px solid #c8c8c8;
}
.contact .mail_box th{
    padding: 19px 0 10px;
}
.contact .mail_box p{
    margin-top: 15px;
    margin-bottom: 5px;
}
.contact .mail_box td{
    padding: 12px 0 10px;
}
.contact .tel_box th{
    padding: 19px 0 10px;
}
.contact .tel_box td{
    padding: 12px 0 10px;
}
.contact input.zip_initial{
    width: 150px;
}
.contact input.zip{
    width: 70px;
}
.contact .yubin_box th{
    padding: 19px 0 10px;
}
.contact .yubin_box input[type="text"]{
        padding:12px 5px;
}
.contact .yubin_box td{
    font-size: 16px;
    padding: 12px 0px 10px;
}
.contact .yubin_box input[type="image"]{
    float: right;
}
.contact select{
    width: 240px;
    font-size: 14px;
    padding: 5px;
    border:1px solid #c8c8c8;
}
.contact .pref_box th{
    padding: 15px 0 9px 69px;
}
.contact .pref_box td{
    padding: 10px 0 8px;

}
.contact .city_box01 th{
    padding: 13px 0 9px 69px;
}
.contact .city_box01 td{
    padding: 6px 0 9px;
}
.contact .city_box02 th{
    padding: 12px 0 30px 69px;
}
.contact .city_box02 td{
    padding: 5px 0 30px;
}

.contact .city_box01 input[type="text"],
.contact .city_box02 input[type="text"]{
    box-sizing: border-box;
    width: 100%;
    padding: 8px;
}
.contact .work_box th{
    padding: 32px 0 10px;
}
.contact .work_box td{
    padding: 30px 0 10px;
}
.contact .company_box th{
    padding: 19px 0 10px;
}
.contact .company_box td{
    padding: 12px 0 10px;
}
.contact .company_box input[type="text"]{
    padding:12px 5px;
    width: 100%;
    box-sizing: border-box;
}
.contact .company_box02 th{
    padding: 19px 0 10px;
}
.contact .company_box02 td{
    padding: 12px 0 10px;
}
.contact .company_box02 input[type="text"]{
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
}
.contact .btn{
    width: 310px;
    text-align: center;
    margin: 30px auto 0;
}
.contact .btn li{
    display: inline;
    padding: 0 6px;
}
.contact .btn input[type="button"]{
    text-indent:-9999px;
    background:url(../include/img/btn_reset.png) no-repeat;
    width: 100px;
    border:none;
    height: 40px;
    cursor: pointer;
}
.contact .btn input[type="submit"]{
    text-indent:-9999px;
    background:url(../include/img/btn_submit.png) no-repeat;
    width: 180px;
    border:none;
    height: 40px;
    cursor: pointer;
}
.contact .caution{
    margin-top: 30px;
    display: block!important;
}
.contact .caution p{
    font-size: 14px;
    padding-left:1em;
    text-indent: -1em;
}
.btm_close {
    padding-top: 30px;
    border-top: 1px solid #d3d3d3;
    margin-top: 30px;
}
.contact_close{
    border-top:none;
    margin-top: 0;
    padding-top: 30px;
}
.close {
    position: absolute;
    top: 10px;
    right: 10px;
}


/***********casestudy*************/
.use_nav{
    margin: 33px 15px 0;
}
.use_nav.btm{
    margin: 0 auto 60px;
}
.use_nav h3{
    margin-bottom: 10px;
}
.use_nav ul{
    padding: 0 ;
    margin: ;
    max-width:980px;
    width: 100%;
    background:#e6e6e6;
    width: 100%;
    box-sizing: border-box;
}
.use_nav li{
    float: left;
    width: 25%;
    box-sizing: border-box;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}
.use_nav li a{
    padding: 15px 12px;
    background:#e6e6e6;
    display: block;
}
.use_nav li img{
    width: 100%;
    height: auto;
}
.use_nav li a.active{
    background:#ed171f;
}
h3.casestudy_ttl{
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 30px;
    border-top:1px solid #b4b4b4;
    border-bottom:1px solid #b4b4b4;
}
h3.casestudy_ttl img{
    width: 100%;
}
.products .casestudy .box01{
    margin-top: 20px;
}
.products .casestudy .box02 {
    margin-top: 15px;
    margin-bottom: 40px;
}
.products .casestudy .box02 .c01,
.products .casestudy .box02 .c02,
.products .casestudy .box02 .c03{
    float: left;
    min-height:130px ;
    border-left:1px solid #b4b4b4;
}
.products .casestudy .box02 .c01 img{
    padding-top: 12px;
    /* padding-left: 20px; */
    width: 70%;
    display: block;
    margin: 0 auto;
}
.products .casestudy .box02 .c02 img{
    padding-top: 12px;
    width: 100%;

}
.products .casestudy .box02 .c01,
.products .casestudy .box02 .c02{
    width: 25%;
    float: left;
}
.products .casestudy .box02 .c02{
    text-align: center;
}
.products .casestudy .box02 .c03{
    width: calc(50% - 20px);
    float: left;
}
.products .casestudy .box02.case05 .c03 {
    float: left;
    width: 100%;
    border-left: 1px solid #b4b4b4;
}
.products .casestudy .box02.case05 .c03 p {
    padding-left: 15px;
    margin-bottom: 10px;
    margin-left: 20px;
}
.products .casestudy .box02.case05 .c03 h4 {
    margin-bottom: 20px;
}
.products .casestudy .box02 .c03 span{
    font-size: 18px;
    font-weight: bold;
    display: block;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 50px;
}
.products .casestudy .box02 .c03 p{
    font-size: 13px;
    padding-left: 50px;
}
.products .casestudy h4{
    padding-left: 5px;
    border-left: 3px solid #de1122;
    padding: 3px 7px 2px;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
}

.products .casestudy .btn{
    clear: both;
    padding: 15px;
    padding: 20px 15px 11px\0;
    font-size: 22px;
    margin: 0 auto 10px;
    background:url(../support/download/img/close_icon.png) no-repeat right;
    border:1px solid #b4b4b4;
    cursor:pointer;
}
.products .casestudy .btn.active{
    background:url(../support/download/img/open_icon.png) #f0f0f0 no-repeat right;
    border-bottom:1px solid #b4b4b4;
    margin-bottom: 10px;
}
.products .casestudy .box{
    width: 100%;
    margin: 0px auto 55px;
}
.products .casestudy .box.case04 img{
    width: 100%;
}
.products .casestudy .box.case02{
    margin-top: 30px;   
}
.products .casestudy .box .arrow_big{
    text-align: center;
}
.products .casestudy .box .arrow_big img{
    width: 72%;

}
.products .casestudy .box .arrow_sml{
    text-align: center;
    margin-top: -20px;
}
.products .casestudy .box .arrow_sml img{
    margin-top: -20px;
    display: block;
    margin: 0 auto;
    
}
.products .casestudy .box ul{
    margin: 0 auto;
    width: 100%;
}
.products .casestudy .box ul li{
    width: 31%;
    box-sizing: border-box;
    float: left;
    padding: 0 0 15px 0px;
    margin-right: 3%;
    position: relative;
}

.products .casestudy .box ul li.mr0{
    margin-right: 0;
}
.products .casestudy .box ul li p{
    font-size: 16px;
    padding-left: 27px;
    letter-spacing: 1px;
    padding-top: 10px;
}
.products .casestudy .box .arrow_sml img{
    margin-top: -20px;
    display: block;
    margin: 0 auto; 
}
.products .casestudy .box ul li img{
    width: 100%;    
}
.products .casestudy .box ul li .tag01{
    background:url(../products/aqua/img/case/tag01.png) no-repeat;
    position: absolute;
    color:#fff;
    width: 86px;
    padding-top: 5px;
    padding-top:8px\0;
    top:-6px;
    right:-3px;
    font-size: 14px;
    height: 30px;
    text-align: center;
    letter-spacing: 2px;
}
.products .casestudy .box ul li .tag02{
    background:url(../products/aqua/img/case/tag02.png) no-repeat;
    position: absolute;
    color:#323232;
    width: 86px;
    padding-top: 5px;
    padding-top:8px\0;
    top:-6px;
    right:-3px;
    font-size: 14px;
    height: 30px;
    text-align: center;
    letter-spacing: 2px;
}

.products .casestudy .box ul li .tag03{
    background:url(../products/aqua/img/case/tag03.png) no-repeat;
    position: absolute;
    color:#fff;
    width: 86px;
    padding-top: 5px;
    padding-top:8px\0;
    top:-6px;
    right:-3px;
    font-size: 14px;
    height: 30px;
    text-align: center;
    letter-spacing: 2px;
}

.products .casestudy .box ul li .tag04{
    background:url(../products/aqua/img/case/tag04.png) no-repeat;
    position: absolute;
    color:#fff;
    width: 86px;
    padding-top: 5px;
    padding-top:8px\0;
    top:-6px;
    right:-3px;
    font-size: 14px;
    height: 30px;
    text-align: center;
    letter-spacing: 2px;
}
.products .casestudy .box ul li .tag_comp{
    position: absolute;
    width: 79px;
    top: -41px;
    right: -17px;
    height: 79px;
}
.products .casestudy .box ul li .tag_comp02{
    position: absolute;
    width: 79px;
    top: -21px;
    right: -17px;
    height: 79px;
}
.products .casestudy .box ul li .next_arrow{
    position: absolute;
    top:37%;
    right:-57px;
}
.products .casestudy .box ul li .hukidashi01{
    position: absolute;
    top: 25%;
    width: 80%; 
    right: -86%;
}

.products .casestudy .leed03{
    display: table;
    width: 100%;
    margin-bottom: 50px;
    padding-bottom: 5px;
    border-bottom:1px solid #b4b4b4;
}
.products .casestudy .leed04{
    display: table;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom:1px solid #b4b4b4;
}
.products .casestudy .box ul li p span.red{
    color:#ed171f;
    font-weight: normal;
    display: inline;
}
.products .casestudy .box ul li p span.red_bold{
    color:#ed171f;
    font-weight: bold;
    display: inline;
}
.products .casestudy .leed03 p{
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    font-size: 16px;
}
.products .casestudy .leed03 span{
    display: table-cell;
    padding-right: 10px;
    text-align: right;
    vertical-align: middle;
}
.products .casestudy .leed04 p{
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    font-size: 16px;
}
.products .casestudy .leed04 span{
    display: table-cell;
    padding-right: 10px;
    text-align: right;
    vertical-align: middle;
}
.products .casestudy .box ul li .next_arrow{
    position: absolute;
    top: 35%;
    z-index: -1;
    right: -43px;
    height: 20px;
    width: 60px;
}
.products .casestudy .case03_btm{
    width: 100%;
    border:1px solid #e6e6e6;
    margin:0 auto 80px;
}
.products .casestudy .case03_btm h3{
    background:#b4b4b4;
    padding:15px 25px;
    font-size: 18px;   
    font-weight:bold; 
}
.products .casestudy .case03_btm li{
    width: 50%;
    float: left;
    font-size: 14px;    
}
.products .casestudy .case03_btm li img{
    display: block;
    width: 40%; 
    float: left;
    padding-right: 5px; 
            
}
.products .casestudy .case03_btm ul{
    padding:    15px 25px 30px;
}
.products .casestudy .case03_btm .leed{
    font-size: 16px;
    padding:10px 20px;
}
.products .casestudy .related_site{
    margin-bottom: 60px;
}
.products .casestudy .related_site h3{
    border-left:8px solid #ed171f;
    font-size: 15px;
    padding-left: 10px;
    letter-spacing: 2px;
    line-height: 100%;
    margin-bottom: 15px;
    font-weight: bold;
}
.products .casestudy .case05.box{
    width: 100%;
}
.products .casestudy .case05.box img{
    width: 100%;

}
.products .casestudy .box02.case05 .c03 span{
    background: url(../products/aqua/img/img17.png) no-repeat left 4px;
    margin-bottom: 0px;
    padding-top: 0;
    margin-left: 20px;
    padding-left: 15px;
}
.products .casestudy .case05.jisseki h3{
    border-left:8px solid #ed171f;
    font-size: 15px;
    padding-left: 10px;
    letter-spacing: 2px;
    line-height: 100%;
    margin-bottom: 15px;
    font-weight: bold;
}
.products .casestudy .case05.jisseki{
    background:#f3f3f3;
    padding: 15px 0 ;
}
.products .casestudy .case05.jisseki ul{
    padding-left: 15px;
}
.products .casestudy .case05.jisseki ul li{
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
}
/*************ローバルを使う ＞ 使用用途***************/
.appli .box02{
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 2%;
}
.appli .box02 li{
    width: 16.5%;
    float: left;
    height: 58px;
    text-align: center;
}
.appli .box02 li a{
    color:#323232;
}
.appli .box02 li a.visited{
    color:#b4b4b4;
}
.appli .box02 li a:hover{
    color:#ed171f;
}
.appli .box02 li a.app_s{
    font-size: 20px;
}
.appli .box02 li a.app_m{
    font-size: 26px;
}
.appli .box02 li a.app_l{
    font-size: 36px;
}
.appli .box02 li a.app_24{
    font-size: 24px;
}
.appli .box01 .leed02{
    font-size: 28px;
    line-height: 44px;
    text-align: center;
    margin-top: 45px;
}
.appli .box01 .leed_txt{
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
    color:#ed171f;
    margin-bottom: 30px;
}
.appli .box03 .leed02{
    font-size: 28px;
    line-height: 44px;
    text-align: center;
    margin-top: 45px;
}
.appli .box03 .c01{
    width: 100%;
    margin: 35px auto 0;
    padding:0 15px 35px ;
    border-bottom:1px solid #e6e6e6;
}
.appli .box03 .c01 p{
    width: 54%;
    box-sizing: border-box;
    float: left;
    font-size: 18px;

    color:#ed171f;
    margin-bottom: 15px;
}
.appli .box03 .c01 span{
    display: block;
    margin-bottom: 10px;
}
.appli .box03 .c01 em{
    font-size: 14px;
}
.appli .box03 .c01 div{
    font-size: 14px;
    padding-right: 10px;
    float: left;
    width: 54%;
    box-sizing: border-box;
    line-height: 28px;
}
.appli .box03 .c01 ul{
    float: right;
    width: 46%;
}
.appli .box03 .c01 ul li{
    float: left;
    width: 44%;
    margin: 0 5px;
    text-align: center;
    font-size: 12px;
}
.appli .box03 .c01 ul img{
    display: block;
    width: 100%;
}

.appli .box03 .c02{
    width:100%;
    margin: 35px auto 0;
    padding-bottom: 35px;
    border-bottom:1px solid #e6e6e6;
}
.appli .box03 .c02 p{
    width: 54%;
    box-sizing: border-box;
    float: left;
    font-size: 22px;
    color:#ed171f;
    margin-bottom: 15px;
}
.appli .box03 .c02 span{
    display: block;
    margin-bottom: 10px;

}
.appli .box03 .c02 em{
    font-size: 14px;
}
.appli .box03 .c02 div{
    font-size: 16px;
    line-height: 28px;
    float: left;
    width: 54%;
    box-sizing: border-box;
}
.appli .box03 .c02 ul{
    float: left;
    width: calc(46% - 10px);
    padding-left: 10px;
}
.appli .box03 .c02 ul li{
    float: left;
    margin: 0 5px;
    text-align: center;
    width: 44%;
    font-size: 12px;
}
.appli .box03 .c02 ul img{
    display: block;
    width: 100%;
}

.appli .box03 a{
    background:url(../img/common/h_arrow.png) no-repeat right 2px;
    margin:15px auto 0;
    display: inline-block;
    text-align: center;
    clear: both;
    line-height: 140%;
    font-size: 14px;
    font-weight: 700;
    padding-left: 0px;
    padding-right: 12px;
    color:#666666;
}

/*************ローバルを使う＞使用道具***************/
.use .tools p.leed02{
    font-size: 28px;
    line-height: 44px;
    text-align: center;
    margin-top: 45px;
}
.use .tools p.leed_txt{
    font-size: 18px;
    line-height: 32px;
    margin: 40px 0 50px;
    text-align: center;
}
.use .tools .box01{
    width: 100%;
    margin-top: 40px;   
    background:#f3f3f3;
    text-align: center;
}
.use .tools .box01 h2{
    position: relative;
    top:-25px;
    left:-35%;
}
.use .tools .box01 h2 img{
    width: 20%; 
}
.use .tools .box01 h3{
    font-size: 32px;
    margin-top: -22px;
    line-height: 100%;
    letter-spacing: 5px;
    margin-bottom: 25px;    
}
.use .tools .box01 .mv{
    padding-bottom: 20px;   
}
.use .tools .box01 .mv img{
    width: 100%;
}
.use .tools .box02{
    width: 100% ;
    max-width:980px;
    height: 274px;
    background:url(../use/img_tools/img01.png) no-repeat;
    background-size:contain;
    margin: 0 auto;
    position: relative;
}
.use .tools .box02 h4{
    font-size: 24px;
    color:#ed171f;
    position: absolute;
    left: 41%;
    top: 3%;
}
.use .tools .box02 p{
    font-size: 13px;
    position: absolute;
    left: 41%;
    top: 20%;
    width: 41%;
}
/**/
.use .tools .box03{
    width: 100%;
    max-width:980px;
    height: 188px;
    background:url(../use/img_tools/img02.png) no-repeat top right;
    background-size:contain;
    margin: 0 auto 66px;
    position: relative;
}
.use .tools .box03 h4{
    font-size: 24px;
    color:#ed171f;
    position: absolute;
    left: 20%;
    top: 9%;
}
.use .tools .box03 p{
    font-size: 13px;
    position: absolute;
    left: 20%;
        top: 35%;
    width: 41%;
}
/**/
.use .tools .box04{
    width: 100%;
    max-width:980px;
    height: 207px;
    background:url(../use/img_tools/img03.png) no-repeat top;
    background-size:contain;
    margin: 0 auto 85px;
    position: relative;
}
.use .tools .box04 h4{
    font-size: 24px;
    color:#ed171f;
    position: absolute;
    left: 41%;
    top: 9%;
}
.use .tools .box04 p{
    font-size: 13px;
    position: absolute;
    left: 41%;
        top: 35%;
    width: 41%;
}

/**/
.use .tools .box05{
    width: 100%;
    max-width:980px;
    height: 195px;
    background:url(../use/img_tools/img04.png) no-repeat top right;
    background-size:contain;
    margin: 0 auto;
    position: relative;
}
.use .tools .box05 h4{
    font-size: 24px;
    color:#ed171f;
    position: absolute;
    left: 20%;
    top: 9%;
}
.use .tools .box05 p{
    font-size: 13px;
    position: absolute;
    left: 20%;
        top: 35%;
    width: 41%;
}
.use .tools .box02 .slide_wrap,
.use .tools .box04 .slide_wrap,
.use .tools .box07 .slide_wrap,
.use .tools .box09 .slide_wrap
{
    float: right;

}
.use .tools .slide_wrap{
    width: 110px;
    margin-left: 10px; 
    margin-right: 10px; 
}
.use .tools .slide_wrap img{
    width: 110px;   
}
.use .tools .check{
    border:1px solid #b4b4b4;
    width: calc(100% - 30px);
    max-width:980px;
    box-sizing: border-box;
    padding: 35px 35px 20px 30px;
    margin:  100px auto 100px;
}
.use .tools .check div{
    float: left;
    width: 70%;
    
}
.use .tools .check h4{
    font-size: 20px;
    line-height: 67%;
    margin-bottom: 25px;
}
.use .tools .check h4 img{
    display: block;
    float: none;
    width: auto;
}
.use .tools .check span{
    float: left;
    background: url(../use/img_tools/check_icon.png) no-repeat top left;
    background-size:20px;
    line-height: 33px;
    font-size: 14px;
    padding-left: 30px;
    margin-bottom: 10px;
}
.use .tools .check img{
    display: block;
    width: 30%;
    float: right;   
}
.use .tools .box06{
    width: 100%;
    max-width:980px;
    margin-top: 40px;   
    background:#f3f3f3;
    text-align: center;
}
.use .tools .box06 h2{
    position: relative;
    width: calc(100% - 40%);
    top: -28px;
    left: 40%;
}
.use .tools .box06 h2 img{
    width: 30%; 
}
.use .tools .box06 h3{
    font-size: 32px;
        padding-top: 10px;
    margin-top: -42px;
    line-height: 100%;
    letter-spacing: 5px;
    margin-bottom: 25px;    
}
.use .tools .box06 .mv{
    padding-bottom: 20px;   
}
.use .tools .box06 .mv img{
    width: 100%;
}
.use .tools .box06 .txt{
    font-size: 18px;    
    padding-bottom: 20px;   
}
.use .tools .box06 .txt a{
    text-decoration: underline;
}
.use .tools .box07 p span,
.use .tools .box08 p span,
.use .tools .box09 p span{
    color:#ed171f;

}
.use .tools .box07 p a,
.use .tools .box08 p a,
.use .tools .box09 p a{
    text-decoration: underline;

}
.use .tools .box07{
    width: 100%;
    max-width:980px;
    height: 301px;
    background:url(../use/img_tools/img08.png) top no-repeat;
    background-size:contain;
    margin: 0 auto 100px;
    position: relative;
}
.use .tools .box07 h4{
    font-size: 24px;
    color:#ed171f;
    position: absolute;
    left: 41%;
    top: 6%;
}
.use .tools .box07 p{
    font-size: 13px;
    position: absolute;
    line-height: 24px;  
    left: 41%;
    top: 23%;
    width: 41%;
}
/**/
.use .tools .box08{
    width: 100%;
    max-width:980px;
    height: 285px;
    background:url(../use/img_tools/img09.png) no-repeat top right;
    background-size:contain;
    margin: 0 auto 100px;
    position: relative;
}
.use .tools .box08 h4{
    font-size: 24px;
    color:#ed171f;
    position: absolute;
    left: 162px;
    top: 3%;
}
.use .tools .box08 p{
    font-size: 14px;
    position: absolute;
    left: 162px;
    line-height: 24px;  
    top: 22%;
    width: 41%;
}
.use .tools .box08 .slide_wrap{
    padding-top: 16px;
}
/**/
.use .tools .box09{
    width: 100%;
    max-width:980px;
    height: 289px;
    background:url(../use/img_tools/img10.png) top no-repeat;
    background-size:contain;
    margin: 0 auto 100px;
    position: relative;
}
.use .tools .box09 h4{
    font-size: 24px;
    color:#ed171f;
    position: absolute;
    left: 41%;
    top: 0;
}
.use .tools .box09 p{
    font-size: 14px;
    line-height: 24px;  
    position: absolute;
    left: 41%;
    top: 18%;
    width: 41%;
}
.use .tools .box09 em{
    font-weight:bold;
}

/**/

/**********use > howto***********/
.use .howto .box01{
    margin: 36px auto 0;
    border:1px solid #de1122;
    padding-bottom: 10px;
    box-sizing: border-box;
    width: 100%;   
}
.use .howto .box01 p{
    padding-bottom: 20px;
    margin-top: 20px;
    font-size: 18px;
    float: left;
    width: 30%;
    margin-right: 2%;
    font-weight: bold;
}
.use .howto .box01 p img{
    width: 100%;
}
.use .howto .box01 p.c01{
    margin-left: 3%;
}
.use .howto .box01 p.last{
    margin-right: 0; 
}
.use .howto .box02{
    width: 100%;
    box-sizing: border-box;
    margin: 60px auto 20px;
}
.use .howto .box02 h3{
    font-size: 28px;
    text-align: center;
}
.use .howto .box02{
    padding: 0 15px;
}
.use .howto .box02 .left{
    float: left;
    width: 60%;
    margin-top: 40px;
    font-size: 16px;
    line-height: 28px;
}

.use .howto .box02 .left .ttl{
    font-size: 18px;
    color:#ed171f;
}
.use .howto .box02 .left dl{
    margin-top: 15px;
}
.use .howto .box02 .left dt{
    float: left;
    width: 20%;
}
.use .howto .box02 .left dt img{
    width: 100%;
}
.use .howto .box02 .left dd{
    padding-top: 10px;
    float: left;
    width: 70%;
    line-height: 28px;
    padding-left: 20px;
}
.use .howto .box02 .right{
    float: right;
    width: 40%; 
}
.use .howto .box02 .right img{
    width: 100%;
}
.use .howto .box03{
    width: 100%;
    clear: both;
    text-align: center;    
    margin: 60px auto 80px;
    padding-top: 55px;
    padding-bottom: 40px;
    border-top:2px solid #e6e6e6;
    border-bottom:2px solid #e6e6e6;
}
.use .howto .box03 img{
    width: 100%;
}
.use .howto .box03 h3{
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
}
.use .howto .box03 .leed03{
    font-size: 18px;
    margin-bottom: 20px;
    color:#ed171f;
    font-weight: 700;
    text-align: center;
}
.use .howto .box03 .leed_txt{
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 20px;
}
.use .howto .box03 a{
    display: block;
    width: 332px;
    margin: 35px auto;
}
.use .howto a.link_btn{
    background:url(../img/common/h_arrow.png) no-repeat right 2px;
    margin:15px auto 0;
    display: inline-block;
    clear: both;
    line-height: 140%;
    font-size: 14px;
    font-weight: 700;
    padding-left: 0px;
    padding-right: 12px;
    color:#666666;
}
.use .howto .box04 h3{
    font-size: 26px;
    text-align: center;
    margin-bottom: 40px;
    
}
.use .howto .box04{
    width: 100%;
    margin: 0 auto 20px;
}
.use .howto .box04 .clearfix{
    border-bottom:1px solid #e6e6e6;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 15px;

}
.use .howto .clearfix.last{
    border:none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.use .howto .box04 .c01{
    float: left;
    width: 50%;
}
.use .howto .box04 .c01 img{
    width: 100%;
}
.use .howto .box04 .c02{
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-left: 30px;
}
.use .howto .box04 .c02 span.ttl{
    font-size: 26px;
    display: block;
    float: left;
    padding-top: 25px;
    padding-left: 15px;
}
.use .howto .box04 .c02 p{
    font-size: 16px;
    line-height: 24px;
    clear: both;
    padding-top: 15px;
}


.use .howto .box04 .c02 p span{
    color:#ed171f;
}
.use .howto .box04 .c02 .number{
    display: block;
    float: left;
}
.use .howto .box05{
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 40px ;
    border:1px solid #ed171f;
}
.use .howto .box05 h4{
    color:#ed171f;
    text-align: center;
    padding: 10px;
    border-bottom:1px solid #ed171f;
    font-size: 20px;
}
.use .howto .box05 dl{
    float: left;
    width: 55%;
    margin-top: 25px;
    margin-bottom: 20px;
}
.use .howto .box05 dl.right{
    width: 45%;
}
.use .howto .box05 dt{
    float: left;
    padding-right: 10px;
    
}
.use .howto .box05 dd{
    font-size: 14px;
    
}
.use .howto .box05 dd.ttl{
    color:#ed171f;
    font-size: 16px;
    padding-bottom: 10px;
}
.use .howto .box06 h3.ttl{
    font-size: 26px;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 30px;
}

.use .howto .btn{
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    padding: 20px 15px 11px\0;
    font-size: 22px;
    margin: 0 auto;
    background:url(../support/download/img/close_icon.png) no-repeat right;
    border:1px solid #b4b4b4;
    cursor:pointer;
}
.use .howto .btn.fst{
    border-bottom:none !important;
    cursor:pointer;
}
.use .howto .btn.active{
    background:url(../support/download/img/open_icon.png) #f0f0f0 no-repeat right;
    border-bottom:1px solid #b4b4b4 !important;
    margin-bottom: 10px;
}
.use .howto .box{
    width: 100%;
    margin: 0px auto 55px;
}
.use .howto .box07 h3{
    font-size: 26px;
    text-align: center;
    margin-bottom: 20px;
}
.use .howto .box07 .leed_txt{
    font-size: 18px;
    color:#ed171f;
    margin-bottom: 30px;
    text-align: center;
}
.use .howto .box07{
    background:#f3f3f3;
    padding-top: 70px;
    margin-bottom: 40px;
    border-top:2px solid #e6e6e6;
    border-bottom:2px solid #e6e6e6;

}
.use .howto .box07 ul{
    width: 100%;
    margin: 0 auto;
}
.use .howto .box07 ul li{
    width: calc(33% - 40px);
    float: left;
    background:#e6e6e6;
    padding: 25px 20px;
}
.use .howto .box07 ul li .ttl{
    text-align: center;
    font-size: 24px;
    display: block;
    padding-bottom: 20px;
    
}
.use .howto .box07 ul li img{
    display: block;
    margin: 0 auto 15px;
}
.use .howto .box07 ul li p{
    padding-left: 20px;  
}
.use .howto .box07 ul li em{
    font-weight: bold;
}
.use .howto .box07 ul li .ttl02{
    padding-left: 20px;  
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
}
.use .howto .box07 ul li.second{
    background:#c8c8c8;
}
.use .howto .box07 .btm_txt{
    font-size: 12px;
    text-align: center;
    padding-top: 10px;
}
.use .howto .box07 a{
    display: block;
    width: 332px;
    margin: 40px auto;
}

/*********製品相関図**********/
.products.chart h3{
    text-align: center;
    margin-top: 40px;
}
.products.chart p.leed{
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
}
.products.chart .box_wrap{
    background:#f3f3f3;
    border-radius: 20px;
    margin-top: 50px;
}
.products.chart .box_wrap .ttl{
    background: #ed171f;
    padding: 5px 0px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width: 172px;
    display: block;
    border-radius: 5px;
    position: relative;
    left:50%;
    margin-left: -85px;
    top:-15px;   
}

.products.chart table a:hover{
    color:#ed171f;
}
.products.chart .box01{
    text-align: center;
    position: relative;
    max-width: 755px;
    margin: 0 auto;
}
.products.chart .box01 img{
    width: 100%;
}
.products.chart .box01 a{
    background: url(../img/common/h_arrow.png) no-repeat right 2px;
    display: block;
    margin-top: 7px;
    font-size: 14px;
    font-weight: 700;
    padding-right: 12px;
    float: left;
    color: #666666;
    position: absolute;
    left: 50%;
    padding-left: 107px;
    bottom: 6px;
}
.products.chart .item_wrap{
    position: relative;
    margin-top: 20px;
    width: 100%;
    margin: 0 auto;
}
.products.chart .item_wrap table.table01{
    position: relative;
    z-index: 10;
        width: 100%;
    margin-top: 142px;
}



.products.chart .item_wrap table.table02{
    position: relative;
    z-index: 10;
    width: 93%;
    margin:20% auto 0;
}
@media screen and (orientation:portrait) {
    .products.chart .item_wrap table.table01{
        top:-40px;
    }
    .products.chart .item_wrap table.table02{
    margin:9% auto 0;
    }
}
.products.chart .right_bg{
    width: 50%;
    top: -134px;
    right: -17px;
    position: absolute;
}
.products.chart .right_bg img{
    width: 100%;
}
.products.chart .bg01{
    width: 80%;
    margin-top: -130px;
    margin-left: -40%;
    top: 0;
    left: 50%;
    position: absolute;
}
.products.chart .bg01 img{
    width: 100%;
}
.products.chart table.table01 td{
        vertical-align: top;
}
.products.chart .table01 p{
    width: 70%;
    margin: 10px auto 0;
}
.products.chart table.table01 a{
    padding-left: 15%;
}
.products.chart table td img{
    display: block;
    width: 60%;
    margin: 0 auto;
}
.products.chart table td.r_box{
    padding-left: 60px;
}
.products.chart table.table02{
    padding-bottom: 30px;
}
.products.chart table.table02 td{
    width: 33%;
    vertical-align: top;
}
.products.chart table.table02 p{
    padding-left: 21%;
    padding-top:10px;
    font-size: 14px;
}
.products.chart table.table02 a{
    padding-left: 21%;
    display: block;
    clear: both;
    
}
.products.chart table td span{
    font-size: 15px;
    margin-bottom: 10px;
    display: block;
    text-align: center;
    font-weight: bold;
}
.products.chart .box02{
    width: 100%;
    margin: 60px auto;
}
.products.chart .box02 .arrow_img{
    width: 80%;
    margin:  0 auto;
}
.products.chart .box02 .arrow_img img{
    width: 100%;

}
.products.chart .box02 p{
    text-align: center;
    
}
.products.chart table.table03{
    width: 92%;
    margin: 20px auto 0;
}
.products.chart table.table03 p{
    text-align: left;
    padding-left: 30px;
    font-size: 14px;
    padding-top: 10px;
}
.products.chart table.table03 span{
    margin-bottom: 20px;
}
.products.chart table.table03 a{
    margin-left: 30px;

    display: block;
}
.products.chart table.table03 td{
    width: 33%;
    vertical-align: top;
}
.products.chart table a{
    background:url(../img/common/h_arrow.png) no-repeat right 2px;
    display: block;
    margin-top: 7px;
    font-size: 14px;
    font-weight: 700;
    padding-right: 12px;
    float: left;
    color:#666666;
}
.products.chart a:hover{
    color:#ed171f;
}
.products.chart table a.none_link_btn{
    background:none;
}
.products.chart table a.link_btn02{
    font-weight: normal;
    font-size:14px;
    padding-left: 21%;
    padding-right: 10px;
    line-height: 130%;
}
#wrap .clearfix.howto .box06 {
	margin-bottom: 50px;
}


.use .howto .box06 .box .tyui{
    font-size: 22px;
    padding-left: 20px;
    color: #ed171f;
    padding-top: 30px;
    margin-bottom: 50px;
}
.use .howto .box06 .box .leed_ttl{
    font-size: 18px;
    line-height: 180%;
}
.use .howto .box06 .box .leed_txt{
    font-size: 16px;
    line-height: 180%;
}
.use .howto .box06 .box .leed_txt.red{
    color: #ed171f;
    margin-top: 30px;
}
.use .howto .box06 .box .left{
    float: left;

}
.use .howto .box06 .box .leed03{
    padding:0 40px 30px 30px;
    width: 100%;
    border-bottom: 1px solid #b4b4b4;
    margin-bottom: 50px;
    box-sizing: border-box;
}
.use .howto .box06 .box .right{
    float: right;
    width: 240px;
}
.use .howto .box06 .box .right img{
    display: block;
    margin-bottom: 20px;
}
.use .howto .box06 .box{
    margin-bottom: 20px;
}
.box06 .box .leed03.last{
    padding:0 20px 30px 30px;
    border-bottom: 1px solid #b4b4b4;
    margin-bottom: 50px;
}
.box06 .box .leed03.last .leed_ttl{
    margin-top: 30px;   
}
.box06 .box .leed03.last img{
    display: block;
    margin-top: 15px;
    width: 100%;    
}

.use .howto .box06 .box ul{
    margin: 0 auto;
    width: 100%;
}
.use .howto .box06 .box ul li{
    width: 29%;
    box-sizing: border-box;
    float: left;
    padding: 0 0 15px 0px;
    margin-right: 5%;
    position: relative;
}

.use .howto .box06 .box ul li.mr0{
    margin-right: 0;
}
.use .howto .box06 .box ul li p{
    font-size: 16px;
    letter-spacing: 1px;
    padding-top: 10px;
}
.use .howto .box06 .box ul li .next_arrow{
position: absolute;
top: 35%;
z-index: -1;
right: -17%;
height: 20px;
width: 80px;
}

.finish_pop{
    position: absolute;
    border:solid 2px #ed171f;
    left:50%;
    background:rgba(243,243,243,0.9);
    margin-left:-333px;
    top:120px;
    padding:25px 0 20px;
    width: 666px;   
    text-align: center;  
    line-height:26px;
    font-size: 14px;
}
.finish_pop span{
    font-size: 24px;
    display: block; 
    color:#ed171f;
    font-weight: bold;
    margin-bottom: 5px; 
}


.pr{
    position: relative;
}
.kokuchi01{
    font-size: 16px;
    color: #ED171F;
    width: 546px;
    display: block;
    /* float: left; */
    margin: 10px 0;
}
.kokuchi02{
    background-color: #e6e6e6;
    margin-top: 30px;   
}
.kokuchi02 span{
    background:#ED171F;
    display: block;
    color:#fff;text-align: center;
    font-size: 16px;
    padding: 7px ;       
}
.kokuchi02 p{
    padding: 10px 10px 10px 20px;
    font-size: 14px;
    line-height: 160%; 
}
.txfree_related{
    margin-top: 30px;   
}

/************在线商铺popup***************/
.shop_popup{
    padding: 100px 15px 45px!important;
    width: 100%!important;
    box-sizing: border-box;  
}
.shop_popup h2{
    font-size: 24px;
    text-align: center;
    margin-bottom: 25px;    
}
.shop_popup ul li{
    padding:0 5px;
    width: 33%;
    box-sizing: border-box;  
    float: left;
        
}
.shop_popup ul li img{
    width: 100%;    
}
.close {
    position: inherit;
    margin-top: 75px;
    display: block;
    text-align: center;
}