/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 19 Jul, 2018, 7:01:44 PM
    Author     : sandip
*/
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: "Meiryo","Hiragino Kaku Gothic Pro";
}
.container-fluid{
    //padding-top:16px;
}
#pc{
    display:inline;
}
#ht{
    display:none;
}
img {
    border: none;
    
    height: auto;
}
.dwld-btn img{
    width:219px;
}
.header-row{
    margin-bottom: 15px;
    position: relative;
     height: 70px;
}
.header-col-left{
    position: absolute; 
    bottom: 0;  
   
}
.header-col-right{
    position: absolute;
    bottom: 6%; 
    right: 0;
}
img, svg {
    line-height: 0;
    vertical-align: top;
    -webkit-backface-visibility: hidden;
}
.title{
    position: absolute;

  left: 0;
  bottom: 10px;
   max-width: 100%; /* not to stand out from div */
  max-height: 100%; /* not to stand out from div */

}
html, body {
    margin: 0;
    
    background-color: #4a4a4b;
    *background-color: #fff; /*IE 7 and  below */
}
#lang{
    margin-right: 20px;
}
.product-header {
	position: relative;	
	background-repeat: no-repeat;
	background-position: right center;
        min-height: 400px;
	
}
.downloadbtn a:hover{
    text-decoration: none;
}
.col-title{
    width:42.666667%;
    float:left;
    
}

.product-header:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	
}
.product-header__content {
	position: relative;
	padding: 0px 0px 60px 0px;	
	z-index: 2;
}
.product-header__content_img {
	position: absolute;
	right: 0;
	top:100px;   
        left:50%;
}
.logo-t{
        position: absolute;
        right: 0;
        bottom: 10px;    
        max-width: 100%; /* not to stand out from div */
        max-height: 100%; /* not to stand out from div */    
}
.page-template-package-download .pkg-header{
    width:90%;
    margin-left: auto;
    margin-right: auto;   
    padding-top: 30px;
    padding-bottom: 0px;
    margin-bottom: -10px
}
.custom-row{
    width:90%;
    margin-left: auto;
    margin-right: auto;   
    margin-top: 56px;
}
.custom-row-main{    
    margin-left: auto;
    margin-right: auto;   
    margin-top: 40px;
}
.page-template-package-download .wrap{
   width:100%;
   background-color:#fff; 
}
.page-template-package-download  .pkg-footer{
     border-top:1px solid #000000;
   
    
}
.various-logo{
    width:100%;
    padding:22px 0px 38px 0px;
        margin-top: 0px;
}
.page-template-package-download  .cf {
    zoom: 1;
}
.page-template-package-download .product-header__header {
    padding-bottom: 4px;
    border-bottom: solid 1px #595858;
    text-align: center;
}
.page-template-package-download .product-header__title {
    margin: 10px;
    line-height: 1.4;
    font-size: 48px;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}
.page-template-package-download .product-header__body {
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
}
.page-template-package-download .cf:before, .cf:after {
    content: "";
    display: block;
    overflow: hidden;
}

.page-template-package-download .sizeFont{
    font-size: 48px;
    font-weight: bold;
    padding-top: 12px;
    padding-left: 5px;;
}
.custom-container{
    width:90%;
    margin-left: auto;
    margin-right: auto;
}
.footer-content{
  
    float:right;
     
}

header{
    background-color: #ffffff;
    margin-top: 30px;
}
.pkg-banner{
background: url('../img/bg2.png') top right no-repeat;
background-size: 750px 380px;
min-height: 380px;
}
.pkg-content{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;    
}
   .pkg-content p{
        padding: 42px 0px 20px 9px;
   
   }
   .custom-col{
       float: left;
       width:20%;
       text-align: center;
   }
   footer{
    background-color:#4a4a4b;
     *background-color: #fff; /*IE 7 and  below */
    color:#fff; 
   }
    .pkg-ftr{
   font-size: 26px;
   font-weight: bold;
    }
    .header-logo-left{
       
        padding-top: 34px;
         
    }
    .header-logo-right{
       
    }
     .logo{
        
        float:right;
              
    }
    .custom-col-7{
     padding-left: 10px; 
     padding-right: 10px; 
    }
    .device-font-size{
        font-size:12px;
    }
	.tel{
		text-align: left;
		font-size: 16px; 
		font-weight:bold;
		
                    margin-top: 2px;
	}
.lft-footer-content{
     float:left;
 }
 .rgt-footer-content{
     float:right;
     
 }
 .add-foo{
   font-size:10px; 
   margin-top: 10px;
   margin-left:12px;
 }
 .lft-footer-content .sp-first{
     font-size: 8px;
     font-weight: bold;
     margin-right: 10px;
 }
  .lft-footer-content .sp-second{
     font-size: 20px;
     font-weight: bold;
 }
   .lft{
    float: left;
}
.rgt{
    float:right;
} 
.url_footer{
    font-size: 12px; padding-left: 30px;
}
.pageimg{
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
}
.numberedpoints-points{
    font-size: 20px;
    font-weight: bold;
    width: 100%;
}
.numberedpoints-coniner{
    padding-top:0px;
    float: left;
    margin-top: 20px;
    line-height: 25px;
}
.numberedpoints-body{
    font-size: 14px;
    float: left;
    margin-left: 40px;
}
.licencewindow{
    padding-top: 10px;
    height: 250px;
}
.licenceArrow{
    padding-top: 10px;  
    height: 60px;
    margin-top: 90px;
    margin-left: 50px;
    margin-right: 50px;
}
 .custom-col img {
           width:214px;
       }
 
       .url_footer_wrapper{
           padding-right: 0px;padding-left:10px;padding-top: 3px;
       }
       .dwld-btn{
           text-align: right;
       }
       .lft-device-icon{
           float:left;           
           padding-left: 50px;
       }
@media (min-width:972px) and (max-width:1600px) {
        .dwld-btn img{
            width:160px;
        }
       }      
@media (max-width:1340px) and (min-width:768px){
    .custom-col img {
           width:90%;
       }
}
@media (max-width:1140px) and (min-width:1024px){
    .page-template-package-download .sizeFont{
            font-size:36px;
        } 
}
@media (max-width:1024px) and (min-width:768px){
.product-header__content_img {
               display:none;
        }
.page-template-package-download .sizeFont{
            font-size: 30px;
        }    
}
@media (max-width:920px) and (min-width:768px){
.product-header__content_img {
               display:none;
        }
.page-template-package-download .sizeFont{
            font-size: 26px;
        }    
}
@media (max-width:850px) and (min-width:768px){
.product-header__content_img {
               display:none;
        }
.page-template-package-download .sizeFont{
            font-size: 20px;
            padding-top: 18px;
        }    
        .custom-row-main{
            margin-top: 40px;
        }
        
}

@media (max-width: 992px) and (min-width:768px){
    
    .header-row{
        margin-bottom: 1%;
        position:static;
         height: auto;
    }
    .header-col-left{
        position:static; 
        bottom: 0;  
        width:100%;
       
    }
    .header-col-left {
        display:block;
    }
    .header-col-right div span{
        display:block;
        
    }
    .header-col-right div span {
       text-align: center;
    }
    .header-col-left img{
        width:100%;
    }
    .header-col-right{
        position:static;
        bottom: 0; 
        width:100% ;
        margin-top: -33px;
        margin-bottom: 20px;    
    }
    #lg{
        width:50%;
       margin-top: 15px;
    }
    
}
@media (min-width: 992px) and (max-width:1200px){
    
#lg{
   margin-top: 15px;
   width:56%;
}
#lang{
  width:25%;  
} 
}
 @media (max-width:768px){
     .header-row{
    margin-bottom: 1%;
    position:static;
     height: auto;
}
.header-col-left{
    position:static; 
    bottom: 0;  
   
}
.header-col-left {
    display:block;
}
.header-col-right div span{
    display:block;
    
}
.header-col-right div span {
   text-align: center;
}
.header-col-left img{
    width:100%;
}
.header-col-right{
    position:static;
    bottom: 0; 
    width:100% ;
    //margin-top: -33px;
    margin-bottom: 20px;    
}
#lg{
    width:50%;
   margin-top: 15px;
}
.custom-row-main{
      margin-top: 20px;
}

     .custom-row{
         width:100%;           
         margin-top: 20px;
     }
     .custom-col-7{
         padding-left: 0px; 
         padding-right: 0px; 
     } 
     .tel{
         text-align:center;
     }
     .add-foo{
         font-size: 7px;
         margin-top: 0px;
     }
     .url_footer{
         padding-left: 0px;
     }
     .rgt-footer-content {
         float: none;
         text-align: center;
     }
     .lft-footer-content{
         float: none;
         text-align: center;
     }
     .lft{
         float:none;
         text-align: center;
     }
     .rgt{
         float:none;
         text-align: center;
     }
     .logo{
         width:50%;
         float:none;

     }
     footer{
         text-align:center;
     }
     .footer-content{
         width:100%;
         margin-left:0;

     }
     .device-font-size{
         font-size:10px;
     }
     .header-logo-left{
         float:none;         
         padding-top: 10px;
         margin-left: 0px;
     }
     .header-logo-right{
         float:none;
         text-align: center;
     }
     .custom-col{
         float: none;
         width:100%;
         margin-bottom: 16px;
     }
     .pkg-ftr{
         font-size: 16px;
         font-weight: bold;
     }
     .page-template-package-download .pkg-header{
         padding-top: 0px;
         width:100%;
     }
     .page-template-package-download .sizeFont{
         font-size:24px;
         font-weight: bold;
         text-align:center;
     }
    
     .product-header:after {
         background:-webkit-linear-gradient(left,  rgba(242, 242, 242, 1) 60%, rgba(242, 242, 242, 0.8));
         background:linear-gradient(to right, rgba(242, 242, 242, 1) 60%, rgba(242, 242, 242, 0.3));
     }
     .product-header__content {
         padding-right: 0;
     }
     .product-header__content_img {
         display:none;
     }  
     .product-header__content:before {
         display: none;
     }
     .custom-col img{
         width:214px;
     }
     .dwld-btn img{
        width:219px;
    }

   }

   
@media (min-width:768px) and (max-width:769px) {
 .dwld-btn img{
        width:160px;
    }
 .page-template-package-download .pkg-header{
             padding-top: 20px;
             width:100%;
          }
 .navbar-right {
    float: right !important;
    margin-right: 0px;
} 
 .lft-footer-content{
     float:left;
 }
 .rgt-footer-content{
     float:right;
     
 }
 .add-foo{
   font-size:10px; 
   margin-top: 10px;
   
 }
 .lft-footer-content .sp-first{
     font-size: 8px;
     font-weight: bold;
     margin-right: 10px;
 }
  .lft-footer-content .sp-second{
     font-size: 20px;
     font-weight: bold;
 }
 .footer-content{
     width:94%;
 }
      .tel{
     margin-left: -18px;
    margin-right: 10px;
        }
          .url_footer_wrapper{
           padding-right: 0px;
           padding-left:54px;
           padding-top: 3px;
       }
}
@media only screen and (min-width : 320px) and (max-width : 480px) {
/* Styles */

 .dwld-btn{
           text-align: center;
       }
 .dwld-btn img{
        width:80%;
    }
.lft-device-icon{
    float:none;
        text-align: center;
}
}

@media only screen and (max-width : 1440px)  {
 .flexFont {       
        
         padding-top: 24px;
       
     }
}

.site-title {
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #999;
    font-size: 14px;
}
.header_right {
    display: flex;
    justify-content: flex-end;
}
.header-tel {
    text-align: center;
    line-height: 1.2;
}
.global-header {
	padding: 20px 0;
	border-bottom: solid 5px #FF931E;
}
.container{width:100%;max-width: 1140px;padding-left:15px;padding-right:15px;}

.header_left {
	margin-bottom:10px;
}
.header-tel .tel-number {
    display: flex;
    align-items: center;
}
.header-tel .icon-phone {
    margin-right: 10px;
    fill: #D3D3D3;
    vertical-align: middle;
}
.opening-hour {
    position: relative;
    display: inline-block;
    padding: 0 45px;
    font-size: 13px;
    text-align: center;
    font-weight: 400;
    color: #696969;
}
.header-contact {
    margin: 0 0 0 20px;
}
.header-contact .icon-mail {
    vertical-align: bottom;
}
.opening-hour:after {
    right: 0;
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 35px;
    height: 1px;
    background-color: #CCC;
}
.opening-hour:before{
    left: 0;
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 35px;
    height: 1px;
    background-color: #CCC;
}
svg:not(:root) {
    overflow: hidden;
}
.header-contact a {
    width: 100%;
    max-width: 100%;
    background: #F48110;
    display: block;
    padding: 12px 30px;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    background-size: 11px auto;
}
::-webkit-scrollbar { 
    display: none; 
}