/*
Theme Name: toshimi202505
Version: 1.0
*/
/*一覧ページの枠*/

.wp-singular main .inner {
  padding: 2%;
  border: 1px solid silver;
  margin: 5% auto;
  border-radius: 16px;
}

.wp-container-core-columns-is-layout-9d6595d7 {
  flex-wrap: nowrap;
  width: 1000px;
  margin: 0 auto;
}

/* -----------------------------------------------------------
　 yano.製品一覧メニュー
----------------------------------------------------------- */
/*.wp-container-core-columns-is-layout-9d6595d7 {
  padding: 50 0 50 0;
}
.wwwz a:hover {
  opacity: 0.1;
}横幅変更で修正*/
/*.wp-container-core-columns-is-layout-9d6595d7 {
    flex-wrap: nowrap;
    width: 960px;
    margin: 0 auto;
    max-width: 95%;
	padding: 20 0 20 0;
}
*/

.wp-container-core-columns-is-layout-9d6595d7 {
    flex-wrap: nowrap;
    width: 960px;
    margin: 0 auto;
    max-width: 100%;
    padding: 20 0 20 0;
}

/* -----------------------------------------------------------
　matsu.製品一覧メニュー
----------------------------------------------------------- */
.wwwzup {
  width: fit-content;
  margin: 55px auto 0;
  padding-top: 10px;
　min-height: 80px; 
  padding-bottom: 10px;
}
.wwwz {
    width: fit-content;
    margin: 0 auto;
    padding-top: 10px;
    min-height: 80px;
    padding-bottom: 10px;
}

.wwwz a {
  font-size: 20px;
  text-decoration: none;
  border-bottom: 2px solid #073f97;
  padding-bottom: 10px;
  margin: 10px;
}
.wwwzup a {
  font-size: 20px;
  text-decoration: none;
  border-bottom: 2px solid #073f97;
  padding-bottom: 10px;
  margin: 10px;
}

/* -----------------------------------------------------------
　 yano.製品一覧メニュースマホ版
----------------------------------------------------------- */
.second-line {
  display: inline;
}
@media screen and (max-width: 768px) {
  .wwwz a,
  .wwwz .no-link {
    font-size: initial;
  }
  .second-line {
    display: block;
    margin-top: 20px;
  }
}
/* -----------------------------------------------------------
　 yano.製品一覧メニュー.赤ライン
----------------------------------------------------------- */

.wwwzup .no-link {
  text-decoration: none;
  border-bottom: 2px solid #ff0000;
  padding-bottom: 10px;
  margin: 10px;
}
.wwwz .no-link {
  text-decoration: none;
  border-bottom: 2px solid #ff0000;
  padding-bottom: 10px;
  margin: 10px;
}
.sp-only {
  display: none;
}
.pc-only {
  display: block;
}
@media screen and (max-width: 768px) {
  .wp-container-core-columns-is-layout-9d6595d7 {
    width: 100%;
  }
  .sp-only {
    display: block;
  }
  .pc-only {
    display: none;
  }
}

.inner {
  width: 960px;
  margin: auto;
}

/* -----------------------------------------------------------
　 お問合せページタイトル装飾
----------------------------------------------------------- */

.page-id-17 h1 {
  color: white;
  text-shadow: 2px 2px 4px black;
}
/* -----------------------------------------------------------
　 お問合せページ
----------------------------------------------------------- */

.contact-box .wpcf7-form-control.wpcf7-submit {
  width: 260px;
  height: 66px;
  background: #0a3faa;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 800;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* -----------------------------------------------------------
　 サブページタイトル・背景装飾
----------------------------------------------------------- */

/*.sub-mv {
  width: 100%;
  height: 400px;
  background-size: cover;
  background-position: inherit;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 4rem;
  font-weight: 800;
}幅変更*/

/*.sub-mv {
    width: 95%;
    height: 400px;
    background-size: cover;
    background-position: 0% 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 4rem;
    font-weight: 800;
    margin: 0 auto;
}
*/

/*.sub-mv {
    width: 95%;
    height: 400;
    background-size: contain;
    background-position: 0% 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 4rem;
    font-weight: 800;
    margin: 0 auto;
    background-repeat: no-repeat;
}*/
/*.sub-mv {
  width: 100%;
  height: 300;
  background-size: auto;
  background-position: left top;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 4rem;
  font-weight: 800;
  margin: 0 auto;
  background-repeat: no-repeat;
}*/

.sub-mv {
    width: 100%;
    height: /*435*/290px;
    background-size: cover;
    background-position: left top;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 4rem;
    font-weight: 800;
    margin: 0 auto;
    background-repeat: no-repeat;
    margin: 48px auto 0;
}


/* 問合せページの背景（デフォルト） */
.page-id-17 .sub-mv {
  background-image: url('/jan/wp-content/uploads/2025/07/back-contact_newleft.webp');
  background-position: left top;
  background-size: cover;
}

/* 問合せページの背景スマホ用（375px以下）の背景切り替え */
@media screen and (max-width: 375px) {
  .page-id-17 .sub-mv {
    background-image: url('/jan/wp-content/uploads/2025/07/back-contact_new2025.webp') !important;
  }
}




/*ttl*/
.wp-singular h1 {
    font-size: 3.2rem;
    text-align: center;
    font-weight: 600;
    padding-bottom: 0;
}
/*サブページ余白*/
article.page {
    padding:0;
}
/* -----------------------------------------------------------
　 スマホの時に改行
----------------------------------------------------------- */

.contact-note {
  text-align: center;
  margin-top: 1em;
}

@media screen and (max-width: 768px) {
  .contact-note {
    margin-top: 2em;
  }

  .contact-label {
    display: block;
  }
}

/* カスタム矢印 */
.custom-prev,
.custom-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: none;
  font-size: 24px;
  padding: 10px;
  cursor: pointer;
  z-index: 1000;
  border-radius: 50px;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.custom-prev {
  left: -48px;
}
.custom-next {
  right: -48px;
}

/* ホバー時の色変更 */
.custom-prev:hover,
.custom-next:hover {
  background: rgb(12 62 170 / 80%);
}

/* ドットのカスタマイズ */
.slick-dots {
  bottom: -24px;
}
.slick-dots li button:before {
  font-size: 12px;
  color: #989898;
  opacity: 0.5;
}
.slick-dots li.slick-active button:before {
  color: rgb(12 62 170);
  opacity: 1;
}

.slick-dotted.slick-slider {
  overflow: inherit;
}
.s1-message-text {
  h3 {
    font-size: 130%;
    font-weight: 700;
  }
}

/* TOPの年見機工（株）タイトル */
.inner-ttl {
    h3 {
        font-size: 130%;
        font-weight: 700;
        margin-bottom: 15px;
        margin-left: 427px;
    }
}

.mv-item .inner{
    width: 800px;
    max-width: 100%;
}
@media screen and (max-width: 768px) {
.inner-ttl {
    h3 {
        font-size: 130%;
        font-weight: 700;
        margin-bottom: 15px;
        text-align: center;
       margin-left: 0; 
    }
}
}
/* TOPの年見機工（株）下部 */
.s1-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    gap: 4.8rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
}


/* スライド矢印 */
.custom-prev, .custom-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: rgb(0 0 0);
    border: none;
    font-size: 24px;
    padding: 10px;
    cursor: pointer;
    z-index: 1000;
    border-radius: 0px;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255,255,255,0);
}
.custom-prev:hover, .custom-next:hover {
    background: #0a3faa;
}
@media screen and (max-width: 768px) {
.custom-prev, .custom-next {
    display: none !important;
}
.custom-prev {
  left: 0;
}
.custom-next {
  right: 0;
}
}

/* フッター */
@media (max-width: 768px) {
    .footer-menu div {
        padding: 1rem 0;
        font-size: 1.8rem;
    }
}
@media (max-width: 768px) {
    .footer-menu {
        gap: 0;
    }
}
/* スマホ時のメイン画像 */
@media (max-width: 768px) {
    .sub-mv {
        height: 120px;
		margin: 0;
		background-size: cover;
    }
    }
}
@media screen and (max-width: 768px) {
    .mv-item {
        padding: 50px 0;
    }
}

/* スマホ時のメイン画像ttl */
@media (max-width: 768px) {
.entry-title h1{
    padding-bottom: 0;
}
}
@media (max-width: 768px) {
.wp-singular h1 {
    font-size: 3.2rem;
    text-align: center;
    font-weight: 600;
    padding-bottom: 0rem;
}
}

/* スマホ時のinner余白 */
@media (max-width: 768px) {
article.page {
    padding: 0;
}
}
/* スマホ時の取扱メーカーメニュー部分 */
@media screen and (max-width: 768px) {
  .wwwzup a, .wwwzup .no-link {
    font-size: 1.8rem;
    margin: 10px;
  }
}@media screen and (max-width: 768px) {
  .wwwz a, .wwwz .no-link {
    font-size: 1.8rem;
    margin: 10px;
  }
@media screen and (max-width: 768px) {
.wp-block-column {
  flex-grow: 1;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
  margin: 10px !important;
}
}

/* スマホ時の会社概要部分 */
@media screen and (max-width: 768px) {
.wp-block-table table {
    border-collapse: collapse;
    width: 100%;
    font-size: smaller;
}
}



.mv-item {
    padding: 50px 0;
}
/*TOPページ改行*/	
@media (max-width: 375px) {
  .break-pc {
    display: none;
  }
}	
	
	
input[type="submit"] {
  -webkit-appearance: none;
}