@charset "utf-8";
/*--------------------------------------------------- */
body { line-height: 1.6; color: #000; font-size: 16px; font-family: "Noto Sans JP", "Zen Kaku Gothic New", sans-serif;  background: #fff; box-sizing: border-box; overflow-x: hidden;}
p a{text-decoration: none; color:#000;}
p a:hover{text-decoration: underline; color:#000;}
/*------------------base.css-------------------*/
.container { width: 100%; margin: 0 auto; overflow-x: hidden;}
.footer { text-align: center; padding: 20px;}
/*------------------style.css-------------------*/
h1, h2, h3 { text-align: center; }
h1 { margin: 30px auto 20px; }
section { margin-bottom: 120px; }
.footer p { text-align: center; text-decoration: none;}
.footer p a{text-decoration: none; color:#000;}
/*COMMON*/
br.sponly_br{
display:none;
}
br.pconly_br{
display:block;
}
#link{
display:block;
margin:150px auto 30px;
}
.link_table{
    display:flex;
    width:250px;
    margin:auto;
}
.link_table .link_td{
    display:block;
    margin:auto;
    text-align:center;
}
.link_table .link_td img{
    width:65%;
}
a:hover{
    opacity: 0.5;
    transition : 0.5s;
}
.wrapper {
width: 100%;
overflow: hidden;
}
/*HEAD*/
.header{
display:block;
margin:50px auto 0;
width:155px;
}
.header img{
width:155px;
}
.head_title h1{
font-size:14px;
font-weight:400;
margin:10px auto 30px;
}
/*title*/
.title{
display:block;
margin:-10px auto;
width:1000px;
}
.SPtitle{
display:none;
}
/*fadein*/
.fadeInBlock {
  display: grid;
}
.fadeInout {
  opacity: 0;
  transform: translateY(50px);
  transition: 0.8s ease-out;
}
.fadeInout.show {
  opacity: 1;
  transform: translateY(0);
}
/*style*/
.style{
display:block;
width:1000px;
margin:0 auto -8px;
position: relative;
}
.style .style_img_pc{
display:block;
margin:0 auto;
width:100%;
z-index:-10;
}
.style .style_img_sp{
display:none;
}
/*ITEM*/
.item_style{
white-space: nowrap;
display: flex;
flex-direction: column;
gap: 3px;
line-height: 1.2;
}
.item_style_box4line{
position: absolute;
bottom: 45px;
left: 50%;
transform: translateX(-50%);
}
.item_style_box3line{
position: absolute;
bottom: 55px;
left: 50%;
transform: translateX(-50%);
}
.item_style_box2line{
position: absolute;
bottom: 65px;
left: 50%;
transform: translateX(-50%);
}
.product-row {
display: flex;
align-items: baseline;
gap: 1rem;
padding: 3px 0;
}
/*item*/
.item_text{
flex: 1 1 auto;
text-decoration: none;
color: inherit; 
font-size:14px;
}
.item_text span{
font-size:10px;
}
.item_text a{
color:#333;
}
/*buybutton*/
a.buy_button{
display:inline-block;
margin-left:10px;
padding: 2px 12px;
font-size: 10px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #fff;
background-color: #333;
border: 1px solid #333;
}
p a.buy_button:hover {
background-color: #fff;
color: #1a1a1a;
text-decoration: none;
}
/*---------------SP------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 798px) {
html{
font-size: calc(100vw / 40);
}
br.sponly_br{
display:block;
}
br.pconly_br{
display:none;
}
#link{
display:block;
margin:80px auto 30px;
}
.link_table{
    display:flex;
    width:60%;
    margin:auto;
}
.link_table .link_td{
    display:block;
    margin:auto;
    text-align:center;
}
.link_table .link_td img{
    width:65%;
}
.wrapper {
  width: 100%;
  overflow: hidden;
}
/*HEAD*/
.header{
display:block;
margin:20px auto 0;
width:155px;
}
.header img{
width:155px;
}
.head_title h1{
font-size:14px;
font-weight:500;
}
/*title*/
.title{
display:none;
}
.SPtitle{
display:block;
width:100%;
margin:-10px auto;
}
.SPtitle img{
width:100%;
}
/*fadein*/
.fadeInBlock {
  display: grid;
}
.fadeInout {
  opacity: 0;
  transform: translateY(50px);
  transition: 0.8s ease-out;
}
.fadeInout.show {
  opacity: 1;
  transform: translateY(0);
}
/*style*/
.style{
display:block;
width:100%;
margin:0 auto -3%;
position: relative; 
}
.style .style_img_pc{
display:none;
}
.style .style_img_sp{
display:block;
margin:0 auto;
width:100%;
z-index:-10;
}
.style .style_img_sp img{
width:100%;
}
/*ITEM*/
.item_style{
white-space: nowrap;
display: flex;
flex-direction: column;
gap: 3px;
line-height: 1.2;
}
.item_style_box4line{
position: absolute;
bottom: 3%;
left: 50%;
transform: translateX(-50%);
}
.item_style_box3line{
position: absolute;
bottom: 5%;
left: 50%;
transform: translateX(-50%);
}
.item_style_box2line{
position: absolute;
bottom: 7%;
left: 50%;
transform: translateX(-50%);
}
.product-row {
display: flex;
align-items: baseline;
gap: 1rem;
padding: 3px 0;
}
/*item*/
.item_text{
flex: 1 1 auto;
text-decoration: none;
color: inherit; 
font-size:1.4rem;
}
.item_text span{
font-size:1rem;
}
.item_text a{
color:#333;
}
/*buybutton*/
a.buy_button{
display:inline-block;
margin-left:6px;
padding: 2px 8px;
font-size: 10px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #fff;
background-color: #333;
border: 1px solid #333;
}
p a.buy_button:hover {
background-color: #fff;
color: #1a1a1a;
text-decoration: none;
}
}