@charset "UTF-8";

/*タブレット*/
@media (max-width: 991px) {

/*----------------------header----------------------*/
.header {
  background-size: 35%;
}
.header .logo {
  width: 160px;
  margin: 3.6em auto 1.6em auto;
}
/*top-links*/
.top-links ul li {
  margin-right: .6em;
}
.top-links a {
  font-size: .8em;
  padding: .6em 1.2em;
}
.top-links i {
  font-size: .8em;
  margin-right: .8em;
}
/* header menu PC*/
.nav-pc {
  padding: 1.2em 0 0 0;
}
.nav-pc li {
  margin: 0 1.6em;
}
.nav-pc li a {
  padding: .4em 1.6em;
}
/*mv*/
.mv-btn {
  right: 20px;
  bottom: 40px;
}
.slick-prev {
  left: 5%;
}
.slick-next {
  right: 5%;
}

/*for customers*/
#for-customers a {
  font-size: 1em;
}
#for-customers a span {
  margin: 2.6em 1em;
  padding: 1.2em 0;
}
.front-02-bnr {
  margin-top: 1.2em;
  margin-bottom: 0;
}
.front-03-bnr p {
  top: 40%;
  right: 4%;
  width: 40%;
  font-size: 1.2em;
}

#menu-sidebar_nav li {
  font-size: 1em;
}
.contact-box-tel span {
  font-size: .6em;
  display: block;
}

}

/*スマホ*/
@media (max-width: 767px) {
/*----------------------header----------------------*/
.header {
  padding: 0 0 0 0;
  border-top: 5px solid #330000;
  background-size: 40%;
  position: relative;
}
.header .logo {
  width: 140px;
  margin: 3.6em auto 1.6em auto;
}
.header .logo h1 {
  margin: 0;
}
.header .logo img {
  width: 100%
}
.top-links {
  top: -2px;
}
/* menu-trigger */
.menu-trigger {
  z-index: 9999 !important ;
  position: fixed;
  display: block;
  padding: 8px;
  height: 32px;
  width: 32px;
  margin: 0px;
  top: 0.2em;
  left: 1em;
}
.menu-icon {
  background: #fff;
  margin-top: 10px;
  position: absolute;
}
.top-menu, .mid-menu, .bottom-menu {
  width: 28px;
  height: 4px;
  border-radius: 10px;
  background-color: #626262;
}
.top-menu {
  top: 5px;
}
.mid-menu {
  top: 13px;
}
.bottom-menu {
  top: 21px;
}

/*top-links*/
.top-links ul li {
  margin-right: .6em;
}
.top-links a {
  font-size: .6em;
  padding: .4em 1em;
}
.top-links i {
  font-size: .6em;
  margin-right: .8em;
}

/* front-page */
.front-section {
  padding: 1.2em 0;
}

/*----------------------frotnt page----------------------*/
/*mv*/
#mv {
  padding: 1.6em 0;
}
.mv-btn {
  right: 20px;
  bottom: 20px;
  font-size: 1em;
}

/*info*/
#info {
  padding: 1.2em 0;
}
.info-content {
  padding: .6em;
}
#info i {
  padding-right: .6em;
}

/*news*/
#news {
  padding-bottom: 1.2em;
}
.news-list {
  margin: 0 0 1em 0;
  font-size: 1em;
}
.news-list li {
  margin-bottom: 1em;
}
.to-archive {
  font-size: 1em;
}

/*for customers*/
#for-customers a {
  margin-bottom: .6em;
  font-size: 1.2em;
  color: #000;
  height: 124px;
}
#for-customers a span {
  margin: 2.4em 1em;
  padding: 1em 0;
}

/*front-02*/
#front-02 {
  padding: 2em 0;
}
.bnrs-box {
  margin-bottom: 1.2em;
}
.bnrs-box p {
  font-size: 1.2em;
}
.front-02-bnr {
  margin-bottom: 1.2em;
}
#front-02-retails p {
  top: 40%;
  right: 4%;
  width: 40%;
  font-size: 1.2em;
}
#front-02-overseas p {
  top: 25%;
  right: 4%;
  width: 40%;
  font-size: 1.1em;
}
#front-02-overseas p span {
  display: block;
  font-size: .9em;
}

/*front-03*/
#front-03 {
  padding: 1.2em 0;
}
.front-03-bnr {
  margin-bottom: 1.2em;
}
.front-03-bnr p {
  top: 40%;
  right: 4%;
  width: 40%;
  font-size: 1.2em;
}

/*----------------------pages----------------------*/

/* breadcrumbs */
.breadcrumbs-wrapper {
  padding: .6em 0;
}
.breadcrumbs li:before {
  margin: 0 .6em;
}

/*page*/
.page-intro {
  height: 80px;
  padding: 2.4em 0;
}
h1.page-title {
  font-size: 1.4em;
}
h1.post-title {
  font-size: 1.6em;
}

/* Post archive page */
.post-archive {
  padding: 1.2em 0 1.2em 0;
}
.archive-article {
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.archive-article h2 {
  margin: 0 0 .6em 0;
  font-size: 1.2em;
}

/*Pagination*/
.pagination {
  margin: 1.2em auto;
}
.pagination li.active {
  padding: .6em 1.2em;
}
.pagination li a {
  padding: .6em 1.2em;
}

/*post-content*/
.post {
  padding: 1.2em 0 1.2em 0;
}
.post-content {
  padding: 1.2em 0 1.2em 0;
}

/*page-content*/
.page-section {
  padding: 1em 0 1.6em 0;
}
.page-content {
  padding: 1.2em 0 1.2em 0;
}
.page-content p {
  margin: 0 0 1em 0;
}

/*sidebar*/
.sidebar {
  padding: 1em 0;
}
#menu-sidebar_nav {
  margin: 0 0 1em 0;
  overflow: hidden;
}
#menu-sidebar_nav li {
  font-size: 1em;
  width: 50%;
  float: left;
  border: 1px solid #ccc;
  border-top: none;
}
#menu-sidebar_nav li:nth-child(-n+2) {
  border-top: 1px solid #ccc;
}
#menu-sidebar_nav li:nth-child(2n) {
  border-left: none;
}
#menu-sidebar_nav li a {
  padding: 1em 0 1em 1em;
}

/*page-product*/
.product-box .product-pic {
  border: 8px solid #f0edda;
}
.product-box .product-name {
  font-size: 1em;
}
.product-box .product-desc {
  font-size: .9em;
}
.product-box .product-info li {
  margin-bottom: .4em;
}
.product-btn-download {
  padding: .8em;
  font-size: 1.2em;
  width: 100%;
  max-width: 400px;
}

/*page-retails*/
.retails-notes {
  margin-bottom: 1.2em;
  padding: 1em;
}
.retails-table {
  width: 100%;
}
.retails-table td {
  padding: .2em;
}
.retails-table img {
  width: 36px;
  margin: 0;
}
.table-responsive {
  padding: 1em;
}

/*page-kyujin*/
.kyujin-tbl {
  font-size: 1em;
}
.kyujin-tbl th,
.kyujin-tbl td {
  padding: 1em 1em;
}

/*page-recruit*/
.recruit-tbl {
  font-size: 1em;
}
.recruit-tbl th,
.recruit-tbl td {
  padding: 1em 1em;
}
.recruit-btn {
  padding: .8em;
  font-size: 1.2em;
  width: 100%;
  max-width: 400px;
}


/*page-contact*/
.form-dl dt {
  width: 100%;
  padding: .6em;
}
.form-dl dd {
  margin-left: 0;
  padding: .6em;
}
.contact-tel {
  padding: 1.2em;
}
p.contact-tel-number {
  font-size: 2em;
  margin: 0 0 .2em 0;
}
p.contact-tel-reception {
  font-size: 1em;
}
.wpcf7-submit {
  width: 100%;
  max-width: 320px;
}

/*----------------------footer----------------------*/
#footer-1 {
  padding: 2em 0;
}
.footer-logo {
  width: 120px;
}
.footer-pages {
  padding: 1.2em 0;
}
.contact-box {
  background: url('./contact-box_bg.gif');
  padding: 1em;
}
.contact-box-inner {
  padding: 1.2em;
}
.contact-box h2 {
  font-size: 1em;
}
.contact-box-tel {
  font-size: 2em;
}
.contact-box-reception {
  font-size: 1em;
}
.contact-box-btn {
  font-size: 1.2em;
  padding: .4em 1em;
}
#footer-2 {
  padding: 1.2em;
}
#footer-2 .footer-links li {
  font-size: 1em;
}
#footer-3 {
  padding: .6em 0;
}
/*go to top*/
.go-to-top {
  display: none;
  position: fixed;
  bottom: 7%;
  right: 5%;
}
.go-to-top a {
  font-size: 1em;
}

}