@charset "utf-8";

/*------------------------------------------------------------
  トップページ
------------------------------------------------------------*/

#gNavi .navi04 a img {
  visibility: hidden;
}


/*------------------------------------------------------------
  technical/information.html
------------------------------------------------------------*/

.information #conts .headLine01 {
  margin-bottom: 35px;
}

#main .comImgBoxL {
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid #ccc;
}

#main .comImgBoxL:last-child {
  border-bottom: none;
}

#main .comImgBoxL .photoBox .comLink03 {
  margin-top: 10px;
}

#main .comImgBoxL .textBox ul {
  margin-top: -20px;
}

#main .comImgBoxL .textBox li {
  text-indent: -1em;
  padding-left: 1em;
  color: #535355;
}


/*------------------------------------------------------------
  technical/equipment.html
------------------------------------------------------------*/

.equipment #conts .headLine01 {
  margin-bottom: 35px;
}

.equipment #conts .comImgBoxL {
  margin-bottom: 32px;
  padding-bottom: 36px;
  border-bottom: 1px solid #ccc;
}

.equipment #conts .comImgBoxL02 {
  margin-bottom: 18px;
}

.equipment #conts .comImgBoxL03 {
  border-bottom: none;
  margin-bottom: 0;
}

.equipment #conts .comImgBoxL .photoBox {
  width: 322px;
}

.equipment #conts .comImgBoxL .photoBox span {
  display: block;
  margin-top: 10px;
  color: #535355;
}

.equipment #conts .comImgBoxL .textBox {
  width: 345px;
}

.equipment #conts .comImgBoxL .textBox p {
  font-size: 16px;
}

.equipment #conts .photoList {
  margin: 0 -25px 20px 0;
}

.equipment #conts .photoList li {
  float: left;
  padding-right: 25px;
}

.equipment #conts p {
  color: #535355;
}

.equipment #conts .inner {
  margin-bottom: 22px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.equipment #conts .infoUl {
  margin: 0 -22px 14px 0;
}

.equipment #conts .infoUl li {
  margin-right: 22px;
  float: left;
  width: 238px;
}

.equipment #conts .infoUl li:first-child {
  width: 409px;
}

.equipment #conts .infoUl li span {
  display: block;
  color: #535355;
  margin-top: 10px;
}

.equipment #conts .infoUl02 {
  margin: 0 -22px 17px 0;
}

.equipment #conts .infoUl02 li {
  margin-right: 22px;
  float: left;
  width: 283px;
}

.equipment #conts .infoUl02 li:first-child {
  width: 365px;
}

.equipment #conts .infoUl02 li span {
  display: block;
  color: #535355;
  margin-top: 10px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  .equipment #conts .comImgBoxL {
    padding-bottom: 25px !important;
  }
  .equipment #conts .photoList {
    margin: 0;
  }
  .equipment #conts .photoList li {
    float: none;
    padding: 0 0 20px;
  }
  .equipment #conts .infoUl {
    margin: 0 0 10px;
  }
  .equipment #conts .infoUl li {
    float: none;
    margin: 0 0 10px;
    width: auto !important;
  }
  .equipment #conts .infoUl02 {
    margin: 0 0 10px;
  }
  .equipment #conts .infoUl02 li {
    float: none;
    margin: 0 0 10px;
    width: auto !important;
  }
}


/*------------------------------------------------------------
  technical/cutlery.html
------------------------------------------------------------*/

.cutlery #conts .headLine01 {
  margin-bottom: 25px;
}

.cutlery #conts p {
  margin-bottom: 29px;
  letter-spacing: -1px;
  line-height: 1.95;
}

.cutlery #conts .inner {
  margin-bottom: 40px;
  padding: 0 59px 22px 0;
  border-bottom: 1px solid #a0a0a0;
}

.cutlery #conts .inner:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

#main .comImgBoxR .textBox {
  margin-top: -7px;
}

#main .comImgBoxR .textBox .headLine04 {
  margin-bottom: 12px;
  padding-left: 45px;
  font-size: 20px;
  background-size: 38px auto;
}

#main .comImgBoxR .textBox p {
  line-height: 2;
}

.cutlery #conts .inner .textP {
  margin: 20px 0 0;
  text-indent: -1em;
  padding-left: 1em;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  .cutlery #conts p {
    line-height: 1.7;
  }
  .cutlery #conts .inner {
    padding: 0 0 20px;
  }
  #main .comImgBoxR .photoBox {
    margin: 0 auto 20px;
    width: 276px;
  }
  #main .comImgBoxR .textBox p {
    line-height: 1.7;
  }
}


/*------------------------------------------------------------
  technical/case/
------------------------------------------------------------*/

.case #conts .headLine01 {
  margin-bottom: 19px;
}

.case #conts .inner {
  margin-bottom: 21px;
  padding-bottom: 25px;
  border-bottom: 1px solid #ccc;
}

.case #conts .inner .comLink02 {
  float: left;
  width: 145px;
  margin: 0;
}

.case #conts .comLink02 a {
  padding: 9px 5px 8px;
  background: url(../img/common/bg04.gif) repeat-x left bottom #fff;
}

.case #conts .inner .rBox {
    margin-top: 1px;
    padding: 6px 0 6px 7px;
    float: right;
    width: 536px;
    font-size: 15px;
    box-sizing: border-box;
    background-color: #e6eaf5;
    line-height: 8px;
}

.case #conts .inner .rBox span{
    margin-right: 10px;
}

.case #conts .inner .rBox input[type="text"] {
    height: 25px;
    border: 1px solid #dcdcdc;
    padding-left: 10px;
    padding-right: 40px;
    margin-right: 4px;
    box-sizing: border-box;
}

.case #conts .inner .rBox img {
  vertical-align: middle;
  margin-right: 6px;
  width: initial;
}

.case #conts .inner .rBox a:hover img {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.case #conts .imgBoxL {
  margin-bottom: 23px;
  display: table;
  width: 100%;
}

.case #conts .imgBoxL .photoBox {
  width: 300px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

.case #conts .imgBoxL p {
  padding-left: 15px;
  display: table-cell;
  text-align: left;
  font-size: 18px;
  vertical-align: middle;
}

.case #conts .imgBoxL p a {
  padding-left: 20px;
  display: inline-block;
  background: url(../img/common/icon04.png) no-repeat left 6px;
}

.case #conts .btmLink a:hover img {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

/*------------------------------------------------------------
  technical/case (配下ページ)
------------------------------------------------------------*/

#pagePath {
  color: #000;
}

.list #conts .headLine01 {
  margin-bottom: 19px;
}

.list #conts .inner {
  margin-bottom: 21px;
  padding-bottom: 25px;
  border-bottom: 1px solid #ccc;
}

.list #conts .inner .comLink02 {
  float: left;
  width: 145px;
  margin: 0;
}

.list #conts .comLink02 a {
  padding: 9px 5px 8px;
  background: url(../img/common/bg04.gif) repeat-x left bottom #fff;
}

.list #conts .inner .rBox {
    margin-top: 1px;
    padding: 6px 0 6px 7px;
    float: right;
    width: 536px;
    font-size: 15px;
    box-sizing: border-box;
    background-color: #e6eaf5;
    line-height: 8px;
}

.list #conts .inner .rBox span{
    margin-right: 10px;
}

.list #conts .inner .rBox input[type="text"] {
    height: 25px;
    border: 1px solid #dcdcdc;
    padding-left: 10px;
    padding-right: 40px;
    margin-right: 4px;
    box-sizing: border-box;
}

.list #conts .inner .rBox input[type="submit"]{
  height: 25px;
    border: 1px solid #dcdcdc;
    padding-left: 20px;
    padding-right: 20px;
  cursor: pointer;
}

.list #conts .inner .rBox img {
  vertical-align: middle;
  margin-right: 6px;
}

.list #conts .inner .rBox a:hover img {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  .case #conts .inner .comLink02 {
    float: none;
    margin: 0 auto 20px;
  }
  .case #conts .inner .rBox {
    float: none;
    padding: 10px;
    width: auto;
    font-size: 14px;
    text-align: center;
  }
  .case #conts .inner .rBox span {
    display: block;
    margin-bottom: 10px;
    text-align: center;
  }
  .case #conts .inner .rBox span img {
    width: 30px;
  }
  .case #conts .inner .rBox input {
    margin: 0;
      margin-top: 10px;
  }

  .case #conts .inner .rBox input[type="submit"]{
    padding-left: 10px;
      padding-right: 10px;
      width: 20%;
  }

  .case #conts .inner .rBox input[type="text"]{
    width: 75%;
  }

  .case #conts .inner .rBox a {
    display: inline-block;
    width: 48px;
  }
  .case #conts .imgBoxL {
    display: block;
    margin-bottom: 30px;
  }
  .case #conts .imgBoxL .photoBox {
    margin-bottom: 15px;
    display: block;
    width: auto;
  }
  .case #conts .imgBoxL p {
    display: block;
    font-size: 14px;
    padding: 0;
  }
  .case #conts .imgBoxL p a {
    text-decoration: none !important;
    background-size: 13px auto;
    background-position: left 4px;
  }
    .list #conts .inner .comLink02 {
    float: none;
    margin: 0 auto 20px;
  }
  .list #conts .inner .rBox {
    float: none;
    padding: 10px;
    width: auto;
    font-size: 14px;
    text-align: center;
  }
  .list #conts .inner .rBox img{
    width: inherit;
  }
  .list #conts .inner .rBox span {
    display: block;
    margin-bottom: 10px;
    text-align: center;
  }
  .list #conts .inner .rBox span img {
    width: 30px;
  }
  .list #conts .inner .rBox input {
    margin: 0;
      margin-top: 10px;
  }

  .list #conts .inner .rBox input[type="submit"]{
    padding-left: 10px;
      padding-right: 10px;
      width: 20%;
  }

  .list #conts .inner .rBox input[type="text"]{
    width: 75%;
  }

  .list #conts .inner .rBox a {
    display: inline-block;
    width: 48px;
  }
  .list #conts .imgBoxL {
    display: block;
    margin-bottom: 30px;
  }
  .list #conts .imgBoxL .photoBox {
    margin-bottom: 15px;
    display: block;
    width: auto;
  }
  .list #conts .imgBoxL p {
    display: block;
    font-size: 14px;
    padding: 0;
  }
  .list #conts .imgBoxL p a {
    text-decoration: none !important;
    background-size: 13px auto;
    background-position: left 4px;
  }
}


/*------------------------------------------------------------
  technical/case/ps_detail.html
------------------------------------------------------------*/

.detail #conts .headLine02 {
  margin-bottom: 11px;
}

.detail #conts p {
  margin: 0 -10px 5px 0;
  line-height: 2;
  letter-spacing: -0.5px;
}

.detail #conts .infoUl {
  margin-bottom: 40px;
}

.detail #conts .infoUl02 {
  margin-bottom: 27px;
}

.detail #conts .infoUl li {
  float: left;
  width: 336px;
}

.detail #conts .infoUl li:nth-child(2n) {
  float: right;
}

.detail #conts .infoUl li span {
  display: block;
  font-size: 13px;
  margin-top: 5px;
}

.detail #conts .inner {
  padding: 20px 20px 12px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  background-color: #eaf1f7;
}

.detail #conts .inner .photoBox {
  display: table-cell;
  text-align: right;
  width: 297px;
  vertical-align: middle;
}

.detail #conts .inner .photoBox span {
  display: block;
  margin-top: 3px;
  text-align: left;
  letter-spacing: -1.5px;
}

.detail #conts .inner .photoBox span a {
  color: #009;
  font-size: 15px;
}

.detail #conts .inner .textBox {
  padding-right: 20px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

.detail #conts .inner .textBox p {
  margin: 0;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  .detail #conts p {
    line-height: 1.7;
    margin: 0 0 20px;
  }
  .detail #conts .infoUl {
    margin-bottom: 30px;
  }
  .detail #conts .infoUl li {
    width: 48%;
  }
  .detail #conts .infoUl li span {
    font-size: 11px;
  }
  .detail #conts .inner {
    padding: 15px;
  }
  .detail #conts .inner .textBox {
    display: block;
    padding: 0 0 15px;
  }
  .detail #conts .inner .photoBox {
    display: block;
    width: auto;
  }
  .detail #conts .inner .photoBox span {
    margin-top: 5px;
    letter-spacing: -0.8px;
  }
  .detail #conts .inner .photoBox span a {
    font-size: 13px;
    text-decoration: none !important;
  }
}

/*------------------------------------------------------------
  technical/evolution
------------------------------------------------------------*/

#main .evolution .comImgBoxL .textBox {
  width: 380px;
}

.evolution #conts .headLine03#a02 {
  margin-top: 25px;
}

.evolution #conts .comImgBoxL {
  margin-bottom: 0;
  padding-bottom: 25px;
  border-bottom: none;
}

.evolution #conts .comImgBoxL .photoBox p {
  color: #003399;
  font-size: 14px;
  text-align: center;
  margin: 10px 0;
}

.evolution #conts .subTtl {
  color: #a4005b;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 15px;
}

.evolution #conts .textBox p {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 25px;
  text-align: justify;
}

.evolution #conts .textBox p .emphasis {
  color: #cc0000;
}

.evolution #conts .textBox p .wish {
  display: block;
  margin: 15px 0;
}

.evolution #conts .imgBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
}

.evolution #conts .imgBox .imgBoxInner {
  width: auto;
  text-align: center;
  margin-bottom: 15px;
}

.evolution #conts .imgBox .imgBoxInner p {
  margin: 5px 0;
  font-size: 14px;
}

.evolution #conts .problem {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 2;
}

.evolution #conts .notes {
  font-size: 13px;
  text-align: right;
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}

#main .evolution .comLink02 {
  margin: 25px 0;
  width: 100%;
}

.evolution #conts .imgBox > img {
  width: 100%;
  height: 100%;
}

.evolution #conts .imgBox .imgBoxInner.arrow {
  position:relative;
}

.evolution #conts .imgBox .imgBoxInner.arrow::after {
  content: url(/wordpress/wp-content/themes/toyo-knife/img/technical/evolution/arrow_img.png);
  position: absolute;
  top: 50%;
  right: -45px;
}

.twoArrow {
  padding: 2px 0 0 35px;
  display: inline-block;
  background: url(/wordpress/wp-content/themes/toyo-knife/img/common/icon05.png) no-repeat left center;
}

.lonkmovie {
  font-size: 14px;
  font-weight: bold;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  .evolution #conts .subTtl {
    font-size: 16px;
  }
  .evolution #conts .imgBox .imgBoxInner {
    width: 100%;
  }
  .evolution #conts .imgBox .imgBoxInner.arrow {
    margin-bottom: 50px;
  }
  .evolution #conts .imgBox .imgBoxInner.arrow::after {
    top: inherit;
    bottom: -45px;
    right: 50%;
    margin-right: -17px;
    transform: rotate( 90deg );
  }
}

/*------------------------------------------------------------
  technical/ccm
------------------------------------------------------------*/

#main .ccm .comImgBoxL .textBox {
  width: 380px;
}

.ccm #conts .headLine03#a02 {
  margin-top: 25px;
}

.ccm #conts .comImgBoxL {
  margin-bottom: 0;
  padding-bottom: 25px;
  border-bottom: none;
}

.ccm #conts .comImgBoxL .photoBox p {
  color: #003399;
  font-size: 14px;
  text-align: center;
  margin: 10px 0;
}

.ccm #conts .subTtl {
  color: #a4005b;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 15px;
}

.ccm #conts .textBox p {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 25px;
  text-align: justify;
}

.ccm #conts .textBox p .emphasis {
  color: #cc0000;
}

.ccm #conts .textBox p .wish {
  display: block;
  margin: 15px 0;
}

.ccm #conts .imgBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
}

.ccm #conts .imgBox .imgBoxInner {
  width: auto;
  text-align: center;
  margin-bottom: 15px;
}

.ccm #conts .imgBox .imgBoxInner p {
  margin: 5px 0;
  font-size: 14px;
}

.ccm #conts .problem {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 2;
}

.ccm #conts .notes {
  font-size: 13px;
  text-align: right;
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}

#main .ccm .comLink02 {
  margin: 25px 0;
  width: 100%;
}

.ccm #conts .imgBox > img {
  width: 100%;
  height: 100%;
}

.ccm #conts .imgBox .imgBoxInner.arrow {
  position:relative;
}

.ccm #conts .imgBox .imgBoxInner.arrow::after {
  content: url(/wordpress/wp-content/themes/toyo-knife/img/technical/evolution/arrow_img.png);
  position: absolute;
  top: 50%;
  right: -45px;
}

.twoArrow {
  padding: 2px 0 0 35px;
  display: inline-block;
  background: url(/wordpress/wp-content/themes/toyo-knife/img/common/icon05.png) no-repeat left center;
}

.lonkmovie {
  font-size: 14px;
  font-weight: bold;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  .ccm #conts .subTtl {
    font-size: 16px;
  }
  .ccm #conts .imgBox .imgBoxInner {
    width: 100%;
  }
  .ccm #conts .imgBox .imgBoxInner.arrow {
    margin-bottom: 50px;
  }
  .ccm #conts .imgBox .imgBoxInner.arrow::after {
    top: inherit;
    bottom: -45px;
    right: 50%;
    margin-right: -17px;
    transform: rotate( 90deg );
  }
}