body {
  background-color: #f0f0f0;
}
#wrapper {
  background-color: #f0f0f0;
}
.ptimg.pt-news {
  background-image: url("../img/pagetitle/news.jpg");
}
.ptimg.pt-stock {
  background-image: url("../img/pagetitle/stock.jpg");
}
.ptimg.pt-itaku {
  background-image: url("../img/pagetitle/itaku.jpg");
}
.ptimg.pt-factory {
  background-image: url("../img/pagetitle/factory.jpg");
}
.ptimg.pt-blog {
  background-image: url("../img/pagetitle/blog.jpg");
}
.ptimg.pt-history {
  background-image: url("../img/pagetitle/history.jpg");
}
.ptimg.pt-company {
  background-image: url("../img/pagetitle/company.jpg");
}
.ptimg.pt-contact {
  background-image: url("../img/pagetitle/contact.jpg");
}
.ptimg.pt-privacy {
  background-image: url("../img/pagetitle/contact.jpg");
}
/* Style for PCs */
@media screen and (min-width: 1025px) {
  /* Pagetitle */
  .pagetitle {
    width: 100%;
    height: 250px;
    display: block;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 50% 200px;
    background-image: url("../img/index/box_fff.png");
  }
  .ptbody {
    width: 45%;
    height: 200px;
    display: block;
    padding: 120px 0 0 5%;
    float: left;
  }
  .ptbody h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25em;
    color: #333;
    margin-bottom: 5px;
  }
  .ptbody p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.25em;
    color: #999;
  }
  .ptimg {
    width: 55%;
    height: 150px;
    display: block;
    float: right;
    margin-top: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
  }
  /* Common */
  main {
    width: 100%;
    height: auto;
    display: block;
    padding: 50px 5%;
  }
  .mmcc p {
    font-size: 14px;
    line-height: 2em;
    margin-bottom: 2em;
  }
  .mmcc p.pnom {
    margin-bottom: 0px;
  }
  .mmcc p.pnom1 {
    margin-bottom: 15px;
  }
  .mmcc h2.h2toptxt {
    font-size: 30px;
    font-weight: 300;
    line-height: 1.25em;
    margin-bottom: 15px;
    color: #888;
  }
  .mmcc h3.h3nom1 {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.25em;
    margin-bottom: 5px;
    color: #888;
  }
  h3.h3nom2 {
    font-size: 30px;
    font-weight: 300;
    line-height: 1.25em;
    margin-bottom: 15px;
    color: #888;
  }
  /* News */
  .nwlist a {
    background-color: #f8f8f8;
  }
  .nwlist a:hover {
    background-color: #e0e0e0;
  }
  .nwlist a .nwcc p.nwdate {
    color: #999;
  }
  .nwlist a .nwcc h3 {
    color: #222;
  }
  .nwlist a .nwcc p.nwcom {
    color: #444;
  }
  .nwlist a .nwcc p.nwbn {
    color: #fff;
    background-color: #999;
    background-image: url("../img/header/ic-ar_h_w.png");
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: auto 60%;
  }
  .nwlist a:hover .nwcc p.nwbn {
    background-color: #444;
  }

}
/* Style for iPad Pro */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* Pagetitle */
  .pagetitle {
    width: 100%;
    height: 250px;
    display: block;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 50% 200px;
    background-image: url("../img/index/box_fff.png");
  }
  .ptbody {
    width: 45%;
    height: 200px;
    display: block;
    padding: 120px 0 0 5%;
    float: left;
  }
  .ptbody h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25em;
    color: #333;
    margin-bottom: 5px;
  }
  .ptbody p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.25em;
    color: #999;
  }
  .ptimg {
    width: 55%;
    height: 150px;
    display: block;
    float: right;
    margin-top: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
  }
  /* Common */
  main {
    width: 100%;
    height: auto;
    display: block;
    padding: 50px 5%;
  }
  .mmcc p {
    font-size: 14px;
    line-height: 2em;
    margin-bottom: 2em;
  }
  .mmcc p.pnom {
    margin-bottom: 0px;
  }
  .mmcc p.pnom1 {
    margin-bottom: 15px;
  }
  .mmcc h2.h2toptxt {
    font-size: 30px;
    font-weight: 300;
    line-height: 1.25em;
    margin-bottom: 15px;
    color: #888;
  }
  .mmcc h3.h3nom1 {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.25em;
    margin-bottom: 5px;
    color: #888;
  }
  h3.h3nom2 {
    font-size: 30px;
    font-weight: 300;
    line-height: 1.25em;
    margin-bottom: 15px;
    color: #888;
  }
  /* News */
  .nwlist a {
    background-color: #f8f8f8;
  }
  .nwlist a:hover {
    background-color: #e0e0e0;
  }
  .nwlist a .nwcc p.nwdate {
    color: #999;
  }
  .nwlist a .nwcc h3 {
    color: #222;
  }
  .nwlist a .nwcc p.nwcom {
    color: #444;
  }
  .nwlist a .nwcc p.nwbn {
    color: #fff;
    background-color: #999;
    background-image: url("../img/header/ic-ar_h_w.png");
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: auto 60%;
  }
  .nwlist a:hover .nwcc p.nwbn {
    background-color: #444;
  }
  
}
/* Style for iPad */
@media screen and (min-width: 481px) and (max-width: 768px) {
  /* Pagetitle */
  .pagetitle {
    width: 100%;
    height: 200px;
    display: block;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 50% 170px;
    background-image: url("../img/index/box_fff.png");
  }
  .ptbody {
    width: 45%;
    height: 150px;
    display: block;
    padding: 100px 0 0 5%;
    float: left;
  }
  .ptbody h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25em;
    color: #333;
    margin-bottom: 5px;
  }
  .ptbody p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.25em;
    color: #999;
  }
  .ptimg {
    width: 55%;
    height: 100px;
    display: block;
    float: right;
    margin-top: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
  }
  /* Common */
  main {
    width: 100%;
    height: auto;
    display: block;
    padding: 50px 5%;
  }
  .mmcc p {
    font-size: 14px;
    line-height: 2em;
    margin-bottom: 2em;
  }
  .mmcc p.pnom {
    margin-bottom: 0px;
  }
  .mmcc p.pnom1 {
    margin-bottom: 15px;
  }
  .mmcc h2.h2toptxt {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.25em;
    margin-bottom: 15px;
    color: #888;
  }
  .mmcc h3.h3nom1 {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.25em;
    margin-bottom: 5px;
    color: #888;
  }
  h3.h3nom2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25em;
    margin-bottom: 15px;
    color: #888;
  }
  /* News */
  .nwlist a {
    background-color: #f8f8f8;
  }
  .nwlist a:hover {
    background-color: #e0e0e0;
  }
  .nwlist a .nwcc p.nwdate {
    color: #999;
  }
  .nwlist a .nwcc h3 {
    color: #222;
  }
  .nwlist a .nwcc p.nwcom {
    color: #444;
  }
  .nwlist a .nwcc p.nwbn {
    color: #fff;
    background-color: #999;
    background-image: url("../img/header/ic-ar_h_w.png");
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: auto 60%;
  }
  .nwlist a:hover .nwcc p.nwbn {
    background-color: #444;
  }
}
/* Style for Smartphone */
@media screen and (max-width: 480px) {
  /* Pagetitle */
  .pagetitle {
    width: 100%;
    height: 200px;
    display: block;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 90% 170px;
    background-image: url("../img/index/box_fff.png");
  }
  .ptbody {
    width: 55%;
    height: 140px;
    display: block;
    padding: 80px 0 0 5%;
    float: left;
  }
  .ptbody h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25em;
    color: #333;
    margin-bottom: 5px;
  }
  .ptbody p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.25em;
    color: #999;
  }
  .ptimg {
    width: 80%;
    height: 60px;
    display: block;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
  }
  /* Common */
  main {
    width: 100%;
    height: auto;
    display: block;
    padding: 50px 5%;
  }
  .mmcc p {
    font-size: 14px;
    line-height: 2em;
    margin-bottom: 2em;
  }
  .mmcc p.pnom {
    margin-bottom: 0px;
  }
  .mmcc p.pnom1 {
    margin-bottom: 15px;
  }
  .mmcc h2.h2toptxt {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.25em;
    margin-bottom: 15px;
    color: #888;
  }
  .mmcc h3.h3nom1 {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.25em;
    margin-bottom: 5px;
    color: #888;
  }
  h3.h3nom2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25em;
    margin-bottom: 15px;
    color: #888;
  }
  /* News */
  .nwlist a {
    background-color: #f8f8f8;
  }
  .nwlist a:hover {
    background-color: #e0e0e0;
  }
  .nwlist a .nwcc p.nwdate {
    color: #999;
  }
  .nwlist a .nwcc h3 {
    color: #222;
  }
  .nwlist a .nwcc p.nwcom {
    color: #444;
  }
  .nwlist a .nwcc p.nwbn {
    color: #fff;
    background-color: #999;
    background-image: url("../img/header/ic-ar_h_w.png");
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: auto 60%;
  }
  .nwlist a:hover .nwcc p.nwbn {
    background-color: #444;
  }
  
}