/*
Theme Name: 真澄
Theme URI: https://www.masumi.co.jp/index.php
Author: インダストリーネットワーク株式会社
Author URI: http://www.industry.co.jp/
Template: devdmbootstrap3
Description: devdmbootstrap3 1.71.とhonoka3.3.6-aをベースに作られています。
Version: 1.0
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, rtl-language-support, theme-options, translation-ready
Text Domain: devdmbootstrap3

devdmbootstrap3 WordPress Theme, Copyright 2015 Danny Machal.
devdmbootstrap3 is distributed under the terms of the GNU GPL v3.
*/

/* The bootstrap.css file is auto-enqueued in functions.php */

/* YOU SHOULD BE MAKING A CHILD THEME. Don't let me be a bad guy and erase all your hard work with a theme update. I just want to bring you new amazing features. I don't want to destroy your world. I've made a child theme available for you to use. Download it here http://devdm.com/DevDmBootstrap3/child-themes/ */

/****************** Special Blank CSS classes for child themes to use without disturbing core bootstrap styles ****************/


/* Base layout
====================================================================================================*/

/** {
  outline: solid 1px #f00;
}
*/

body {
  background-color: transparent;
}

.gv_galleryWrap {
  box-sizing: content-box;
}

.BG1 {
  background: #999999;
}
.BG2 {
  background: #CCCCCC;
}
.BG3 {
  background: #EEEEEE;
}
.BG4 {
  background: #FFFFFF;
}
.BG5 {
  background: #333333;
  color: #FFFFFF;
}
.BG6 {
  background: #ECD5E0;
  color: #FFFFFF;
}
.BG7 {
  background: beige;
}
.BG8 {
  background: #2E5568;
}

.fz-13 {
  font-size: 13px!important;
}
.fz-14 {
  font-size: 14px!important;
}
.fz-16 {
  font-size: 16px!important;
}
.fz-18 {
  font-size: 18px!important;
}

.w-100 {
  width: 100%!important;
}

@media(min-width: 768px) {
  .text-sm-left {
    text-align: left!important;
  }
}

.img-responsive {
  margin:  0 auto;
}

.inline-block {
  display: inline-block;
}
.vertical-align-top {
  vertical-align: top;
}

.pagination {
  margin: 0;
}

@media(min-width: 768px) {
  .nivo-controlNav {
    position: absolute;
    bottom: 0;
  }
}
@media(max-width: 767px) {
  .theme-default .nivo-directionNav a {
    display: none!important;
    top:calc(50% - 15px);
  }

  .theme-default .nivo-directionNav a.nivo-nextNav{
    text-align: right;

  }
  .theme-default .nivo-directionNav a:before {
    display: block;
    font-size: 30px;
    line-height: 30px;
  }
}
.theme-default .nivo-directionNav a {
  opacity: .5!important;
  text-indent: 0!important;
  background-image: none!important;
  color: #fff;
  text-decoration: none;
  font-size: 3rem;
}
.theme-default .nivo-directionNav a:hover {
  opacity: 1!important;
}
.theme-default .nivo-directionNav .nivo-prevNav:before {
  content: "\f053";
  font-family: "fontAwesome";
}
.theme-default .nivo-directionNav .nivo-nextNav:before {
  content: "\f054";
  font-family: "fontAwesome";
}

video {
  cursor: pointer;
  max-width: 100%;
}
#video {
  position: relative;
}
#video .movie {
  width: 100%;
  height: auto;
}
#video .fa {
  color: #f00;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 60px;
  margin: -30px 0 0 -30px;
}
@media(max-width: 767px) {
  #video .fa {
    display: none;
  }
}

a {
/*  word-break: break-all;
  word-break: normal;*/
}

.table caption {
  background-color: #efefef;
  color: #000;
  padding: 5px;
  margin-bottom: 5px;
}
@media (max-width: 767px){
  body {
    /*padding-top: 86px;*/
    padding-top: 26px;
  }
}

@media (min-width: 768px){
  body {
    padding-top: 86px;
  }
  img.alignleft,
  .wp-caption.alignleft {
    margin: 10px 20px 10px 0;
    float: left;
  }

  img.alignright,
  .wp-caption.alignright {
    margin: 10px 10px 0 20px;
    float: right;
  }
}


@media (min-width: 992px) {
	.container {
		width: 990px
	}
  .page-template-template-label .dmbs-main .container {
    width: 1170px;
  }
}
@media (min-width: 1120px) {
	.container {
		width: 990px
	}
  .page-template-template-label .dmbs-main .container {
    width: 1170px;
  }
}
/*@media (max-width: 767px) {
  body {
      padding-top: 63px;
  }
}*/

a {

    -webkit-transition-duration: initial;
    -o-transition-duration: initial;
    transition-duration: initial;

}
@media (max-width: 767px) {
  input[type="text"],select,textarea {
    font-size: 16px!important;
    max-width: 100%;
  }
}


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

img.pull-left {
  margin: 0 20px 20px 0;
}
img.pull-right {
  margin: 0 0 20px 20px;
}

.iframe-content {
    position: relative;
    width: 100%;
    padding: 56.25% 0 0 0;
}
.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

html[lang="ja"] body,
html[lang="ja"] h1,
html[lang="ja"] .h1,
html[lang="ja"] h2,
html[lang="ja"] .h2,
html[lang="ja"] h3,
html[lang="ja"] .h3,
html[lang="ja"] h4,
html[lang="ja"] .h4,
html[lang="ja"] h5,
html[lang="ja"] .h5,
html[lang="ja"] h6,
html[lang="ja"] .h6,
.mincho,
.navbar {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
html[lang="en-US"] body,
html[lang="en-US"] h1,
html[lang="en-US"] .h1,
html[lang="en-US"] h2,
html[lang="en-US"] .h2,
html[lang="en-US"] h3,
html[lang="en-US"] .h3,
html[lang="en-US"] h4,
html[lang="en-US"] .h4,
html[lang="en-US"] h5,
html[lang="en-US"] .h5,
html[lang="en-US"] h6,
html[lang="en-US"] .h6,
html[lang="en-US"] .titleStyleA,
html[lang="en-US"] .navbar {
  font-family: Georgia;
}
html[lang="fr-FR"] body,
html[lang="fr-FR"] h1,
html[lang="fr-FR"] .h1,
html[lang="fr-FR"] h2,
html[lang="fr-FR"] .h2,
html[lang="fr-FR"] h3,
html[lang="fr-FR"] .h3,
html[lang="fr-FR"] h4,
html[lang="fr-FR"] .h4,
html[lang="fr-FR"] h5,
html[lang="fr-FR"] .h5,
html[lang="fr-FR"] h6,
html[lang="fr-FR"] .h6,
html[lang="fr-FR"] .titleStyleA,
html[lang="fr-FR"]  .navbar {
	font-family: Georgia;
}


html[lang="zh-CN"] body,
html[lang="zh-CN"] h1,
html[lang="zh-CN"] .h1,
html[lang="zh-CN"] h2,
html[lang="zh-CN"] .h2,
html[lang="zh-CN"] h3,
html[lang="zh-CN"] .h3,
html[lang="zh-CN"] h4,
html[lang="zh-CN"] .h4,
html[lang="zh-CN"] h5,
html[lang="zh-CN"] .h5,
html[lang="zh-CN"] h6,
html[lang="zh-CN"] .h6,
html[lang="zh-CN"] .navbar {
  font-family:"Microsoft YaHei", "微软雅黑",'SimSun', sans-serif;
}

.widget h3 {
    display: none;
}


#wpadminbar {
  position: fixed;
}
.dmbs-container {
  /*z-index: 1000;*/
}
/*#primaryNav {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}*/

.dmbs-header {
    width: 100%;
    background-color: #fff;
/*    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;*/
}
.admin-bar .dmbs-header{
  top:46px;
}
@media (min-width: 768px) {
  .admin-bar .dmbs-header{
    top:32px;
  }
}
.js-clingify-wrapper {
  background-color: #fff;
}
.js-clingify-locked {
  top:30px;
}
.admin-bar .js-clingify-locked {
  top:62px;
}
.dmbs-header h1 {
    margin: 0;
    padding: 0;
    height: 30px;
    line-height: 30px;
}
.dmbs-header a {
  color: #000;
}
.dmbs-header-img {
    float: left;
}

.header-menu {
  float: right;
}
.header-menu .menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    
    font-size: 0;
}
.header-menu .menu>li {
    display: inline-block;
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 15px;
    position: relative;
}

.header-menu .menu>li:before {
  content: "";
  width: 1px;
  background-color: #000;
  height: 40%;
  position: absolute;
  top: 30%;
  left: 0;
}
.header-menu .menu>li:last-child:after {
  content: "";
  width: 1px;
  background-color: #000;
  height: 40%;
  position: absolute;
  top: 30%;
  right: 0;
}

@media (max-width: 767px) {
  .dmbs-header {
    min-height: 50px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: #fff;
  }
  .dmbs-header-img {
    margin-top: 10px;
    float: none;
    /*text-align: center;*/
  }
  .header-menu {
    float: none;
    /*text-align: center;*/
    margin-right: auto;
    margin-left: auto;
  }
  .header-menu .menu>li {
    padding: 0 5px;
  }

}
@media (min-width: 768px) {
  .dmbs-header {
    padding-top: 10px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: #fff;
  }
}

.dmbs-header-text {

}
#globalNav {
  background-color: #fff;
}
#globalNav.fixed {
    position: fixed;

    left: 0;
    z-index: 1000;
    width: 100%;
}
@media (max-width: 782px) {
  .admin-bar #globalNav.fixed {
    top:0;
  }
}
@media (min-width: 768px) {
  .admin-bar #globalNav.fixed {
    top: 72px;
  }
}
.dmbs-top-menu a {
  color: #000;
}
@media (max-width: 767px) {
  #globalNav {
    position: relative;
    z-index: 1000;

  }
  #globalNav .navbar-collapse {
    width: 100%;
    position: fixed;
    left: 0;
    top: 50px;
    z-index: 1000;
    background-color: #fff;
  }
  .admin-bar #globalNav .navbar-collapse {
    top: 100px;
  }
  .home #globalNav {
/*    padding: 5px 0;
    box-shadow: 0 0 2px #aaa;*/
  }
  #globalNav.fixed {
    top:0;
  }
  .dmbs-top-menu .menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
  }
  .dmbs-top-menu .navbar {
    min-height: auto;
    min-height: initial;
    margin: 0;
  }
   .dmbs-top-menu .menu,
  .dmbs-top-menu .navbar-nav {
    font-size: 0;
    /*border-top: solid 1px #efefef;*/
    text-align: left;
  }
  .dmbs-top-menu .menu>li,
  .dmbs-top-menu .navbar-nav>li{
    width: 50%;
    font-size: initial;
    display: inline-block;
    vertical-align: top;
    border-bottom: solid 1px #efefef;
  }
  .dmbs-top-menu .menu>li:first-child,
  .dmbs-top-menu .navbar-nav>li:first-child,
  .dmbs-top-menu .menu>li:nth-child(2),
  .dmbs-top-menu .navbar-nav>li:nth-child(2){
    border-top: solid 1px #efefef;
  }
  .dmbs-top-menu .menu>li:nth-child(odd),
  .dmbs-top-menu .navbar-nav>li:nth-child(odd){
    border-right: solid 1px #efefef;
  }
  .dmbs-top-menu .menu>li>a,
  .dmbs-top-menu .navbar-nav>li>a {
  display: block;
   padding: 10px 15px;
      line-height: 22px;
      background-color: #fff;
      text-align: left;
      color: #000;

  }
}
@media (min-width: 768px) {
    #globalNav.fixed {
      top:40px;
    }
	.dmbs-top-menu {
		padding: 10px 0;
	}
  .dmbs-top-menu .navbar-collapse,
	.dmbs-top-menu .navbar {
	    min-height: initial;
	    min-height: auto;
	    margin-bottom: 0;
	}
  .dmbs-top-menu .menu,
	.dmbs-top-menu .navbar-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
		font-size: 0;
		text-align: center;
		float: none;
    position: relative;

	}
  .dmbs-top-menu .menu:before,
  .dmbs-top-menu .navbar-nav:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    background-color: #000;
    z-index: 0;
  }
  .dmbs-top-menu .menu>li,
	.dmbs-top-menu .navbar-nav>li {
		margin: 0;
		float: none;
		display: inline-block;
		font-size: 16px;
    background-color: #fff;
    position: relative;
    z-index: 1;

    
	}
  .dmbs-top-menu .menu>li>a:after,
	.dmbs-top-menu .navbar-nav>li>a:after {
	    content: "";
	    display: block;
	    width: 1px;
	    height: 50%;
	    background-color: #000;
	    position: absolute;
	    right: 0;
	    top: 25%;
	}
  .dmbs-top-menu .menu>li:first-child>a:before,
	.dmbs-top-menu .navbar-nav>li:first-child>a:before {
		  content: "";
	    display: block;
	    width: 1px;
	    height: 50%;
	    background-color: #000;
	    position: absolute;
	    left:0;
	    top: 25%;
      z-index: 1;
	}
  .dmbs-top-menu .menu>li:first-child,
  .dmbs-top-menu .navbar-nav>li:first-child {
    padding-left: 20px;
  }
  .dmbs-top-menu .menu>li:last-child,
  .dmbs-top-menu .navbar-nav>li:last-child {
    padding-right: 20px;
  }
  .dmbs-top-menu .menu>li>a,
	.dmbs-top-menu .navbar-nav>li>a {
    display: block;
	    padding: 0 20px 2px 20px;
	    margin: 0;
	    border-radius: 0;
      position: relative;
      color: #000;
      border-bottom: solid 2px #fff;
      line-height: 22px;
	}
  .dmbs-top-menu .navbar-nav>li.current-menu-item>a,
  .dmbs-top-menu .navbar-nav>li.current_page_item>a,
  .dmbs-top-menu .menu>li.current>a,
  .dmbs-top-menu .menu>li>a:hover,
  .dmbs-top-menu .navbar-nav>li>a:hover,
  .dmbs-top-menu .navbar-nav>li.current-page-ancestor>a,
  #menu-item-1738.current>a {
    padding-left: 21px;
    margin-left: -1px;
    background-color: #000!important;
    color: #fff!important;
  }


  [lang="fr-FR"] .dmbs-top-menu .menu>li>a,
  [lang="fr-FR"] .dmbs-top-menu .navbar-nav>li>a {
    padding-right: 10px;
    padding-left: 10px;
  }
  [lang="fr-FR"] .dmbs-top-menu .navbar-nav>li.current_page_item>a,
  [lang="fr-FR"] .dmbs-top-menu .menu>li.current>a,
  [lang="fr-FR"] .dmbs-top-menu .menu>li>a:hover,
  [lang="fr-FR"] .dmbs-top-menu .navbar-nav>li>a:hover,
  [lang="fr-FR"] .dmbs-top-menu .navbar-nav>li.current-page-ancestor>a,
  [lang="fr-FR"] #menu-item-1738.current>a {
    padding-left: 11px;
  }
}

.dmbs-top-menu .navbar-inverse {
  background-color: #fff;
  border: none;
  position: static;
}
.dmbs-top-menu .navbar-inverse .navbar-brand {
  color: #eee;
}
.dmbs-top-menu .navbar-inverse .navbar-brand:hover, .dmbs-top-menu .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.dmbs-top-menu .navbar-inverse .navbar-text {
  color: #fff;
}
.dmbs-top-menu .navbar-inverse .menu > li > a
.dmbs-top-menu .navbar-inverse .navbar-nav > li > a {
  color: #000;
  
}
.dmbs-top-menu .navbar-inverse .menu > li > a:hover,
.dmbs-top-menu .navbar-inverse .menu > li > a:focus,
.dmbs-top-menu .navbar-inverse .navbar-nav > li > a:hover,
.dmbs-top-menu .navbar-inverse .navbar-nav > li > a:focus {
  color: #000;
  background-color: transparent;
  text-decoration: none;

}

.dmbs-top-menu .navbar-inverse .menu > .active > a,
.dmbs-top-menu .navbar-inverse .menu > .active > a:hover,
.dmbs-top-menu .navbar-inverse .menu > .active > a:focus,
.dmbs-top-menu .navbar-inverse .navbar-nav > .active > a,
.dmbs-top-menu .navbar-inverse .navbar-nav > .active > a:hover,
.dmbs-top-menu .navbar-inverse .navbar-nav > .active > a:focus {
  color: #000;
  background-color: #fff;
}
.dmbs-top-menu .navbar-inverse .menu > .disabled > a,
.dmbs-top-menu .navbar-inverse .menu > .disabled > a:hover,
.dmbs-top-menu .navbar-inverse .menu > .disabled > a:focus,
.dmbs-top-menu .navbar-inverse .navbar-nav > .disabled > a,
.dmbs-top-menu .navbar-inverse .navbar-nav > .disabled > a:hover,
.dmbs-top-menu .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.dmbs-top-menu .navbar-inverse .navbar-toggle {
  border: none;
      background-color: #ddd;
  margin: 0;
  position: fixed;
  right: 10px;
  top: 10px;
}
.admin-bar .dmbs-top-menu .navbar-inverse .navbar-toggle {
  top: 55px;
}
.dmbs-top-menu .navbar-inverse .navbar-toggle:hover, .dmbs-top-menu .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.dmbs-top-menu .navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.dmbs-top-menu .navbar-inverse .navbar-collapse,
.dmbs-top-menu .navbar-inverse .navbar-form {
  border-color: #111;
  border-bottom: none;
}
.dmbs-top-menu .navbar-inverse .menu > .open > a,
.dmbs-top-menu .navbar-inverse .menu > .open > a:hover,
.dmbs-top-menu .navbar-inverse .menu > .open > a:focus,
.dmbs-top-menu .navbar-inverse .navbar-nav > .open > a,
.dmbs-top-menu .navbar-inverse .navbar-nav > .open > a:hover,
.dmbs-top-menu .navbar-inverse .navbar-nav > .open > a:focus {
  color: #777;
  background-color: #fff;
}
@media (max-width: 767px) {
  .dmbs-top-menu .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909;
  }
  .dmbs-top-menu .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909;
  }
  .dmbs-top-menu .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #eee;
  }
  .dmbs-top-menu .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .dmbs-top-menu .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #eee;
    background-color: #555;
  }
  .dmbs-top-menu .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .dmbs-top-menu .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .dmbs-top-menu .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #777;
    background-color: #fff;
  }
  .dmbs-top-menu .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .dmbs-top-menu .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .dmbs-top-menu .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.dmbs-top-menu .navbar-inverse .navbar-link {
  color: #eee;
}
.dmbs-top-menu .navbar-inverse .navbar-link:hover {
  color: #eee;
}
.dmbs-top-menu .navbar-inverse .btn-link {
  color: #eee;
}
.dmbs-top-menu .navbar-inverse .btn-link:hover, .dmbs-top-menu .navbar-inverse .btn-link:focus {
  color: #eee;
}
.dmbs-top-menu .navbar-inverse .btn-link[disabled]:hover, .dmbs-top-menu .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .dmbs-top-menu .navbar-inverse .btn-link:hover, fieldset[disabled] .dmbs-top-menu .navbar-inverse .btn-link:focus {
  color: #444;
}


.dmbs-content {
  position: relative;
}
.dmbs-content .hentry {
  margin-bottom: 50px;
}
.dmbs-content .hentry table td {
  vertical-align: top;
}
.dmbs-content .mt-enclosure-image img {
  max-width: 100px;
  margin-right: 10px!important;
}
@media(min-width: 768px) {
  .dmbs-content .mt-enclosure-image img {
  max-width: 200px;
  margin-right: 20px!important;
}
}
.dmbs-main {
  margin-bottom: 20px;
}
.dmbs-main h1:not(.default),
.dmbs-main h2:not(.default) {
    height: 23px;
    line-height: 23px;
    margin: 30px auto;
    padding: 0 20px;
    background-color: #000;
    color: #fff;
    font-size: 15px;
    text-align: center;
}
.dmbs-main h2:first-child:not(.default),
.dmbs-main h2:first-child:not(.default) {
  margin-top: 0;
}
.dmbs-main h3:not(.default) {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.dmbs-main h4:not(.default) {}
.dmbs-main h5:not(.default) {}
.dmbs-main h6:not(.default) {}

.dmbs-main p {
    line-height: 2;
}
.dmbs-main p:last-child {
    margin-bottom: 0;
}
html[lang="en-US"] .dmbs-main p,
html[lang="fr-FR"] .dmbs-main p {
  line-height: 1.4;
  margin-bottom: 2em;
}
html[lang="en-US"] .dmbs-main p:last-child,
html[lang="fr-FR"] .dmbs-main p:last-child {
  margin-bottom: 0;
}
html[lang="en-US"] .dmbs-main table p,
html[lang="fr-FR"] .dmbs-main table p {
  margin-bottom: .5em;
}
html[lang="en-US"] .dmbs-main ul,
html[lang="fr-FR"] .dmbs-main ul {
  margin-bottom: 2em;
}
.dmbs-main a {
  color: #0a5896;
  text-decoration: underline;
}

.dmbs-main img {
  max-width: 100%;
  height: auto;
}

.dmbs-left {

}

.dmbs-right {

}

.dmbs-footer-menu {

}

.dmbs-author-credits {

}

.dmbs-footer {
  padding: 18px 0 0 0;
    background-color: #efefef;
}
.dmbs-footer .container {
  position: relative;
}
.dmbs-footer a {
  color: #000;
}
@media (max-width: 767px) {
  .dmbs-footer .boxA {
      margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .dmbs-footer .boxA {
      width: 22.395833333333%;
      float: left;
  }
  .dmbs-footer .boxB {
    width: 76.5625%;
    float: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

}

.dmbs-footer .boxA .title {
  margin: 0 0 5px 0;
  font-weight: bold;
}

.dmbs-footer .boxB .title {
  width: 100%;
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
  border-bottom: solid 1px #000;
  font-weight: bold;
}

#nav_menu-3 {}
#nav_menu-4 {}
#nav_menu-5 {}

@media (min-width:992px) {
  #nav_menu-6 {
    /* margin-left: -1em; */
  }
  #nav_menu-7 {
    /* margin-left: -1em; */
  }
}

.dmbs-footer .boxB .widget {
  margin: 0;
  /* float: left; */
}

@media(min-width: 768px) {
  .dmbs-footer .boxB .box {
    max-width: 215px;
    /* float: left; */
  }
  .dmbs-footer .boxB .widget {
    margin: 0;
    /* float: left; */
  }
  .dmbs-footer .boxB .widget:last-child {
    margin-right: 0;
  }
}
.dmbs-footer .boxB .widget .menu {
  list-style-type: none;
  padding: 0 0 0 10px;
  margin: 0 0 20px 0;
}
.dmbs-footer .boxB .widget .menu>li {
  margin-bottom: 20px;
}
.dmbs-footer .boxB .widget .menu li {
  font-size: 13px;
}
.dmbs-footer .boxB .widget .menu li a {
  display: block;
  margin: 0 0 2px 0;
}
.dmbs-footer .boxB .widget .menu>li>a {
  position: relative;
}
.dmbs-footer .boxB .widget .menu>li>a:before {
  content: "";
  width: 1px;
  height: 120%;
  background-color: #000;
  position: absolute;
  top: -10%;
  left: -6px;
}
.dmbs-footer .boxB .widget .menu>li>ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 1em;
  font-size: 14px;
}
.dmbs-footer .boxB .widget .menu>li>ul>li>ul {
  list-style-type: none;
  padding: 0 0 0 .5em;
  margin: 0 0 0 .5em;
  border-left: solid 1px #000;
  font-size: 13px;
}
@media (max-width:767px) {
  .dmbs-footer .boxB .widget {
    margin-right: 10px;
  }
}
@media (min-width:768px) {
  .dmbs-footer .boxC {
    position: absolute;
    right: 15px;
    bottom: 0;
  }
}

.dmbs-footer .boxC .widget .menu {
  list-style-type: none;
  padding: 0 0 0 10px;
  margin: 0;
  font-size: 0;
}
.dmbs-footer .boxC .widget .menu>li {
  display: inline-block;
  padding: 0 10px;
  font-size: 15px;
  position: relative;
}
.dmbs-footer .boxC .widget .menu>li:before {
  content: "";
  width: 1px;
  background-color: #000;
  height: 40%;
  position: absolute;
  top: 30%;
  left: 0;
}
.dmbs-footer .boxC .widget .menu>li:last-child:after {
  content: "";
  width: 1px;
  background-color: #000;
  height: 40%;
  position: absolute;
  top: 30%;
  right: 0;
}
.dmbs-footer .boxC .widget_text {
  text-align: right;
  margin: 0 0 10px 0;
}
.dmbs-footer-img {
    clear: both;
    height: 260px;
    margin: 18px 0 0 0;
    background-color: #000;
    position: relative;
}
.dmbs-footer-img img {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
/*@media(max-width: 767px) {
  #nav_menu-8 {
    display: none;
  }
}*/

#keyvisual {
	margin: 0 0 20px 0;
}

/* helper
====================================================================================================*/
.full-width-img {
	width: 100%;
	height: auto;
}
.reset {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.clear {
  clear: both;
}
/* class
====================================================================================================*/
.listStyleA {
  background-color: #fff;
  padding: 10px;
  font-size: 13px;
}
.listStyleA li {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: solid 1px #000;
}
.listStyleA li:last-child {
  border-bottom: none;
  padding: 0;
  margin: 0;
}
@media(max-width: 768px) {
  .listStyleA {
    line-height: 1.6;
  }
  .listStyleA li {
    padding-bottom: 7px;
    margin-bottom: 7px;
  }
}

.listStyleB {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 0;
  text-align: center;
}
.listStyleB>li {
  display: inline-block;
  padding: 0;
  font-size: 15px;
  position: relative;
  white-space: nowrap;
}

.listStyleB>li.current a {
  /*background-color: #ccc;*/
}
.listStyleB>li:before {
  content: "";
  width: 1px;
  background-color: #000;
  height: 40%;
  position: absolute;
  top: 30%;
  left: 0;
}
.listStyleB>li:last-child:after {
  content: "";
  width: 1px;
  background-color: #000;
  height: 40%;
  position: absolute;
  top: 30%;
  right: 0;
}

.listStyleB li a {
  position: relative;
  padding: 2px 15px;
  margin-right: -1px;
}
.listStyleB li.active a:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #000;
  bottom:-9px;
  left:0;
}
.listStyleB li a:hover,
.listStyleB li.current a {
  background-color: #000;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 767px) {
  .listStyleB {
    padding: 0 15px;
  }
  .listStyleB>li {
    margin-bottom: 10px;
    float: left;
  }
  .listStyleB li a {
    padding-right: 10px;
    padding-left: 10px;
  }
}
/*@media(min-width: 768px) {
  .listStyleB {
    max-width: 960px;
    margin: 0 auto;
  }
}*/

.listStyleC {

  font-size: 0;
    border-top: solid 1px #000;
  border-bottom: solid 1px #000;
}
.listStyleC li {
  display: inline-block;
  font-size: 14px;
  height: 24px;
  line-height: 24px;

}
.listStyleC li a {
  color: inherit;
}
.listStyleC li:before {
  content: "\25B6";
  margin: 0 4px;
  font-size: 12px;
}
/*.listStyleC li.active a {
  position: relative;
}
.listStyleC li.active a:before {
  content: "";
  width: 51px;
  height: 48px;
  display: block;
  background-image: url(https://www.masumi.co.jp/wp-content/uploads/2016/03/processnav_img_01-2x.png);
  background-size: 100% auto;
  position: absolute;
  left: -15px;
  top: -20px;
  text-decoration: none;
}
.listStyleC li.active:first-child a:before {
    left: -6px;
}
.listStyleC li:first-child a:before {
  
  left:-6px;
}*/

@media (min-width: 768px) {
  .listStyleC {
      margin-right: 13px;
      margin-left: 13px;
  }
  .listStyleC li {
    font-size: 17px;
    height: 50px;
    line-height: 50px;
  }
  .listStyleC li:before {
    font-size: inherit;
  }
  .listStyleC li:first-child:before {
    display: none;
  }
  .listStyleC li:not(:first-child):before {
    margin: 0 16px;
  }
  .listStyleC li.active a:before {
    content: "";
    width: 103px;
    height: 97px;
    left: -33px;
    top: -43px;
  }
  .listStyleC {
    text-align: center;
  }
}


html[lang="en-US"] .listStyleC li,
html[lang="fr-FR"] .listStyleC li {
  font-size: 15px;
}


.listStyleD {
  font-size: 0;
  text-align: center;
}
.listStyleD li {
  display: inline-block;
  font-size: 11px;
  text-align: center;
}
.listStyleD li .caption {
  display: block;
  margin-top: 5px;
  border-right: solid 1px #000;
  height: 15px;
  line-height: 15px;
}
.listStyleD li:first-child .caption {
  border-left: solid 1px #000;
}
.listStyleE {
  font-size: 0;
}
.listStyleE li {
  display: inline-block;
  margin: 0 10px 5px 0;
  vertical-align: top;
  font-size: 15px;
}
@media (min-width: 768px) {
  .listStyleE li {
    width: 25%;
    margin-right: 0;
  }
}

.listStyleF {}
.listStyleF li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #efefef;
}


.defineStyleA {
  margin: 0 0 .5em 0;
  padding: 0;
}

@media (max-width: 767px) {
  .defineStyleA dd:not(:last-child) {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .defineStyleA dt {
    width: 200px;
    float: left;
    clear: left
  }
  .defineStyleA dd {}
}

.titleStyleA {
    margin-top: 20px;
    margin-bottom: 50px;
    font-size: 20px;
    text-align: center;
}
.titleStyleA .box {
  display: inline-block;
}
.titleStyleA .textA {
    display: block;
    margin: 0 0 15px 0;

    
    position: relative;
}
.titleStyleA .textA img {
  vertical-align: bottom;
}
.titleStyleA .textB {
    display: inline-block;

    border-top: solid 1px #000;
    padding: 15px 0 0 0;
    
}

.titleStyleA .textC {
    display: block;
    margin: 0 0 15px 0;

    
    position: relative;
}

.titleStyleA .textD {
    display: inline-block;

    border-top: solid 1px #000;
    padding: 15px 0 0 0;
    
}
.titleStyleA .textG {
  display: inline-block;
      font-weight: bold;
      margin: 0 0 15px 0;
}
@media (max-width: 767px) {
  .titleStyleA {
    margin-bottom: 20px;
  }
  .titleStyleA .textB {
     font-size: 80%;
      
  }

}
@media (max-width: 767px) {
  .titleStyleB {
    font-size: 30px;
    margin: 0 0 30px 0;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .titleStyleB {
    font-size: 46px;
    margin-bottom: 50px;
    text-align: center;
  }

}


.titleStyleC {
  font-size: 26px;
  margin-bottom: 20px;
  text-align: center;
}
.titleStyleD {
  font-size: 28px;
  margin-bottom: 60px;
  text-align: center;
}
.titleStyleE {
  font-weight: bold;
    margin-bottom: 50px;
}
.titleStyleF {
  font-weight: bold;
  font-size: 18px;
    margin-bottom: 30px;
}

.titleStyleG {
    margin: 0 0 45px 0;
    padding: 0 10px 10px 0;
    border-bottom: solid 1px #000;
    font-size: 23px;

}

html[lang="en-US"] .titleStyleA,
html[lang="en-US"] .titleStyleB,
html[lang="en-US"] .titleStyleC,
html[lang="fr-FR"] .titleStyleA,
html[lang="fr-FR"] .titleStyleB,
html[lang="fr-FR"] .titleStyleC {
    text-align: left;
  }
html[lang="en-US"] .titleStyleA .box,
html[lang="en-US"] .titleStyleA .textB,
html[lang="en-US"] .titleStyleA .textD,
html[lang="fr-FR"] .titleStyleA .box,
html[lang="fr-FR"] .titleStyleA .textB,
html[lang="fr-FR"] .titleStyleA .textD  {
  display: block;
}

html[lang="en-US"] .titleStyleA .textA .before,
html[lang="en-US"] .titleStyleA .textA .after,
html[lang="fr-FR"] .titleStyleA .textA .before,
html[lang="fr-FR"] .titleStyleA .textA .after {
  display: none;
}
@media (min-width: 768px) {
  .titleStyleA .textA {
        padding: 0 45px;
        font-size: 38px;
  }
  .titleStyleA .textB {
      min-width: 530px;
      font-size: 28px;
  }
  .titleStyleA .textC {
      min-width: 670px;
    padding: 0 45px;
    font-size: 28px;

  }

  html[lang="en-US"] .titleStyleA .textA,
  html[lang="fr-FR"] .titleStyleA .textA {
    padding: 0;
  }
  html[lang="en-US"] .titleStyleA .textC,
  html[lang="fr-FR"] .titleStyleA .textC {
    font-size: 32px;
    padding: 0;
  }
  .titleStyleA .textD {
    font-size: 24px;
  }
  html[lang="en-US"] .titleStyleA .textB,
  html[lang="en-US"] .titleStyleA .textD,
  html[lang="fr-FR"] .titleStyleA .textB,
  html[lang="fr-FR"] .titleStyleA .textD {
    font-size: 20px;
  }
  .titleStyleC {
    font-size: 32px;
    margin-top: 40px;
  }

}



.textStyleA {
}
html[lang="en-US"] .textStyle,
html[lang="fr-FR"] .textStyleA {
  text-align: left;
}
.textStyleA .textA {
  display: inline-block;
  margin-bottom: 30px;
  line-height: 2.2;
}
.textStyleA .textB {
  max-width: 460px;
  margin: 0 auto 15px auto;
  text-align: center;
  font-size: 13px;
}
.textStyleA .textB .wrap {
  position: relative;
  display: block;
}
.textStyleA .textB .wrap:before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
  top:50%;
}
.textStyleA .textB .wrap a,
.textStyleA .textB .wrap span {
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.textStyleA .textC {
    font-size: 26px;
    margin-bottom: 1em!important;
}
.textStyleA .textD {
    font-size: 17px;
}
.textStyleA .textE {
    font-size: 19px;
    margin-bottom: 30px;
    font-weight: bold;
}
.textStyleA .textF {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
}
@media(min-width: 768px) {
  .textStyleA {
    text-align: center;
  }
  .textStyleA .textA {
    margin-bottom: 50px;
  }
}


html[lang="en-US"] .textStyleA,
html[lang="fr-FR"] .textStyleA{
  padding-top: 20px;
}
@media (min-width: 768px) {
  html[lang="en-US"] .textStyleA .textB,
  html[lang="fr-FR"] .textStyleA .textB{
    min-width: 640px;
  }
}

html[lang="en-US"] .textStyleA .textB .wrap,
html[lang="fr-FR"] .textStyleA .textB .wrap {
  margin-bottom: 10px;
}


.textStyleB {
    margin-left: 31.25%;
    margin-bottom: 50px;
  line-height: 2.2;
}

.staticHeader {
  padding-bottom: 10px;
/*    position: fixed;
    width: 100%;*/
    background-color: #fff;
    /*z-index: 100;*/

}
.staticHeader.fixed {
  position: fixed;
  width: 100%;
  z-index: 100;
}
/*.staticHeader .title {
  margin-top: 0!important;
  margin-bottom: 20px!important;
  padding-bottom: 20px;
}*/

.staticHeader .title:before {
  display: none;
}


@media (max-width: 768px) {
  .staticHeader {
    width: 100%;
    padding: 0 15px 10px 15px;
     position: fixed;
  }
  .staticHeader .title {
    background-color: #000;
    color: #fff;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .staticHeader .mobileTitle {
    margin-right: 10px;
  }
  .staticHeader select {
    display: inline;
    width: auto;
    max-width: 150px;
    height: 26px;
    line-height: 26px;
    padding: 1px 4px;
    font-size: 14px;
  }
}
@media (min-width: 768px) {
 .staticHeader .title {
  display: none;
 }
}
.headerStyleA {
    width: 100%;
    /*margin-bottom: 75px;*/
    background-color: #fff;
    z-index: 100;
}
/*.headerStyleA .title {
  margin-top: 0!important;
  margin-bottom: 20px!important;
  padding-bottom: 20px;
}*/
.headerStyleA .title {
  background-color: #000;
  color: #fff;
  margin: 10px 0;
}
.headerStyleA .title:before {
  display: none;
}
.headerStyleA .list1 {
  margin-bottom: 75px;
}
@media(max-width: 767px) {
  .headerStyleA {
    margin-bottom: 30px;
  }
}
@media(min-width: 768px) {
  .headerStyleA .title {
    display: none;
  }
}

.boxStyleA {
  margin-bottom: 35px;
}
.boxStyleA .title {
  font-size: 11px;
  text-align: center;
}
.boxStyleA .title {
    margin-bottom: -15px;
  font-size: 11px;
  text-align: center;

  position: relative;
  z-index: 1;
}
.boxStyleA .title a,
.boxStyleA .title span {
  display: inline-block;
  padding: 6px 20px;
  border: solid 1px #000;
    background-color: #fff;
}
.boxStyleA .title .js-toggle {
  cursor: pointer;
}
.boxStyleA .box {
  border: solid 1px #000;
  padding: 20px;
  line-height: 1.6;
  font-size: 13px;
  position: relative;
  z-index: 0;
}
.boxStyleA .js-box {
  display: none;
}
.boxStyleA .box.open {
  display: block;
}
.boxStyleA .box .xBtn {
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

html[lang="en-US"] .boxStyleA .title,
html[lang="fr-FR"] .boxStyleA .title {
  font-size: inherit;
}
html[lang="en-US"] .boxStyleA .box,
html[lang="fr-FR"] .boxStyleA .box {
  font-size: inherit;
}


.btnStyleA {
  text-align: center;
  padding: 8px 55px;
  border: solid 1px #000;
  color: inherit;
}
.btnStyleA:hover {
  text-decoration: none;
  border: solid 1px #0a6ebd;
}
.boxStyleB {
  max-width: 580px;
  margin: 0 auto;
  padding: 15px 20px 15px 0;
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
}
.boxStyleB .boxA {
  float: left;
  width: 35%;
  padding-right: 5%;
  border-right: solid 1px #000;
}
.boxStyleB .boxB {
  float: left;
    width: 35%;
        padding-right: 5%;
    border-right: solid 1px #000;
}
.boxStyleB .boxC {
  float: left;
    width: 30%;

}

.boxStyleC {
  background-color: #f2f2f3;
  padding: 30px 0;
}
@media (min-width: 768px) {
  .boxStyleC {
    padding: 30px;
  }
  .boxStyleC .boxA {
    margin-bottom: 50px;
  }
}

.tableStyleA {

  width: 100%;
}
.tableStyleA th {
  padding: 5px 20px;
  font-weight: normal;

}
.tableStyleA td {
  padding: 5px 10px;
  background-color: #efefef;
  text-align: center;
}
@media (max-width: 767px) {
  .tableStyleA th {
    padding: 5px 15px;
  }
}


.tableStyleB {
  /*max-width: 100%;*/
}
.tableStyleB th,
.tableStyleB td {
  vertical-align: middle!important;
}
.tableStyleB th:first-child,
.tableStyleB td:first-child {
  min-width: 100px;
}


/* home
====================================================================================================*/
#sliderBox .pcSlider,
#sliderBox .mbSlider {
  position: relative;
}
#sliderBox .logo{
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 -53px -35px;
}
#sliderBox .image {
  max-width: 100%;
  height: auto;
}
#sliderBox .slick-prev,
#sliderBox .slick-next {
}
#sliderBox .slick-dots {
  bottom: 10px;
}

#sliderBox .slick-prev {
  left: 25px;
  z-index: 100;
}
#sliderBox .slick-next {
  right: 25px;
  z-index: 100;
}
#sliderBox .slick-prev:before,
#sliderBox .slick-next:before {
  font-family: "fontAwesome";
  opacity: 1;

}
#sliderBox .slick-prev:before {
  content: "\f053";

}
#sliderBox .slick-next:before {
  content: "\f054";

}


@media(max-width: 767px) {
  #sliderBox .logo {
/*    width: 39px;
    height: 52px;
  margin: 0 0 -26px -20px;*/
  }
}

#topBanner {}
@media(max-width: 767px) {
  #topBanner {
    /*margin-top: 50px;*/
  }
  #topBanner div[class^="col-"] {
    margin-bottom: 10px;
  }
}

#snslink {
  text-align: center;
  margin: 10px 0 0 0;
}
#topic {
  padding-top: 30px;
}
#topic h2 {
    margin-bottom: 45px;
}
#topic .title {
    margin: 0 auto 50px auto;
    font-size: 23px;
    text-align: center;
}
@media (min-width: 768px){
  html[lang="en-US"] #topic .title,
  html[lang="fr-FR"] #topic .title {
    width: auto;
    text-align: left;
    padding: 0 15px;
  }
  html[lang="en-US"] #topic .title .textA,
  html[lang="fr-FR"] #topic .title .textA {
    padding: 0;
  }
  html[lang="en-US"] #topic .title .textA:before,
  html[lang="en-US"] #topic .title .textA:after,
  html[lang="fr-FR"] #topic .title .textA:before,
  html[lang="fr-FR"] #topic .title .textA:after {
    display: none;
  }
}

#topic .title .textA {
    margin: 0 0 10px 0;
    padding: 0 10px;
    position: relative;
}
#topic .title .textA:before,
#topic .title .textA:after {
    content: "";
    display: block;
    width: 1px;
    height: 40%;
    background-color: #000;
    position: absolute;
    
}
#topic .title .textA:before {
    left: 10px;
    top: 30%;
}
#topic .title .textA:after {
    right: 10px;
    top: 30%;
}
#topic .title .textB {
    border-top: solid 1px #000;
    padding: 10px 0 0 0;
}
@media (min-width:768px) {
  #topic {
    margin-top: 70px;
  }
    #topic .title {
      width: 346px;
          padding: 0 45px;
    }

    #topic .title .textA:before {
        left: 10px;
        top: 20%;
    }
    #topic .title .textA:after {
        right: 10px;
        top: 20%;
    }
    #topic .tableBox {
        display: table;
        width: 100%;
    }
    #topic .boxA,
    #topic .boxB,
    #topic .boxC {
        display: table-cell;
        vertical-align: top;
    }

    #topic .tableBox .boxA {
        width: 30%;
        padding: 0 15px;
    }
    #topic .tableBox .boxB {
        width: 70%;
        padding: 0 0 0 15px;
    }

}


#topic .tableBox .boxC .textA {
    margin-top: 40px;
    font-size: 14px;
    line-height: 1.4;
    text-align: right;
}
#topic p {
    line-height: 1.75;
}
#topic p.copy {
  font-size: 120%;
}
html[lang="en-US"] #topic,
html[lang="fr-FR"] #topic {
  padding-top: 50px;
}


#productsList {
  padding-top: 95px;
}
  #productsList a {
    color: inherit;
  }
#productsList h2 {
  /*margin-bottom: 65px;*/
}
#productsList .listBox {
  padding: 55px 10px 25px 10px;
  background-color: #fff;
  position: relative;
}
#productsList .listBox:before {
  content: "";
  display: block;
  height: 9px;
  border-top: solid 1px #727171;
  border-bottom: solid 1px #727171;
  width: 100%;
  position: absolute;
  left: 0;
  top: 20px;
}
#productsList .listBox .title {
  width: 100%;
  height: 17px;
  line-height: 17px;
  position: absolute;
  left: 0;
  top: 16px;
  font-size: 17px;
  font-style: italic;
  text-align: center;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}
html[lang="zh-CN"] #productsList .listBox .title {
  font-family: "Microsoft YaHei", "微软雅黑",'SimSun', sans-serif;
}
#productsList .listBox .title span {
  display: inline-block;
  background-color: #fff;
  padding: 0 15px;
}
#productsList .listBox .list {
  font-size: 0;

}
#productsList .listBox .list li {
  display: inline-block;
  margin: 0 0 4px 0;
  width: 95px;
  font-size: 13px;
  vertical-align: top;
}
#productsList .listBox .list li img {
  widows: auto;
  height: 250px;
}
#productsList .listBox .list li figcaption {
  margin-top: 10px;
  word-break: break-word;
}
@media (max-width: 767px) {
  #productsList {
    padding-top: 50px;
  }
  #productsList .listBox {
    padding-right: 0;
    padding-left: 0;
    background-color: #fff;
    position: relative;
  }
  #productsList .listBox .list li {
    width: 25%;
    padding: 0 3px;
    text-align: center;
  }
  #productsList .listBox .list li img {
    max-height: 120px;
  }
}
@media (min-width:768px) {
  #productsList .listBox .list {

    text-align: center;

  }
  #productsList .listBox .list li {
     margin: 0 4px;
  }
  #productsList .boxA {
    float: left;
    width: 48.958333333333%;
    margin: 0 2.083333333334% 42px 0;
  }
  #productsList .boxA:nth-child(even) {
    margin-right: 0;
  }
  #productsList .boxA .boxA {
    margin-bottom: 0;
  }
   #productsList .boxB {
    clear: both;
    margin: 0 0 42px 0;
   }
}

#spirit {
  padding-top: 80px;
}
#spirit h2 {
  margin-bottom: 20px;
}

#spirit .text {
  clear: both;
  margin: 0 0 60px 0;
  
}

@media (max-width: 767px) {
  #spirit .list {
    margin: 0 0 40px 0;
  }
  #spirit {
      padding-top: 30px;
  }
  #spirit .text {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media(min-width: 768px) {
  #spirit .list {
    margin: 0 0 60px 0;
  }
  #spirit .text {
    text-align: center;
  }
}

#story {
  padding-top: 75px;
}
#story h2 {
  margin-bottom: 20px;
}
#story .list {
  margin: 0 0 35px 0;
}

@media (max-width: 767px) {
  #story {
      padding-top: 20px;
  }
  #story .text {
    padding: 0 15px;
    margin: 0 0 40px 0;
  }
}
@media(min-width: 768px) {
  #story .text {
    text-align: center;
    margin: 0 0 75px 0;
  }
}



#shopsearch {
  padding-top: 30px;
  margin-bottom: 65px;
}
#shopsearch h2 {
  margin-bottom: 20px;
}
#shopsearch .list {
  margin: 0 0 35px 0;
}
#shopsearch .text {
  margin: 0 0 75px 0;
  padding: 0 15px;
}
@media(min-width: 768px) {
  #shopsearch {
    padding-top: 80px;
  }
}



#knowledge {
  padding: 70px 0 0 0;
  margin-bottom: 65px;
}
#knowledge h2 {
  margin-bottom: 20px;
}
#knowledge .list {
  margin: 0 0 35px 0;
}

@media (max-width: 767px) {

  #knowledge {
      padding-top: 20px;
  }
  #knowledge .text {
    padding: 0 15px;
  }
}
@media(min-width: 768px) {
  #shopsearch .text {
    padding: 0;
    text-align: center;
  }
  #knowledge .text {
    margin: 0 0 75px 0;
    text-align: center;
  }
}

.resultBox {

  max-width: 660px;
    margin: 0 auto;
    padding-top: 100px;

}
.resultBox .box {
  border-top: solid 1px #efefef;
  padding: 20px 0;
}
.resultBox .box .title2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}


#history {
  padding-top: 30px;
}
#history .list {
    margin: 0 0 35px 0;
}
#history .text {
    margin: 0 0 75px 0;
    padding: 0 15px;
    
}
@media(min-width: 768px) {
  #history {
    padding-top: 80px;
  }
  #history .text {
    text-align: center;
    padding: ;
  }
}

/* 商品
====================================================================================================*/


#products h1 {
  margin-top: 0;
    margin-bottom: 45px;
}
#products .titleBox {
    
    margin-bottom: 50px;
    font-size: 23px;
    
}
#products .titleBox .box {
  display: inline-block;
}
#products .titleBox .textA {
    display: block;
    margin: 0 0 15px 0;
    padding: 0 45px;
    font-size: 38px;
    position: relative;
}
/*#products .title .textA:before,
#products .title .textA:after {
    content: "";
    display: block;
    width: 1px;
    height: 40%;
    background-color: #000;
    position: absolute;
    
}*/

#products .titleBox .textA:before {
    left: 40px;
    top: 30%;
}
#products .titleBox .textA:after {
    right: 40px;
    top: 20%;
}
#products .titleBox .textB {
    display: inline-block;
    border-top: solid 1px #000;
    padding: 15px 15px 0 15px;
}
#products .tableBox .box {
  font-size: 18px;
}
html[lang="en-US"] #products .tableBox .title .before,
html[lang="en-US"] #products .tableBox .title .after,
html[lang="fr-FR"] #products .tableBox .title .before,
html[lang="fr-FR"] #products .tableBox .title .after {
  display: none;
}
@media (max-width: 767px) {
  #products .titleStyleA:first-child {
    margin-top: 0;
  }
  #products .tableBox .title {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: bold;
  }
    #products .tableBox .box {
        margin: 0 0 30px 0;
        
    }
    #products .tableBox .box img {
      height: 40vh;
      width: auto;
    }
}
@media (min-width:768px) {
    #products .titleBox {
      text-align: center;
    }
    #products .tableBox {
      width: 736px;
      margin: 0 auto;
        font-size: 15px;
    }

    #products .tableBox .box {
        margin: 0 0 60px 0;
        font-size: 20px;
    }
/*    #products {
      padding-top: 50px;
    }*/
    #products .tableBox p {
      margin-bottom: 60px;
    }
    #products .tableBox p:last-child {
      margin-bottom: 0;
    }
    #products .tableBox .title {
      margin: 0 0 25px 0;
      position: relative;
    }
    #products .tableBox .title:before {
      content: "";
      display: block;
      width: 100%;
      border-top: solid 1px #727171;
      position: absolute;
      left: 0;
      top: 50%;
    }
    #products .tableBox .title span {
      display: inline-block;
      background-color: #fff;
      position: relative;
      z-index: 1;
    }

    #products .tableBox2 {
      margin: 60px 15px 0 15px;
        display: table;
        border-left: solid 1px #000;
        font-size: 14px;
    }
    #products .tableBox2 .box {
        display: table-cell;
        vertical-align: top;
        padding: 0 15px;
        border-right: solid 1px #000;
    }
     #products .tableBox2 .title {
      margin: 0 0 5px 0;
      text-align: center;
      font-size: 13px;
     }
     #products .tableBox .box2 {
      width: 410px;
      margin: 0 60px;
      float: left;
    }
    #products .tableBox .price {
      /*text-align: left;*/
    }
    #products .tableBox .box3 {
      width: 200px;
      margin: 0;
      float: left;
      text-align: center;
    }


    #products.style2 .tableBox {
      width: auto;
    }
    #products.style2 .tableBox .box2 {
      margin: 0;
    }
    #products.style2 .tableBox .box3 {
      width: 310px;
      text-align: left;
      float: right;
    }


}
@media(min-width: 992px) {

    #products.style2 .tableBox .box2 {
      margin-left: 100px;
    }
    #products.style2 .tableBox .box3 {
      margin-right: 100px;
    }
}
html[lang="ja"] #products .tableBox .title {
  text-align: center;
}
html[lang="zh-CN"] #products .tableBox .title {
  text-align: center;
}
@media (min-width: 768px) {
  html[lang="ja"] #products .tableBox .box {
      text-align: center;
    }
  html[lang="zh-CN"] #products .tableBox .box {
      text-align: center;
    }

}


#products table {
  font-size: 14px;
  line-height: 1.2;
  margin: 0 0 15px 0;
}
#products table th {
  padding: 5px;
  border-bottom: solid 1px #727171;
  font-size: 18px;
  white-space: nowrap;
}
#products table td {
  padding: 5px;
  border-bottom: solid 1px #727171;
  font-size: 18px;
  text-align: left;
}

  
#products .tableBox .link {
    display: block;
    padding: 0 15px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #000;
    color: #fff;
    font-size: 18px;
}
#products .tableBox .link:hover {
  text-decoration: none;
}
#products .tableBox p {
    line-height: 1.51;
}
#products .tableBox .price {
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 35px;
}

#products .tableBox .kaori {
  margin: 0 0 30px 0;
}



#products .tableBox2 p{
  line-height: 1.63428571428571;
  margin-bottom: 0;
}
#products .tableBox2 .link {
    width: 66px;
    height: 15px;
    line-height: 15px;
    border: solid 1px #000;
    text-align: center;
    background-color: #fff;
    font-size: 10px;
    float: right;
}


/* spirit
====================================================================================================*/


#rice .titleStyleA {
  margin-bottom: 50px;
}

#rice .keyImage1 {
  margin-top: 65px;
  margin-bottom: 0;
}


@media(max-width: 767px) {
  #rice {
    padding-top: 30px;
  }
  .titleStyleA .textA img {
    width: auto;
    height: 30px;
  }
}

@media (min-width: 768px) {
  #rice {
    margin-top: 40px;
    padding-top: 50px;
  }
}
/* water
====================================================================================================*/

#water .titleStyleA {
  margin-bottom: 50px;
}
#water .keyImage1 {
  margin-top: 65px;
  margin-bottom: 0;
}
@media(max-width: 767px) {
  #water {
    padding-top: 30px;
  }
}
@media (min-width: 768px) {
  #water {
    margin-top: 40px;
    padding-top: 50px;
  }
}

/* kurabito
====================================================================================================*/
#kurabito {
  /*padding-top: 100px;*/
}
#kurabito .titleStyleA {
  margin-bottom: 50px;
}
#kurabito .keyImage1 {
  margin-top: 10px;
  margin-bottom: 70px;
}
@media(max-width: 767px) {
  #kurabito {
    padding-top: 30px;
  }
}
@media (min-width: 768px) {
  #kurabito {
    margin-top: 40px;
    padding-top: 50px;
  }
}

/* toji
====================================================================================================*/
/*#toji {
  padding-top: 100px;
}*/
#toji .titleStyleA {
  margin-bottom: 50px;
}
#toji .keyImage1 {
  margin-top: 10px;
  margin-bottom: 70px;
}

#toji .tableBox {
  display: table;
  border-collapse: separate;
  border-spacing: 20px;
  
}
#toji .tableBox .box {
  display: table-cell;
  width: 33.3%;
  padding: 10px 30px;
  background-color: #efefef;
}

#toji .tableBox .photo {
  margin: 0 0 25px 0;
}
#toji .tableBox .title {
  font-size: 14px;
  margin: 0 0 15px 0;
  line-height: 1.71428571428571;
  text-align: center;
}
#toji .tableBox .title2 {
  font-size: 13px;
  margin-bottom: 2px;
  text-align: center;
}
#toji .tableBox .text {
  font-size: 13px;
  margin: 0 0 20px 0;
  line-height: 1.46153846153846;
}
#toji .tableBox .text:last-child {
  margin-bottom: 0;
}

@media (max-width:767px) {
  #toji {
    padding-top: 30px;
  }
  #toji .tableBox {
    display: block;
  }
  #toji .tableBox .box {
    display: block;
    margin-bottom: 20px;
    width: 100%;
  }
}
@media (min-width:768px) {
  #toji {
    margin-top: 40px;
    padding-top: 50px;
  }
}

/* yeast-no7
====================================================================================================*/

#yeast-no7 .keyImage1 {
  margin-top: 10px;
  margin-bottom: 70px;
}
#yeast-no7 .keyImage2 {
  margin-top: 35px;
}
@media (max-width: 767px) {
  #yeast-no7 {
    padding-top: 30px;
  }
  #yeast-no7 .title {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  #yeast-no7 {
    margin-top: 40px;
    padding-top: 50px;
  }
}

/* kura
====================================================================================================*/
@media (max-width: 767px) {
  #kura {
    padding-top: 30px;
  }
}
@media (min-width: 768px) {
  #kura {
    margin-top: 40px;
    padding-top: 50px;
  }
}

/* suwakura
====================================================================================================*/
#suwakura {
  /*padding-top: 100px;*/
}
#suwakura .keyImage1 {
  margin-top: 10px;
}
@media (max-width: 767px) {
  #suwakura {
    padding-top: 30px;
  }
}
@media (min-width: 768px) {
  #suwakura {
    margin-top: 40px;
    padding-top: 50px;
  }
}

/* hujimikura
====================================================================================================*/
#hujimikura {
  /*padding-top: 100px;*/
}
#hujimikura .keyImage1 {
  margin-top: 10px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  #hujimikura {
    padding-top: 30px;
  }
}
@media (min-width: 768px) {
  #hujimikura {
    margin-top: 40px;
    padding-top: 50px;
  }
  #hujimikura .keyImage1 {
    margin-bottom: 80px;
  }
}
/* process
====================================================================================================*/
/*#process {
  padding-top: 100px;
  margin-bottom: 100px;
}*/
#process .text{
  font-size: 12px;
  margin: 0 0 0 10px;
}
#process .list{
  margin-bottom: 50px;
}
#process .movie{
  margin: 0 auto 60px auto;
  max-width: 100%;
  height: auto;
}
#process .keyImage1 {
  max-width: 800px;
  margin: 0 auto;
}
@media(max-width: 767px) {
  #process {
    padding-top: 30px;
  }
  #process select {
    display: inline;
    width: auto;
    height: 26px;
    line-height: 26px;
    padding: 1px 4px;
    margin-bottom: 20px;
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  #process {
    margin-top: 70px;
    padding-top: 20px;
    margin-bottom: 100px;
  }
}

/* masumihistory
====================================================================================================*/
#masumihistory  {
  padding-top: 30px;
}
#masumihistory  .keyImage1 {
  margin-top: 40px;
  
}
#masumihistory table th {
  white-space: nowrap;
  font-weight: normal;
}
@media(min-width: 768px) {
  #masumihistory {
    padding-top: 50px;
  }
  #masumihistory  .keyImage1 {
    margin-bottom: 90px;
  }
}

#roots {
  /*padding-top: 30px;*/
  margin-top: 30px;
}
@media(min-width: 768px) {
  #roots {
    padding-top: 50px;
  }
}

#historyBox01 {
  max-width: 540px;
  margin: 0 auto;
}
#historyBox01 figure {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin: 0 15px;
}
#historyBox02 {
  max-width: 540px;
  margin: 0 auto;
}
#historyBox03 {
  max-width: 640px;
  margin: 0 auto;
}
#anniversary {
  margin-top: 70px;
  margin-bottom: 120px;
  padding-top: 50px;
}
@media(max-width: 767px) {
  #anniversary .enter {
    text-align: center;
  }
}


#awards {
  /*margin-top: 120px;*/
  /*margin-bottom: 170px;*/
  margin-bottom: 50px;
}
#awards .table {
  font-size: 13px;
}

#awards {
  padding-top: 30px;
}
@media(min-width: 768px) {
  #awards {
    padding-top: 50px;
  }
}

html[lang="en-US"] #historyBox01,
html[lang="en-US"] #historyBox02,
html[lang="fr-FR"] #historyBox01,
html[lang="fr-FR"] #historyBox02 {
  max-width: 640px;
}
html[lang="zh-CN"] #historyBox05 .textA {
  text-align: center;
}
#businessman {
  /*padding-top: 30px;*/
}


/* suwa
====================================================================================================*/
#suwa .keyImage1 {
  margin-bottom: 20px;
}
@media(min-width: 768px) {
  #suwa .keyImage1 {
    margin-bottom: 50px;
  }
}
/*#suwa .keyImage2 {
  margin-bottom: 100px;
}*/


/* company
====================================================================================================*/
#mission {
  padding-top: 30px;
}
@media(min-width: 768px) {
  #mission {
    padding-top: 50px;
  }
}

#home #company  {
  padding-top: 80px;
}
#company .list {
    margin: 0 0 35px 0;
}
#company .text  {
  text-align: center;
}

@media (max-width: 767px) {
  #company {
    padding-top: 0;
  }
  #home #company  {
    padding-top: 30px;
  }
}
#company table th {
  white-space: nowrap;
  padding-right: 20px;
}

@media(min-width: 768px) {
  #company .boxStyleC {
    padding-top: 50px;
  }
}

#outline table {
  font-size: 13px;
}
#outline table th, 
#outline table td {
  padding-top: 2px;
  padding-bottom: 2px;
}

html[lang="zh-CN"] #outline table {
  margin-right: auto;
  margin-left: auto;
}

#outline .boxA .title {
  margin-bottom: 15px;
  text-align: left;
}
#outline .boxA table th {
  padding-right: 15px;
}

#outline .boxB .title {
  margin-bottom: 15px;
  text-align: left;
}
#outline .boxB table th {
  padding-right: 5px;
}


#outline {
  padding-top: 30px;
}
@media (min-width: 768px) {
  #outline {
    padding-top: 70px;
  }

/*  #outline .boxA {
    margin-bottom: 30px;
  }
  #outline .boxA table th {
    width: 150px;
    padding-bottom: 10px;
    vertical-align: top;
    text-align: right;
  }
    #outline .boxA table td {
      padding-bottom: 10px;
      vertical-align: top;
    }
  #outline .boxB {
  }
  #outline .boxB table th {
    width: 150px;
    padding-bottom: 10px;
    padding-right: 15px;
    vertical-align: top;
    text-align: right;
  }
    #outline .boxB table td {
      padding-bottom: 10px;
      vertical-align: top;
    }*/
}
#safe-secure {
  padding-top: 30px;
}
@media(min-width: 768px) {
  #safe-secure {
    margin-top: 40px;
    padding-top: 50px;
  }
}
#companyBox01 {
  clear: both;
  
}
#companyBox01 .title{
  margin-bottom: 30px;
}
#companyBox01 .title2{
  margin-bottom: 35px;
}
#companyBox01 img {
  margin: 0 auto;
}
@media(min-width: 768px) {
  #companyBox00 .keyImage1 {
    margin: 0 0 50px 0;
  }
  #companyBox01 .title{
    margin-bottom: 70px;
  }

}

  #contribution {
    padding-top: 30px;
    margin-top: 30px;
  }
@media(min-width: 768px) {
  #contribution {
    padding-top: 50px;
    margin-top: 70px;
  }
}
  #braille {
    margin-bottom: 30px;
  }
@media(min-width: 768px) {
  #braille {
    margin-bottom: 110px;
  }
}
#cap {

}
#yamaga{
  padding-top: 30px;
}
@media(min-width: 768px) {
  #yamaga{
    padding-top: 150px;
  }
}

#recruit {
    margin-bottom: 30px;
    padding-top: 30px;
}
@media(min-width: 768px) {
  #recruit {
      margin-top: 40px;
      margin-bottom: 40px;
      padding-top: 50px;
  }
}
#companyBox03 {

}
#companyBox04 {

}

#companyBox05 {
  padding-top: 50px;
}

html[lang="en-US"] #gallery,
html[lang="fr-FR"] #gallery{
  margin-top: 130px;
  margin-bottom: 130px;
}
html[lang="en-US"] #gallery .titleStyleB,
html[lang="en-US"] #gallery .textStyleA,
html[lang="fr-FR"] #gallery .titleStyleB,
html[lang="fr-FR"] #gallery .textStyleA {
    /*text-align: center;*/
}
html[lang="zh-CN"] #gallery .textA{
  text-align: center;
}

#shop {
  padding-top: 20px;
  margin-bottom: 40px;
}
#shop .mapBox {
  margin-bottom: 20px;
}
#shop .mapBox form {
  margin-bottom: 20px;
}
@media(min-width: 768px) {
  #shop .title {
    margin-top: 0;
    position: relative;
    z-index: 2;
  }
  #shop .mapBox {
    max-width: 660px;
    margin: -60px auto 0 auto;
    position: relative;
  }
  #shop .mapBox form {
    position: absolute;
    left: 0;
    top: 70px;
    max-width: 220px;
    line-height: 1;
  }
  #shop .mapBox form p {
    margin-bottom: 5px;
  }
}

@media(max-width: 767px) {
  #cellamasumi .enter {
    text-align: center;
  }
}
@media(min-width: 768px) {
  #cellamasumi {
    padding-top: 70px;
  }
}

#onlineshop {
  padding-top: 70px;
}
@media(max-width: 767px) {
  #onlineshop .enter {
    display: block;
    text-align: center;
  }
}




#gallery {
  padding-top: 50px;
}
#gallery .textB {
  width: auto;
  max-width: initial;
  max-width: auto;
  
  font-size: 19px;
}

#gallery .textStyleA .textB .wrap>div{
  display: inline-block;
  padding: 0 10px;
  background-color: #fff;
  position: relative;
  z-index: 1;
  font-size: 15px;
}
#gallery .boxStyleA .title a {
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
  text-decoration: none;
}
#gallery .boxStyleA .title a.active {
  background-color: #000;
  color: #fff;
}
#galleryBox {
  margin: 40px auto 0 auto;
}
#galleryBox .list {
  font-size: 0;
}
#galleryBox .list li {
  display: inline-block;
  
  font-size: 13px;
}
#galleryBox .list li img {
  width: 100%;
  height: auto;
}
#galleryBox .list li img:hover {
  opacity: .7;
}
@media(max-width: 767px) {
  #galleryBox .list li {
    width: 32%;
    margin: 0 1% 7px 0;
  }

}
@media(min-width: 768px) {
  #galleryBox {
    max-width: 810px
  }
  #galleryBox .list li {
    width: 19%;
    margin: 0 1% 7px 0;
  }

}

/* お問い合わせ
====================================================================================================*/
#contact01,
#contact02,
#contact03,
#contact04 {
  padding-top: 50px;
}
#contact01 .titleStyleC:first-child,
#contact02 .titleStyleC:first-child,
#contact03 .titleStyleC:first-child,
#contact04 .titleStyleC:first-child {
  margin-top: 0;
}

#contact01 .tel,
#contact01 .fax {
  font-size: 30px;
}

@media(min-width: 768px) {
  #contact01 .tel,
  #contact01 .fax {
    font-size: 36px;
  }
}

/* 酒造り
====================================================================================================*/

.processNav {
 
}
@media(min-width: 768px) {
  .processNav {
    padding-top: 10px;
     clear: both;

  margin-bottom: 40px;
  }
}
#processBox {}

#processBox .keyImage1 {
  margin-bottom: 20px;
}
@media(min-width: 768px) {
  #processBox .keyImage1 {
    margin-bottom: 50px;
  }
}
#processBox .textA {
  margin-bottom: 30px;
}

#processBox .keyImage2 {
  margin-top: 40px;
  margin-bottom: 90px;
}


#processBox .box1 {
 margin-left: 31.25%;
    margin-bottom: 50px;
    line-height: 2.2;
    font-size: 13px;

}
#processBox .box2 {
  margin-left: 38.541666666667%;
        margin-bottom: 50px;
    line-height: 2.2;
}
#processBox .box3 {
  display: inline-block;
  margin-left: 26.5625%;
      margin-bottom: 50px;
    line-height: 2.2;
    font-size: 13px;
}

#processBox .box4 {
  display: block;
  margin: 20px 0 15px 16.666666666667%;
}


#processBox .box5 {
  margin: 0 0 70px 48.4375%;
      line-height: 2.2;
    font-size: 13px;
}
#processBox .box6 {
  width: 680px;
  margin: 80px auto 0 auto;

}
#processBox .box6 .image1 {
 margin-bottom: 50px;

}

#processBox .box7 {
  width: 680px;
  margin: 70px auto 0 auto;

}
#processBox .box8 {
  width: 580px;
  margin: 70px auto 0 auto;
}
#processBox .box8 .textA{
  margin-top: 30px;

}
#processBox .box8 .textF {
  line-height: 1.4;
}
#processBox .box9 {
  margin-top: 80px;
}
#processBox .box9 .text1 {
  margin-left: 39.583333333333%;
  margin-bottom: -40px;
  line-height: 1.4;
  text-align: left;
  z-index: 1;
  position: relative;
}
#processBox .box9 .text2 {
  margin-left: 20.3125%;
  z-index: 0;
  position: relative;
}

#processBox .box10 {
 margin-top: 100px;
}
#processBox .box10 .text1 {
margin-bottom: 65px;
}
#processBox .box10 .text2 {
margin-bottom: 65px;
}
#processBox .box10 .text3 {
margin-bottom: 70px;
}

#processBox .box10 .text4 {
margin-bottom: 70px;
}
#processBox .box10 .text5 {
margin-bottom: 50px;
}
#processBox .box10 .text6 {
margin-bottom: 80px;
}


#processBox .box11 .image1 {
  margin-bottom: 115px;
}
#processBox .box11 .text {
  position: relative;
}
#processBox .box11 .text small {
  position: absolute;
  left: 54.166666666667%;
  top: 0;
  text-align: left;
}
#processBox .box12 {
  margin-top: 75px;
}
#processBox .box13 {
  margin-bottom: -50px;
  position: relative;
  z-index: 0;
}
#processBox .box13 p {
  padding-top: 40px;
  margin: 0 0 0 -190px;
}
#processBox .box13 img {
float: left;
margin-left: 55px;
  
}

#processBox .box14 {
  margin-bottom: -40px;
  position: relative;
  z-index: 1;
}
#processBox .box14 p {
  padding-top: 20px;
  margin: 0 -110px 0 0;
}
#processBox .box14 img {
float: right;
margin-right:60px;
}

#processBox .box15 {
  margin-bottom: -10px;
  position: relative;
  z-index: 0;
}
#processBox .box15 p {
  padding-top: 100px;
  margin:0 0 0 -110px;
}
#processBox .box15 img {
float: left;
margin-left: 65px;
}


#processBox .box16 {
  margin-bottom: 17px;
  position: relative;
  z-index: 1;
}
#processBox .box16 p {
  padding-top: 20px;
  margin: 0 -70px 0 0;
}
#processBox .box16 img {
float: right;
margin-right:55px;
}

#processBox .box17 {
  margin-bottom: -10px;
  position: relative;
  z-index: 0;
}
#processBox .box17 p {
  padding-top: 30px;
  margin:0 0 0 -310px;
}
#processBox .box17 img {
float: left;
margin-left: 55px;
}

#processBox .box18 {
  margin-top: 120px;
}

#processBox .box19 {
  margin-top: 80px;
  margin-bottom: 90px;
  margin-left: 22.916666666667%;
}
#processBox .box19 p {
  text-align: left;
}

#processBox .box19 table {
  font-size: 22px;
}
#processBox .box19 table th {
  padding-bottom: 15px;
  border-bottom: solid 1px #000;
}
#processBox .box19 table th:first-child {
  width: 140px;
}
#processBox .box19 table tr:nth-child(2) td {
  padding-top: 20px;
}



#processBox .box20 {

}
#processBox .box20 p {

}


#processBox .box21 {
  margin-top: 60px;
  text-align: left;
  position: relative;
}
#processBox .box21 .textStyleA {
  text-align: left;
}
#processBox .box21 p {
  padding: 15px 0;
  margin: 0 0 0 10.416666666667%;
  text-align: left;

}
#processBox .box21 img {
float: right;
margin-left: 30px;
}

#processBox .box21 small {
  position: absolute;
  left: 130px;
  top: 300px;
}


#processBox .box22 {
margin-top: 80px;
}
#processBox .box22 .title {
  margin-bottom: 60px;
}

#processBox .box23 {
  margin-top: 60px;
  text-align: left;
  position: relative;
}
#processBox .box23 .textStyleA {
  margin-left: 65px;
  text-align: left;
}

#processBox .box23 img {
float: left;
}

#processBox .box23 .textA{
  padding-top: 55px;
  /*margin-left: 25px;*/
  line-height: 1.4;
  float: left;
}



#processBox .box24 {
  margin-top: 130px;
  margin-bottom: 100px;
  text-align: left;
}
#processBox .box24 .textStyleA {
  margin-left: 65px;
  text-align: left;
}

#processBox .box24 img {
float: right;
margin-right: 85px;
margin-top: -45px;
}

#processBox .box24 p{
  margin-left: 65px;
  margin-bottom: 0;
  line-height: 1.4;

}

#processBox .box25 {}

#processBox .box26 {
  width: 590px;
  margin:30px auto 0 auto;
}
#processBox .box26 p {

  margin-top: 85px;
  line-height: 1.4;
}

#processBox .box27 {
  width: 800px;
  margin:0 auto;
}
#processBox .box27 p {

  margin-top: 210px;
  line-height: 1.4;
}
#processBox .box27 p .title {
  font-size: 20px;
}

#processBox .box28 {
  margin:45px 10px 0 auto;
}
#processBox .box28 p {

  margin-top: 110px;
  line-height: 1.4;
  text-align: right;
}

#processBox .box29 {
  margin: 0 auto 0 60px;
}
#processBox .box29 p {

  margin-top: 150px;
  line-height: 1.4;
}
#processBox .box29 p .title {
  font-size: 20px;
}
#processBox .box29 img {
  margin-top: -30px;
}

#processBox .box30 {
  width: 850px;
  margin:0 auto 90px auto;
}
#processBox .box30 p {

  margin-top: 160px;
  line-height: 1.4;
 
}
#processBox .box30 img {
  margin-top: -30px;
  margin-left: -30px;
}
#processBox .box31 {
  margin-bottom: 40px;
}
#processBox .box31 img {
  display: block;
  margin: 0 auto;
}


@media (max-width: 767px) {
  #processBox .box1,
  #processBox .box2,
  #processBox .box3,
  #processBox .box4,
  #processBox .box5,
  #processBox .box6,
  #processBox .box7,
  #processBox .box8,
  #processBox .box9,
  #processBox .box10,
  #processBox .box11,
  #processBox .box12,
  #processBox .box13,
  #processBox .box14,
  #processBox .box15,
  #processBox .box16,
  #processBox .box17,
  #processBox .box18,
  #processBox .box19,
  #processBox .box20,
  #processBox .box21,
  #processBox .box22,
  #processBox .box23,
  #processBox .box24,
  #processBox .box25,
  #processBox .box26,
  #processBox .box27,
  #processBox .box28,
  #processBox .box29,
  #processBox .box30,
  #processBox .box31,
  #processBox .box32 {
    margin: auto;
    width: auto;
  }

  #processBox .box1 p,
  #processBox .box2 p,
  #processBox .box3 p,
  #processBox .box4 p,
  #processBox .box5 p,
  #processBox .box6 p,
  #processBox .box7 p,
  #processBox .box8 p,
  #processBox .box9 p,
  #processBox .box10 p,
  #processBox .box11 p,
  #processBox .box12 p,
  #processBox .box13 p,
  #processBox .box14 p,
  #processBox .box15 p,
  #processBox .box16 p,
  #processBox .box17 p,
  #processBox .box18 p,
  #processBox .box19 p,
  #processBox .box20 p,
  #processBox .box21 p,
  #processBox .box22 p,
  #processBox .box23 p,
  #processBox .box24 p,
  #processBox .box25 p,
  #processBox .box26 p,
  #processBox .box27 p,
  #processBox .box28 p,
  #processBox .box29 p,
  #processBox .box30 p,
  #processBox .box31 p,
  #processBox .box32 p{
    margin: auto;
  }

  #processBox .box9 .text1 {
    margin-left: auto;
    margin-bottom: 0;
  }
  #processBox .box23 .textStyleA,
  #processBox .box24 .textStyleA {
    margin-left: auto;
  }
  #processBox .box24 img,
  #processBox .box30 img
   {
    margin: auto;
  }
}


/* knowledge
====================================================================================================*/


/*html[lang="zh-CN"] #glossary table td:first-child {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}*/
@media(max-width: 767px) {
  #glossary table {
    font-size: 14px;
  }
}
@media(min-width: 768px) {
  #glossary {
    padding-top: 70px;
  }
  #faq {
    padding-top: 70px;
  }
  #sake-types {
    padding-top: 70px;
  }
}

/* news
====================================================================================================*/

.post-type-archive-event .titleStyleA {
  margin-bottom: 10px;
}


.archiveBox {}
.archiveBox h3 {
  margin: 30px 0 10px 0!important;
  display: block;
}
.archiveBox ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.archiveBox ul li {
  margin-bottom: 5px;
}


/* print
====================================================================================================*/
@media print {
  #globalNav.fixed,
  .dmbs-header {
    position: absolute;
  }
 a[href]:after {
 content: "" !important;
 }
 
 abbr[title]:after {
 content: "" !important;
 }
}





#tsukikoshiLogo {
    width: 71.98%;
    height: 23.63%;
    position: absolute;
    right: 5.52%;
    bottom:4.59%;
}
#masumiLogo {
    width: 6.95%;
    height: 10.05%;
    position: absolute;
    right: 5.73%;
    top: 6%;
}
@media(min-width: 768px) {

    #tsukikoshiLogo {
        width: 32.1%;
        height: 24.34%;
        right: 3.97%;
        bottom: 10.05%
    }
    #masumiLogo {
        width: 3.09%;
        height: 10.23%;
        right: 2.65%;
        top: 6.17%
    }
}