
body.on header{height:100%;}

br.br-sp{display:inline;}
span.button-text-pc{display:inline;}
img.sp-img{display:none;}


header div.main-visual{overflow:visible;}
header div.main-visual.page-1 ul.main-visual-images{}
header div.main-visual.page-1 ul.main-visual-images li{height:620px; background-image:url(/images/products-mainv01.jpg?20260625); background-repeat: repeat-x; background-position: center top; background-size:2500px 620px;}
header div.main-visual.page-1 div.copy.back-obj-v {background:url(/images/products-copy-back01.png); background-repeat:no-repeat; background-position:center top; background-size:cover; width: 438px; height:357px; left:3.828%; top:50%; margin-left:0; margin-top:-171px;}
header div.main-visual.page-1 div.copy.back-obj div.copy-inner{width:360px;}

main div.lead-block img{margin:20px auto; display:block; max-width: 200px; height: auto;}
main div.lead-block p.lead{font-size:1.5rem; line-height:1.7; width:800px; padding:50px 0 80px; margin:0 auto;}
main div.lead-block p.lead strong{font-weight: bold;}
main div.lead-block p.lead a{color: #333; text-decoration: underline;}
main div.lead-block p.lead a:hover{color: #fe2531;}

main section.products-banner div.banner-back{padding:50px 20px 50px 35px;}
main section.products-banner div.banner-back a.store-link{width:100%; max-width:800px; height:200px; margin:0 auto; display:block; background-image:url(/images/products-banner01.jpg); background-repeat: no-repeat; background-position: center top; background-size:cover; position:relative;}
main section.products-banner div.banner-back a.store-link:hover{ opacity:0.8; transition: 0.3s ease;}
main section.products-banner div.banner-back a.store-link:hover:before { width: 10px; transition: 0.3s ease;}
main section.products-banner div.banner-back a.store-link:before{content:""; display:block; width:50px; height:1px; background:#333; position:absolute; top:50%; left:-25px;}
main section.products-banner div.banner-back a.store-link span{font-size:2.6rem; line-height:1.4; font-weight:bold; color:#333; position:absolute; top:50%; left:60px; margin-top:-18px}
main section.products-banner div.banner-back a.store-link img{width:120px; height:auto; position:absolute; top:20px; left:20px;}

main section.product-description div.product-description-wrapper{width:100%; display:flex;}
main section.product-description div.product-description-wrapper div.product-description-block{width:50%;}
main section.product-description div.product-description-wrapper div.product-description-block.tape div.product-description-image{width:100%; height:420px; background-image:url(/images/products-image01.jpg); background-repeat: no-repeat; background-position: center top; background-size:cover;}
main section.product-description div.product-description-wrapper div.product-description-block.gallery div.product-description-image{width:100%; height:420px; background-image:url(/images/products-image02.jpg); background-repeat: no-repeat; background-position: center center; background-size:cover;}
main section.product-description div.product-description-wrapper div.product-description-block div.product-description-text{padding:40px 40px 65px; height:310px;}
main section.product-description div.product-description-wrapper div.product-description-block div.product-description-text h2.name{color:#fff; font-size:2.8rem; line-height:1.4; font-weight:bold; margin-bottom:26px;}
main section.product-description div.product-description-wrapper div.product-description-block div.product-description-text p.description{color:#fff; font-size:1.7rem; line-height:1.6; font-weight:bold; margin-bottom:22px;}
main section.product-description div.product-description-wrapper div.product-description-block div.product-description-text p.text{color:#fff; font-size:1.5rem; line-height:1.7;}


/* スタイル調整 */
@media (max-width: 1280px){

  header div.main-visual.page-1 ul.main-visual-images li{background-position: 40% top;}

}


/* スタイル調整 */
@media (max-width: 930px){

  header div.main-visual.page-1 ul.main-visual-images li{background-position: 30%   top;}

}


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

  main div.lead-block p.lead {width: calc(100% - 100px); padding: 50px 50px 80px;}

  main section.product-description div.product-description-wrapper{flex-direction: column;}
  main section.product-description div.product-description-wrapper div.product-description-block{width:100%; height:auto;}
  main section.product-description div.product-description-wrapper div.product-description-block div.product-description-text{height:auto;}

}


/* スマホ */
@media (max-width: 760px){

  span.button-text-pc{display:none;}
  img.sp-img{display:block;}
  br.br-sp{display:inline;}

  header div.main-visual.page-1{height:417px;}

  header div.main-visual.page-1 div.copy.right-margin{right:auto;}
  header div.main-visual.page-1 ul.main-visual-images{position:relative; z-index:1;}
  header div.main-visual.page-1 ul.main-visual-images li.images-child{height:417px; background-image:url(/images/products-mainv02.jpg?20260625); background-repeat: repeat-x; background-position: 50% bottom; background-size:760px 462px;}
  header div.main-visual.page-1 div.copy.back-obj-v{ overflow:hidden; background:none; width: 100%; height: 248px; margin: 0; left:auto; top: 150px;}
  header div.main-visual.page-1 div.copy.back-obj-v img.sp-img { position: absolute; left:-15px; margin-left:0px;}
  header div.main-visual.page-1 div.copy.back-obj div.copy-inner{width:270px; margin-left:0px; margin-top:-70px; transform:none; left: 5%;}

  main div.lead-block{margin-top:10px;}
  main div.lead-block p.lead { width: calc(100% - 40px); padding: 20px 20px 40px;}
  main div.lead-block img{margin:0 auto;}
  main section.products-banner div.banner-back{ padding: 30px 20px 30px 35px;}
  main section.products-banner div.banner-back a.store-link{background-position: 86% top;}
  main section.products-banner div.banner-back a.store-link span{font-size:2.0rem; left:45px; margin-top:-14px;}
  main section.products-banner div.banner-back a.store-link:before{width:40px;}
  main section.product-description div.product-description-wrapper div.product-description-block.tape div.product-description-image, main section.product-description div.product-description-wrapper div.product-description-block.gallery div.product-description-image{height:200px;}
  main section.product-description div.product-description-wrapper div.product-description-block div.product-description-text{padding:26px 20px 40px;}
  main section.product-description div.product-description-wrapper div.product-description-block div.product-description-text h2.name{line-height:1.5;font-size:2.4rem; margin-bottom:20px;}
  main section.product-description div.product-description-wrapper div.product-description-block div.product-description-text p.description{font-size:1.6rem; line-height:1.5; margin-bottom:23px;}

  footer p.button-top{background:#f6f6f6;}

}
