/*
 Theme Name:   Fit Tokyo
 Description:  Fit Tokyo Theme (child theme of Twenty Twelve Theme)
 Author:       NTQ Solution
 Author URI:   http://ntq-solution.com.vn
 Template:     twentytwelve
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  fit-tokyo
*/

@font-face {
    font-family: fit_font;
    src: local('MS PGothic'),
         url("fonts/MS-PGothic.ttf") format("ttf"),
         url("fonts/MS-PGothic.woff") format("woff");
}
html, body {
    overflow-x: hidden;
}

/* LAYOUT */
#masthead {
  width: 940px;
  margin: 0 auto 5px;
  height: 76px;
  padding: 0;
  padding-top: 5px;
}
#masthead .site-title {
    text-indent: -9999px;
    float: left;
    width: 322px;
    height: 56px;
    margin-top: 10px;
}
#masthead .site-title a {
    display: block;
    background: url(images/header_logo.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
#masthead .rightBox {
    float: right;
    width: 600px;
    text-align: right;
    margin-top: 3px;
    letter-spacing: 0.1em;
}

#masthead .rightBox>div {
    text-align: right;
    margin-bottom: 6px;
    font-weight: nomal;
    font-size: 100%;
    letter-spacing: 0.1em;
    line-height: 24px;
}

#masthead .rightBox .links {
    display: inline-block;
}

#masthead .rightBox .links a {
    margin-left: 10px;
}

#masthead .rightBox .links a:last-child {
    margin-left: 0;
}

#site-navigation {
    height: 42px;
    background: url(images/header_bg.jpg) left bottom repeat-x;
    margin: 0;
}

#site-navigation .menu-main-menu-container {
    clear: both;
}

#site-navigation ul {
    width: 942px;
    border: none;
}

#site-navigation ul li {
    width: 135px;
    height: 42px;
    margin: 0;
    text-indent: -9999px;
    float: left;
}

#site-navigation ul li:nth-child(6) {
    width: 134px;
}

#site-navigation ul li:nth-child(7) {
    width: 133px;
}

#site-navigation ul li a {
    display: block;
    height: 100%;
    background-position: left -2px;
    background-repeat: no-repeat;
    float: left;
    width: 135px;
}

#site-navigation ul li a:hover {
    background-position: left -46px;
}

#site-navigation ul li:nth-child(1) a {
    background-image: url(images/gnavi01.gif);
}

#site-navigation ul li:nth-child(2) a {
    background-image: url(images/gnavi08.gif);
}

#site-navigation ul li:nth-child(3) a {
    background-image: url(images/gnavi09.gif);
}

#site-navigation ul li:nth-child(4) a {
    background-image: url(images/gnavi10.gif);
}

#site-navigation ul li:nth-child(5) a {
    background-image: url(images/gnavi11.gif);
}

#site-navigation ul li:nth-child(6) a {
    background-image: url(images/gnavi12.gif);
}

#site-navigation ul li:nth-child(7) a {
    background-image: url(images/gnavi07.gif);
}

#wrapper {
    background: url(images/top_main_bg.jpg) left top repeat-x;
}

#wrapper #mainImg {
    background: url(images/top_main.jpg) center top no-repeat;
    height: 270px;
}

#wrapper #mainImg #mainImgInner {
    width: 940px;
    position: relative;
    margin: 0 auto;
}

#wrapper #mainImg #mainImgInner h2 {
    text-indent: -9999px;
}

#wrapper #mainImg #mainImgInner a {
    display: block;
    position: absolute;
    left: 370px;
    top: 200px;
}

#wrapper #page-content-wrapper {
    background: url(images/box_contents_bg.gif) center top repeat-y;
}

#wrapper #content-wrapper.home {
    background: url(images/box_contents_head_top.gif) center top no-repeat;
    padding-top: 20px;
}

#wrapper #content-wrapper {
    background: url(images/box_contents_head_sub.gif) center top no-repeat;
    padding-top: 30px;
}

#wrapper #content-wrapper .site-content {
    margin: 0;
}

#wrapper #page {
    margin-top: 0;
    margin-bottom: 0;
}

#wrapper .main-content {
    float: right;
    width: 100%;
}

#wrapper #page footer#colophon {
    padding: 20px 0 20px;
    width: 940px;
    margin: 20px auto 0;
    background: url(images/footer_bg.gif) center top no-repeat;
}

#wrapper #page footer ul {
    text-align: center;
    line-height: 1.4;
    margin-left: 10px;
}

#wrapper #page footer ul li {
    display: inline;
    text-align: center;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #999999;
}

#wrapper #page footer ul li a {
    text-decoration: none;
    color: #666666;
}

#wrapper #page footer ul li a:hover {
    color: #6c9401;
}

#copy {
    text-align: center;
    color: #6c9401;
    margin: 20px 0;
}

.contentsFoot {
    background: url(images/box_contents_foot.gif) center bottom no-repeat;
    height: 15px;
    line-height: 0;
    font-size: 0;
    margin: 0 auto;
}

#scrollUp {
    background-image: url("images/pagetop.gif");
    background-repeat: no-repeat;
    width: 156px;
    height: 46px;
}

a#scrollUp.scrollup-image {
    bottom: 15px;
}

a#scrollUp.scrollup-right {
    right: 25px;
}

body.page .site-content,
body.category .site-content {
    float: right;
}

body.page .site-content-overview,
.fitnet-intro {
    float: left;
    clear: both;
    margin-bottom: 10px;
}

body.home.page .site-content {
    float: left;
}

body.home.page .site-content-overview {
    float: right;
}

body .widget-area {
    margin: 0;
}

body .widget-area .widget_category_widget {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.mainTtl {
    margin-bottom: 28px;
    position: relative;
}

.mainTtl.fix-bg:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 47px;
    background-image: url(images/ttl_bg.jpg);
    background-position: 100%;
    background-repeat: no-repeat;
}

body .widget-area .widget_category_widget .post-list {
    padding: 0 2px 3px 2px;
}

body .widget-area .widget_category_widget .post-list li {
    margin-bottom: 13px;
    line-height: normal;
}

.entry-summary .title,
.post-date {
    line-height: 10px;
}

.post-date {
        font-size: 10px;
    display: inline-block;
    margin-bottom: 4px;
}

body.single .entry-header .post-date {
    font-size: 12px;
    margin-bottom: 10px;
}

.widget-area .widget_category_widget .post-list a {
    text-decoration: none;
    color: #333333;
    font-size: 12px;
    line-height: 16px;
}

.widget-area .widget_category_widget .post-list a:hover {
    color: #6c9401;
}

body .widget-area .widget_category_widget .btnList {
    font-size: 10px;
    color: #33a52d;
    line-height: 31.17px;
    text-decoration: none;
}

body .widget-area .widget_contact_widget {
    margin-top: 0;
    margin-bottom: 0;
}
/* END LAYOUT */

/* COMMON */
html>body {
    font-size: 12px;
}

body {
    color: #333333;
    line-height: 1.4;
    background-color: white;
    font-family: 'fit_font' !important;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
}

address,em,strong,th {
    font-style: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    text-align: left;
}

hr,legend {
    display: none;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
}

img,fieldset {
    border: 0;
}

li {
    list-style-type: none;
}

img {
    vertical-align: top;
}

/* for IE6 */
* html ul li dl {
  display: inline;
}

/* for IE7 */
*:first-child+html ul li dl {
  display: inline;
}

/*IE6*/
* html img{
    vertical-align: bottom;
}

/*IE7*/
*:first-child+html img{
    vertical-align: bottom;
}

a,a:link { color: #666666; text-decoration:underline; outline: none;}
a:visited { color: #666666; text-decoration:none; outline: none;}
a:hover,a:active { color:#6c9401; text-decoration:none; outline: none;}
a.alpha:hover img{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.blue { color: #34B3D1;}
.dark_blue { color:#369;}
.green{ color:#090;}
.pink{ color:#F06;}
.brown{ color:#C60;}
.white{ color:#ffffff;}
.red{ color:#FF0000;}
.bold{ font-weight:bold;}
.nomal{ font-weight:normal;}
.black{ color:#333;}
.orange{ color:#CC6600;}
.light_brown{color: #CC6600;}
.bg_white{ background:#ffffff;}
.fs80{ font-size:80%;}
.fs10{ font-size:10px;}
.fs11{ font-size:11px;}
.fs12{ font-size:12px;}
.fs13{ font-size:13px;}
.fs14{ font-size:14px;}

.block{ display:block; cursor:pointer;}
.txt_center{ text-align:center;}
.txt_l{ text-align:left;}
.txt_right{ text-align:right;}
.left{ float:left;}
.right{ float:right;}
.center{ margin-left:auto; margin-right:auto;}

.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.ml5{margin-left:5px;}
.ml7{ margin-left:7px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.mr5{margin-right:5px;}
.mr8{margin-right:8px;}
.mr9{margin-right:9px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}

.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb13{ padding-bottom:13px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb25{ padding-bottom:25px;}
.pb30{ padding-bottom:30px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}

.lh2{ line-height:2em;}

.hidden {
    display: none;
}

.only-sp {
    display: none;
}

.reg{
    vertical-align:super;
    font-size:9px;
    font-weight:normal;
    line-height:8px;
}

.mainTtl {
    background: url(images/ttl_bg.jpg) left top no-repeat;
    height: 27px;
    padding: 10px 10px 10px 20px;
    margin-bottom: 15px;
}

.mainTtl h2 {
    display: inline;
    line-height: 27px;
    font-size: 16px;
    letter-spacing: 0.1em;
    color: #666666;
}

.mainTtl span {
    font-size: 85%;
    font-weight: normal;
}

.mainTtl .btnDeatil {
    margin: 3px;
}

a.btnDeatil {
    text-indent: -9999px;
    display: block;
    background: url(images/btn_detail_off.gif) left top no-repeat;
    width: 81px;
    height: 19px;
}

a.btnDeatil:hover{
    background:url(images/btn_detail_on.gif) left top no-repeat;
}

.sideHead,
.sideFoot {
    width: 220px;
    height: 12px;
    line-height: 0;
    font-size: 0;
}

.sideHead {
    background: url(images/side_head.gif) left top no-repeat;
}

.sideContents {
    background: url(images/side_bg.gif) left top repeat-y;
    padding: 0 12px;
    width: 196px;
}

.sideFoot {
    background: url(images/side_foot.gif) left top no-repeat;
    margin-bottom: 15px;
}

#pankuzu {
    padding-top: 20px;
    padding-bottom: 42px;
    margin-left: 10px;
    height: 20px;
    width: 700px;
    float: right;
}

#pankuzu li {
    display: inline;
    text-align: left;
}

#pankuzu li a {
    background: url(images/icon_pankuzu.gif) right center no-repeat;
    padding-right: 14px;
    margin-right: 6px;
}

h2.subMainTtl {
    margin: 0 0 5px 5px;
    font-size: 20px;
    color: #666666;
    padding: 10px 10px 38px 0;
    font-weight: bold;
    width: 200px;
}

#localNavi ul {
    border-bottom: 1px solid #F5F5F5;
}

#localNavi li {
    border-top: 1px solid #F5F5F5;
}

#localNavi li a {
    display: block;
    padding: 10px 10px 10px 18px;
    background: url(images/side_list_bg.gif) left top no-repeat #f9f9f9;
    text-decoration: none;
}

#localNavi li a:hover {
    background: none;
}

.catch_txt {
    margin: 15px 15px 25px;
    line-height: 1.6em;
    letter-spacing: 0.1em;
    color: #666666;
}

#mov {
    text-align: center;
    margin-bottom: 15px;
}

.pdfList {
    padding-bottom: 15px;
}

.pdfList li {
    margin: 0 10px 10px;
    line-height: 20px;
}

.icon_pdf {
    background: url(images/icon_pdf_s.gif) left center no-repeat;
    padding-left: 21px;
    line-height: 14px;
}

.icon_pdf a {
    color: #FF0000;
}

.pdf_attention {
    border: 1px solid #CCCCCC;
    padding: 10px;
}

.pdf_attention .left {
    width: 130px;
}

.pdf_attention .txt {
    margin-left: 130px;
    line-height: 1.4;
}

.phtList03 {
    padding-bottom: 0px;
}

.phtList03 dl {
    float: left;
    margin: 0 10px;
    text-align: left;
}

.phtList03 dt img {
    height: 120px;
    padding: 5px;
    border: 1px solid #CCCCCC;
    margin-bottom: 6px;
}

.phtList03 dd {
    padding-bottom: 15px;
}

#nav-below {
    margin-bottom: 33px;
}

.nav-previous a,
.nav-next a,
#nav-below a {
    font-size: 11px;
    text-decoration: none;
}
/* END COMMON */

/* HOME PAGE */
.topProductBox {
    background: url(images/border01.gif) center top repeat-y;
}

.topProductDetail {
    float: left;
    width: 319px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.topProductDetail h3 {
    border-top: dotted 1px #CCCCCC;
    padding-top: 15px;
    font-size: 14px;
    margin-bottom: 10px;
    background: url(images/icon_orange.jpg) left 15px no-repeat;
    padding-left: 22px;
    height: 32px;
    line-height: 16px;
}

.topProductBox:nth-child(2) .topProductDetail h3 {
    border-top: none;
}

.topProductDetail h3 span {
    font-size: 85%;
    font-weight: normal;
    vertical-align: top;
}

.topProductDetail .leftBox {
    float: left;
    width: 136px;
}

.topProductDetail .leftBox .pht img {
    border: 1px solid #CCCCCC;
    padding: 1px;
}

.topProductDetail .rightBox {
    float: right;
    width: 174px;
    line-height: 1.8em;
}
/* END HOME PAGE */

/* PRODUCT PAGE */
.aboutList {
    padding-bottom: 20px;
}

.aboutList li {
    background: url(images/icon_tool.gif) left top no-repeat;
    line-height: 16px;
    padding-left: 21px;
    margin: 0 10px 10px;
}
/* END PRODUCT PAGE */

/* AWAT PAGE*/
#awat_left,
#awat_right {
    float: left;
}
#awat_left {
    width: 300px;
}

#awat_right {
    margin-bottom: 10px;
}

#awat_right li {
    float: left;
    line-height: 1.6em;
    letter-spacing: 0.1em;
    color: #666666;
}

#awat_right img, #awat_box img {
    border: 1px solid #CCC;
    margin-bottom: 7px;
}

#awat_box {
    width: 395px;
    margin: 0 auto 25px;
}

#mov iframe {
    height: 350px;
}

#awat_box li {
    float: left;
}

.category-awat-link, .category-cas-link, .category-achievements-link {
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin-bottom: 13px;
    line-height: 1.8;
}

.category-awat-link a, .category-cas-link a, .category-achievements-link a {
    color: #34a500;
}

.company-fit-net-link {
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin-top: -20px;
    margin-bottom: 13px;
    line-height: 1.8;
}
/* END AWAT PAGE */

/* COMPANY PAGE*/
table.companyTable {
      padding-bottom: 0 0 20px;
      width: 680px;
      margin: 0 auto 20px;
}

table.companyTable th,
table.companyTable td {
    vertical-align: middle;
}

table.companyTable > tbody > tr > th,
table.companyTable > tbody > tr > td {
    padding: 18px 10px;
    border-bottom: 1px dotted #999999;
}

table.companyTable th {
    width: 20%;
}

.companyList {
    padding: 0 10px 18px;
}

.companyList li {
    padding-bottom: 12px;
}

#company-map {
    width: 680px;
    margin: 0 auto 30px;
}

#company-map iframe {
    width: 680px;
    height: 450px;
}
/* END COMPANY PAGE*/

/* FIT-NET LIST PAGE */
#localNavi.fitnet-intro .intro-text,
.entry-summary .content p {
    color: #666666;
    line-height: 22px;
}

#localNavi.fitnet-intro .intro-text {
    padding-bottom: 25px;
}

#localNavi.fitnet-intro .pdfList {
    padding: 0;
}

#localNavi.fitnet-intro .pdfList .icon_pdf {
    margin: 0;
}

#localNavi.fitnet-intro .pdfList li a {
    padding: 0;
    background-image: none;
    text-decoration: underline;
}

#localNavi.fitnet-intro .pdfList li a:hover {
    text-decoration: none;
}

.site-content article,
body.home .widget-area .widget_category_widget:nth-child(2),
body.single article .entry-header,
body.single article .entry-summary {
    border-bottom: 1px dotted #999999;
}

body .widget-area .widget_category_widget:nth-child(2) {
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.site-content article {
    padding-bottom: 0;
    padding-top: 10px;
    margin-bottom: 0;
}

.site-content article:first-child {
    padding-top: 0;
}

.site-content article:last-of-type {
    margin-bottom: 15px;
}

.entry-header {
    width: 25.71428571428571%;
    float: left;
    margin: 0;
}

.entry-header img.attachment-post-thumbnail {
    width: 100%;
}

.entry-header img.wp-post-image {
    margin: 0;
}

.entry-summary {
    margin-left: 25.71428571428571%;
    padding-left: 20px;
}

.entry-summary h1.entry-title,
.entry-header h1.entry-title {
    clear: none;
    padding-top: 2px;
    padding-bottom: 18px;
}

.entry-header h1.entry-title,
.entry-summary h1.entry-title a,
.read-more a {
    color: #29298b;
    text-decoration: none;
}

.entry-summary h1.entry-title a {
    font-size: 16px;
}

.entry-summary .entry-title {
    line-height: 30px;
}

.entry-summary .content {
    padding-bottom: 20px;
}

.read-more {
    float: right;
    clear: both;
    position: relative;
    top: -10px;
    font-size: 10px;
    line-height: 10px;
}
/* END FIT-NET LIST PAGE */

/* SINGLE PAGE */
body.single .subMainTtl,
body.single #pankuzu {
    float: left;
}

body.single #pankuzu {
    width: auto;
}

body.single article.post {
    clear: both;
    border: 1px solid #adadad;
    padding: 15px 20px 15px 20px;
    margin-bottom: 28px;
}

body.single article .entry-header,
body.single article .entry-summary {
    width: auto;
    float: none;
    margin: 0;
    padding: 0;
}

body.single article .entry-header {
    margin-bottom: 15px;
}

body.single article .entry-header .entry-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
}

body.single .site-content nav {
    margin-top: 14px;
}

.content img {
    max-width: 100%;
}
/* END SINGLE PAGE */

/* CONTACT FORM PAGE */
.contact-form input[type="submit"],
.contact-form input[type="button"],
.contact-form input[type="text"],
.contact-form textarea {
    border-color: darkgray;
    border-collapse: collapse;
    border-radius: 0; 
}
.contact-form input[type="submit"],
.contact-form input[type="button"],
.contact-form input[type="text"] {
    height: 19px;
    color: black;
    font-size: 13px;
    line-height: normal;
    font-family: Arial;
    padding: 0;
}

.contact-form input[type="text"] {
    width: 190px;
}

.contact-form textarea {
    width: 190px;
}

.contact-form .error {
    color: #FF0000;
    font-size: small;
    margin-top: 5px;
}

.contact-form .zip-separator {
    display: block;
    margin: 0 0.78125vw;
    text-align: center;
}

/* END CONTACT FORM PAGE */

/* 404 PAGE */
.error404 .site-content {
    min-height: 250px;
    width: 100%;
}

.error404 .site-content article {
    border: none;
}

.error404 .site-content article .entry-title {
    width: 100%;
    font-size: 34px;
    margin-top: 1.5vw;
    margin-bottom: 2.5vw;
}

.error404 .site-content article .entry-content p {
    line-height: 1.714285714;
    font-size: 16px;
}

/* END 404 PAGE */ 

/* RESPONSIVE */
@media screen and (min-width: 641px) {
    body .site {
        max-width: 940px;
        box-shadow: none;
    }

    body .site-content {
        width: 74.46808510638298%;
    }

    body .widget-area,
    body .site-content-overview,
    body .fitnet-intro {
        width: 23.40425531914894%;
    }
}

@media screen and (min-width: 978px) {
    body .site {
        padding: 0;
        box-shadow: none;
    }
}

@media screen and (min-width: 641px) and (max-width: 978px) {
    body .site {
          padding: 0 0.714286rem;
    }

    #masthead,
    #wrapper #mainImg #mainImgInner,
    #site-navigation ul,
    h2.subMainTtl,
    .sideContents,
    #pankuzu,
    #localNavi,
    #wrapper #page footer#colophon {
        width: 100%;
    }
    
    .sideHead,
    .sideFoot {
        display: none;
    }

    .sideContents {
        background: none;
        padding: 7px 5px;
        box-sizing: border-box;
    }

    #localNavi {
        border: 3px solid #a0dc00;
        border-radius: 5px;
    }

    #masthead .site-title {
        width: 34.25531914893617%;
    }

    #masthead .rightBox {
        width: 63.82978723404255%;
    }

    #masthead .tel {
        width: 65%;
    }

    #site-navigation {
        height: auto;
    }

    #site-navigation ul li,
    #site-navigation ul li:nth-child(6),
    #site-navigation ul li:nth-child(7) {
        width: 14.280%
    }

    #site-navigation ul li a {
        width: 100%;
        background-size: cover;
    }

    #site-navigation ul li a:hover {
        background-position: left bottom;
    }

    #wrapper #mainImg {
        background-size: cover;
        height: 0;
        padding-bottom: 27.60736196319018%;
        position: relative;
    }

    #wrapper #mainImg #mainImgInner {
        position: static;
    }

    #wrapper #mainImg #mainImgInner a {
        left: 39.36170212765957%;
        top: 74.07407407407407%;
        width: 25%;
    }

    #wrapper #mainImg #mainImgInner a img {
        width: 100%;
    }

    #wrapper #content-wrapper.home {
        background-image: none;
    }

    #wrapper #page footer ul li {
        display: inline-block;
        margin-bottom: 10px;
    }

    /* HOME PAGE */
    .topProductDetail {
        width: 46%;
        padding: 0 1% 1% 1%;
    }

    .topProductDetail:nth-child(odd) {
        float: left;
    }

    .topProductDetail:nth-child(even) {
        float: right;
    }

    .topProductDetail h3 {
        display: inline-block;
        width: 100%;
    }

    .topProductDetail .leftBox {
        width: 40%;
    }

    .topProductDetail .leftBox img {
        width: 100%;
    }

    .topProductDetail .rightBox {
        width: 55%;
    }

    /*END HOME PAGE*/

    /* AWAT PAGE */
    #awat_left,
    #awat_right,
    .awat-figure {
        width: 100%;
    }

    #awat_left {
        padding: 0 15px 25px;
        margin: 0;
        box-sizing: border-box;
    }

    #awat_right li {
        width: 50%;
        box-sizing: border-box;
        text-align: center;
    }
    /* END AWAT PAGE */

    /* COMPANY PAGE */
    table.companyTable,
    #company-map {
        width: 100%;
    }

    table.companyTable th {
        width: 22%;
    }

    .contact-form input[type="text"] {
        width: 160px;
    }
    /* END COMPANY PAGE */

    /* FIT-NET PAGE */
    .category-fitnet .sideContents,
    body.single .sideContents {
        padding: 8px;
        box-sizing: border-box;
    }
    /* END FIT-NET PAGE */
}

@media screen and (min-width: 641px) and (max-width: 850px) {
    .mainTtl h2 {
        font-size: 1.72vw;
    }
}

@media screen and (min-width: 641px) and (max-width: 800px) {
    body.home .widget-area {
        width: 32.404255%;
    }

    body.home .site-content {
        width: 63.468085%;
    }

    body.home .topProductBox {
        background-image: none;
    }

    body.home .topProductDetail {
        width: 100%;
        padding-bottom: 4%;
    }

    body.home .topProductDetail h3 {
        width: 100%;
        box-sizing: border-box;
    }

    body.home .topProductDetail .leftBox {
        width: 30%;
    }

    body.home .topProductDetail .rightBox {
        width: 65%;
    }

    body.home .topProductBox:nth-child(2) .topProductDetail h3 {
        border-top: dotted 1px #CCCCCC;
    }

    body.home .topProductBox:nth-child(2) .topProductDetail:first-child h3 {
        border-top: none;
    }
}

@media screen and (max-width: 640px) {
    .only-sp {
        display: inline-block;
    }

    .only-pc {
        display: none !important;
    }

    #masthead,
    #wrapper #mainImg #mainImgInner,
    #masthead .rightBox,
    #pankuzu,
    body.single #pankuzu,
    #site-navigation ul,
    #wrapper #page footer#colophon,
    body .fitnet-intro {
        width: 100%;
    }

    #masthead,
    #wrapper .contact-us,
    #wrapper #page #main {
        padding-left: 2.34375vw;
        padding-right: 2.34375vw;
        box-sizing: border-box;
    }

    #wrapper #page {
        padding: 0;
    }

    #masthead {
        padding-top: 1.87500vw;
        margin: 0;
        height: auto;
    }

    #masthead .site-title {
        margin: 0;
        width: 60.93750vw;
        height: 10.62500vw;
    }

    #masthead .rightBox {
        clear: both;
    }

    #masthead .rightBox>div {
        text-align: left;
        font-size: 2.81250vw;
        padding: 2.0375vw 0;
        line-height: 1.4;
    }

    #masthead .rightBox>div span {
        border-bottom: none !important;
    }

    #masthead .rightBox .map a,
    #masthead .rightBox .map a:hover {
        color: #4ba700;
        text-decoration: none;
    }

    @media screen and (min-width: 600px) {
        .main-navigation ul.nav-menu {
            display: none !important;
        }
    }

    .main-navigation ul.nav-menu {
        display: inline-block !important;
        max-height: 0;
        transition: max-height 0.2s;
        -webkit-transition: max-height 0.2s;
        transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        overflow: hidden;
    }

    .main-navigation ul.nav-menu.toggled-on, .menu-toggle {
        max-height: 1000px;
    }

    #site-navigation,
    #site-navigation .only-sp {
        width: 100%;
    }

    #site-navigation {
        background-image: none;
        z-index: 10;
        height: 0;
        position: relative;
    }

    #site-navigation ul,
    .main-navigation ul.nav-menu {
        background-color: #4ba700;
        display: none;
    }

    #site-navigation ul li {
        width: 100% !important;
        text-align: left;
        padding: 0 4.68750vw 0 4.68750vw;
        height: 9.06250vw;
        box-sizing: border-box;
    }

    #site-navigation ul li:last-child a {
        border-bottom: none;
    }

    #site-navigation ul li a {
        display: block;
        width: 100%;
        background-image: none !important;
        border-bottom: 2px solid #a5d380;
        text-indent: 0;
        color: white;
        font-size: 3.75000vw;
        font-weight: bold;
        text-decoration: none;
        line-height: 9.06250vw;
        text-transform: none;
    }

    .menu-toggle,
    .menu-toggle:hover,
    .menu-toggle:active {
        display: inline-block;
        background-image: url('images/menu_s.png') !important;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 0;
        border: none;
        width: 15.62500vw;
        height: 15.62500vw;
        position: absolute;
        top: 3.12500vw;
        right: 2.18750vw;
        outline: none;
        box-shadow: none;
    }

    #wrapper {
        background-image: none;
    }

    #wrapper #mainImg {
        height: 27.81250vw;
        background-size: 108%;
    }

    #wrapper #mainImg #mainImgInner a {
        width: 23.90625vw;
        height: 4.06250vw;
        left: 40.62500vw;
        top: 20.31250vw;
    }

    #wrapper #mainImg #mainImgInner a img {
        width: 100%;
        height: 100%;
    }

    #wrapper .contact-us {
        display: block;
        width: 100%;
    }

    body.home #wrapper .contact-us {
        margin-top: 3.12500vw;
        margin-bottom: 6.25000vw;
    }

    #wrapper .contact-us .part {
        width: 49%;
        float: left;
    }

    #wrapper .contact-us .part.link {
        background-color: #4ba700;
        border-radius: 3px;
        text-align: center;
        padding: 4.2vw 0;
        margin-right: 2%;
    }

    #wrapper .contact-us .part.link a {
        font-size: 3.75000vw;
        color: white;
        font-weight: bold;
        line-height: 3.28125vw;
        text-decoration: none;
    }

    #wrapper .contact-us .part.img img {
        width: 100%;
    }

    body.home #wrapper #page-content-wrapper,
    #wrapper #page-content-wrapper,
    #wrapper #content-wrapper.home,
    #wrapper #content-wrapper {
        background-image: none;
        padding-top: 0;
        margin-top: 0;
    }

    #wrapper #page-content-wrapper {
        background-image: url('images/box_contents_bg_sp.png');
        background-repeat: repeat-x;
        background-position: left top;
        margin-top: 3.12500vw;
        padding-top: 1.25vw;
    }

    #wrapper #content-wrapper #primary,
    #wrapper #content-wrapper #secondary,
    #wrapper #content-wrapper #secondary2 {
        width: 100%;
    }

    #pankuzu {
        margin-left: 0;
        padding: 1.09375vw 0 1.09375vw 0;
        height: auto;
        border-bottom: 1px dotted #999999;
    }

    #pankuzu ul {
        font-size: 2.81250vw;
        line-height: 4.68750vw;
    }

    h2.subMainTtl {
        padding: 3.75vw 0 0 0;
        margin-left: 0;
        font-size: 3.12500vw;
    }

    #localNavi {
        border: 1.5px solid #a5de00;
        border-radius: 0.78125vw;
        margin-top: 3.90625vw;
        box-sizing: border-box;
    }

    #localNavi ul,
    #localNavi li {
        border: none;
    }

    #localNavi li {
        padding-bottom: 2.12500vw;
    }

    #localNavi li:last-child {
        padding-bottom: 0;
    }

    #localNavi li a,
    #localNavi.fitnet-intro .intro-text {
        font-size: 3.43750vw;
        line-height: 4.68750vw;
        background-size: 4%;
    }

    #localNavi li a {
        background-color: transparent;
        background-image: url('images/side_list_bg_sp.png');
        background-position: left -0.62500vw;
        background-repeat: no-repeat;
        padding: 0 0 0 5vw;
    }

    .sideHead, 
    .sideContents,
    .sideFoot {
        width: 100%;
        background-image: none;
        box-sizing: border-box;
    }

    .sideHead,
    .sideFoot {
        height: 2.68750vw;
        margin: 0;
    }

    .sideContents {
        padding-left: 2.65625vw;
    }

    body.page .site-content-overview,
    .fitnet-intro {
        margin-bottom: 5.46875vw;
    }

    .mainTtl,
    .mainTtl.mainTtl.fix-bg:after {
        background-size: cover;
        height: 7.34375vw;
        line-height: 7.34375vw;
    }

    .mainTtl {
        padding: 0 0 0 3.5625vw;
        margin-bottom: 3.6875vw;
    }

    .mainTtl h2 {
        font-size: 2.6vw;
        line-height: inherit;
    }

    .mainTtl span {
        font-size: 2.6vw;
    }

    .mainTtl .btnDeatil,
    .mainTtl .btnDeatil:hover,
    .mainTtl .btnDeatil:active,
    body .widget-area .widget_category_widget .btnList,
    body .widget-area .widget_category_widget .btnList:hover,
    body .widget-area .widget_category_widget .btnList:active {
        background-image: none;
        background-color: transparent;
        text-indent: 0;
        color: #4ba700;
        text-align: right;
        text-decoration: none;
        font-size: 2.6vw;
        width: 150px;
        margin: 0;
        padding-right: 2vw;
        line-height: inherit;
        height: auto;
    }

    #wrapper .main-content,
    .entry-summary .content {
        font-size: 3.12500vw;
        line-height: 5.46875vw;
    }

    #wrapper .main-content {
        margin-bottom: 10.15625vw;
    }

    body.home .widget-area .widget_category_widget {
        margin-bottom: 3.5vw;
    }

    body.home .widget-area .widget_category_widget:nth-child(2) {
        border-bottom: none;
    }

    body .widget-area .widget_category_widget .post-list {
        padding: 0 3.12500vw 0 3.12500vw;
    }

    body .widget-area .widget_category_widget .post-list li {
        border-bottom: dotted 1px #CCCCCC;
        padding: 0.5vw 0;
        margin: 0;
    }

    body .widget-area .widget_category_widget .post-list li .post-date,
    body .widget-area .widget_category_widget .post-list li .title {
        float: left;
    }

    body .widget-area .widget_category_widget .post-list li .post-date {
        width: 19.5%;
        margin: 0;
    }

    body .widget-area .widget_category_widget .post-list li .title {
        width: 80%;
        display: inline-block;
    }

    body .widget-area .widget_category_widget .post-list li .title.no-date {
        width: 100%;
    }

    body .widget-area .widget_category_widget .post-list li .post-date,
    body .widget-area .widget_category_widget .post-list li .title a,
    body .widget-area .widget_category_widget .post-list li .title:before {
        font-size: 3.12500vw;
        line-height: 5.125vw;
    }

    body .widget-area .widget_category_widget .post-list li:first-child {
        padding-top: 0;
    }

    body .widget-area .widget_category_widget .post-list li .title.no-date:before {
      content: "・";
      position: relative;
      top: 0.31250vw;
      margin-right: 0.40625vw;
      margin-left: 1.40625vw;
    }

    body .widget-area .widget_category_widget .post-list li .title:before {
        content: '';
        margin-right: 0;
    }

    .contact-button-area,
    .contentsFoot {
        display: none;
    }

    #wrapper #page footer#colophon,
    #copy {
        background-image: none;
        background-color: #cccccc;
    }

    #wrapper #page footer#colophon {
        margin: 0;
        margin-top: 3.90625vw;
        padding: 0;
        padding-top: 4.68750vw;
    }

    #wrapper #page footer ul {
        margin: 0 auto;
        width: 90.1875vw;
    }

    #wrapper #page footer ul li {
        display: inline-block;
        margin-bottom: 4.68750vw;
    }

    #copy,
    #wrapper #page footer ul li a {
        color: #333333;
        font-size: 2.81250vw;
    }

    #copy {
        margin: 0;
        padding: 0;
        padding-bottom: 3.125vw;
    }

    #scrollUp {
        background-image: url('images/pagetop_s.png');
        background-position: center;
        background-size: contain;
        width: 14.06250vw;
        height: 14.06250vw;
    }

    a#scrollUp.scrollup-right {
        right: 2.34375vw;
        bottom: 23.12500vw;
    }

    .uproadArea {
        margin-bottom: 4.68750vw;
    }

    .pdf_attention {
        font-size: 2.81250vw;
    }

    .pdf_attention .txt {
        line-height: 4.68750vw;
    }

    .pdf_attention a {
        text-decoration: none;
    }

    .pdfList li.icon_pdf {
        background: url(images/icon_pdf_sp.png) left center no-repeat;
        margin-left: 2.34375vw;
        line-height: 5.06250vw;
        padding-left: 5.46875vw;
        background-size: 4.68750vw 5vw;
    }

    .icon_pdf a,
    #localNavi li.icon_pdf a {
        font-size: 3.12500vw;
    }

    /* HOME PAGE */
    .topProductBox {
        background-image: none;
    }

    .topProductDetail {
        width: auto;
        padding: 0 0 5vw 0;
    }

    .topProductDetail h3,
    .topProductBox:nth-child(2) .topProductDetail h3 {
        border-top: dotted 1px #CCCCCC;
        padding-top: 4.68750vw;
        height: auto;
        font-size: 3.43750vw;
        line-height: 5vw;
        background-position: 0 6vw;
    }

    .topProductBox:nth-child(2) .topProductDetail:first-child h3 {
        border-top: none;
        padding-top: 0;
        background-position: 0 1.2vw;
    }

    .topProductDetail .leftBox {
        width: 20vw;
        margin-right: 5vw;
    }

    .topProductDetail .leftBox .pht img {
        width: 100%;
    }

    .topProductDetail .rightBox {
        width: 65.15625vw;
        font-size: 3.12500vw;
        line-height: 4.68750vw;
    }

    .topProductDetail a.btnDeatil,
    .topProductDetail a.btnDeatil:hover,
    .main-content a.btnDeatil,
    .main-content a.btnDeatil:hover {
        background-image: none;
        text-indent: 0;
        width: auto;
        text-decoration: none;
        font-size: 2.81250vw;
        line-height: 2.81250vw;
        color: white;
        background-color: #666666;
        border-radius: 0.93750vw;
        padding: 0.95vw 1.8vw;
        height: auto;
    }

    /* END HOME PAGE */

    /* PRODUCT PAGE */
    .main-content a.btnDeatil {
        margin-top: 1.56250vw;
    }

    .catch_txt {
        margin: 2.34375vw 2.34375vw 3.90625vw;
    }

    .aboutList {
        padding: 0;
    }

    .aboutList li {
        line-height: inherit;
        background: url('images/icon_tool_sp.png') left top no-repeat;
        margin: 0 2.34375vw 1.56250vw;
        padding-left: 5.46875vw;
        background-size: 5.5%;
    }

    .aboutList li p {
        width: 100%;
    }

    /* END PRODUCT PAGE */

    /* KOHKAN PAGE */
    dl.heightLine,
    .phtList03 dt img {
        box-sizing: border-box;
        margin-bottom: 2.18750vw;
        padding: 1.56250vw;
    }

    dl.heightLine {
        margin: 0;
        padding: 0 1.56250vw;
        box-sizing: border-box;
    }

    .phtList03 dt img {
        width: 100%;
        height: auto;
    }

    .phtList03 dd {
        padding-bottom: 3.75000vw;
    }

    body.page-template-kohkan_page #wrapper .main-content {
         margin-bottom: 4.15625vw;
    }
    /* END KOHKAN PAGE */

    /* AWAT PAGE */
    #awat_left {
        padding: 2.34375vw 2.34375vw 3.90625vw;
        box-sizing: border-box;
        margin: 0;
    }

    #awat_left,
    #awat_right,
    #awat_box,
    #awat_right li img,
    #awat_box li img,
    .awat-figure {
        width: 100%;
    }

    #awat_right li,
    #awat_box li {
        width: 48%;
        padding: 0;
        margin: 0;
    }

    #awat_right li img {
        height: 70.6875vw;
    }

    #awat_right li:first-child,
    #awat_box li:first-child {
        float: left;
    }

    #awat_right li:last-child,
    #awat_box li:last-child {
        float: right;
    }

    #mov iframe {
        height: 55vw;
    }

    #awat_box {
        width: 100%;
    }
    /* END AWAT PAGE */

    /* COMPANY PAGE */
    table.companyTable > tbody > tr > th,
    table.companyTable > tbody > tr > td {
        padding: 2.81250vw 1.56250vw;
    }

    table.companyTable,
    #company-map {
        width: 100%;
    }

    table.companyTable th {
        width: 25%;
    }

    #company-map iframe {
        width: 100%;
        height: 350px;
    }

    /* END COMPANY PAGE */

    /* CONTACT PAGE */
    .contact-form input[type="text"],
    .contact-form textarea,
    .contact-form table.inner {
        width: 100%;
    }

    body.page.page-template-contact_page .site-content-overview {
        margin-bottom: 2.46875vw;
    }
    /* END CONTACT PAGE*/

    /* CATEGORY PAGE */
    .entry-summary {
        padding-left: 3.12500vw;
    }

    .entry-summary h1.entry-title,
    .entry-summary h1.entry-title a,
    .entry-header h1.entry-title a {
        font-size: 3.125vw;
        line-height: 5.46875vw;
    }

    .entry-summary h1.entry-title {
        padding-bottom: 2.8125vw;
        padding-top: 0;
    }

    .site-content article {
        padding-bottom: 0;
        padding-top: 2.56250vw;
    }

    .entry-summary .content {
        padding-bottom: 2.56250vw;
    }

    .read-more {
        font-size: 2.81250vw;
        line-height: 2.81250vw;
        top: -2.5vw;
    }

    #nav-below,
    .site-content article:last-of-type {
        margin-bottom: 2.34375vw;
    }
    /* END CATEGORY PAGE */

    /* FIT-NET DETAIL PAGE */
    body.single #secondary .widget_category_widget,
    body.single #secondary .fitnet-intro {
        display: none;
    }

    body.single #secondary2 .widget-area {
        display: block;
        width: 100%;
    }

    body.single article.post {
        padding: 2.34375vw 3.12500vw 2.34375vw 2.34375vw;
        margin-bottom: 4.37500vw;
    }

    body.single article .entry-header {
        margin-bottom: 2.34375vw;
    }

    body.single article .entry-header .entry-title {
        font-size: 3.81250vw;
        line-height: 5.46875vw;
    }

    .entry-summary h1.entry-title, .entry-header h1.entry-title {
        padding-top: 0.61250vw;
        padding-bottom: 2.81250vw;
    }

    body.single body.single .site-content nav {
      margin-top: 2.34375vw;
    }
    
    body.single .pdf_attention {
        clear: both;
    }
    /* END FIT-NET DETAIL PAGE */

    /* NEWS LIST*/
    .category-news #primary #content,
    body.single #primary #content {
        margin-top: 3.59375vw;
    }

    .category-news #nav-below {
        margin-bottom: 0;
    }

    .post-date {
        display: block;
        margin-bottom: 1.62500vw;
    }

    .entry-summary .title, .post-date,
    body.single .entry-header .post-date {
        font-size: 2.56250vw;
        line-height: 2.56250vw;
    }
    /* END NEWS LIST*/

    /* NEWS DETAIL PAGE */
    body.single .entry-header .post-date {
        margin-bottom: 1.56250vw;
    }

    .nav-previous a,
    .nav-next a,
    #nav-below a {
        font-size: 2.81250vw;
    }

    body .widget-area .widget_category_widget {
        margin-bottom: 0;
    }

    body.single .widget_category_widget .btnList {
        margin-top: 1.56250vw;
    }
    /* NEWS DETAIL PAGE */

    .error404 .site-content article .entry-title {
        font-size: 3.5vw;
    }

    .error404 .site-content article .entry-content p {
        line-height: 1.714285714;
        font-size: 2.5vw;
    }
}
/* END RESPONSIVE */