@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:600;
margin:10px auto 30px;
}
/*title*/
.title{
display:block;
margin:0 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;
position: relative;
}
.style .style_img_pc{
display:block;
margin:0 auto;
width:100%;
z-index:-10;
}
.style .style_img_sp{
display:none;
}
/*item*/
p.item_text{
font-size:12px;
display:block;
margin-bottom:20px;
}
p.item_text span{
font-size:10px;
}
p.goods_text{
font-size:10px;
}
p.goods_text span{
font-size:8px;
}
/*item goods*/
.item_style01{
display:block;
position:absolute;
top:320px;
left:590px;
}
.goods_style01{
display:block;
position:absolute;
bottom:60px;
left:580px;
}
.item_style02{
display:block;
position:absolute;
top:340px;
left:180px;
}
.goods_style02{
display:block;
position:absolute;
bottom:60px;
left:165px;
}
.item_style03{
display:block;
position:absolute;
top:360px;
left:590px;
}
.goods_style03{
display:block;
position:absolute;
bottom:60px;
left:570px;
}
.item_style04{
display:block;
position:absolute;
top:380px;
left:180px;
}
.goods_style04{
display:block;
position:absolute;
bottom:60px;
left:160px;
}
.item_style05{
display:block;
position:absolute;
top:320px;
left:590px;
}
.goods_style05{
display:block;
position:absolute;
bottom:60px;
left:580px;
}
.item_style06{
display:block;
position:absolute;
top:340px;
left:180px;
}
.goods_style06{
display:block;
position:absolute;
bottom:60px;
left:160px;
}
.item_style07{
display:block;
position:absolute;
top:320px;
left:590px;
}
.goods_style07{
display:block;
position:absolute;
bottom:60px;
left:580px;
}
.item_style08{
display:block;
position:absolute;
top:360px;
left:180px;
}
.goods_style08{
display:block;
position:absolute;
bottom:60px;
left:160px;
}
/*buybutton*/
a.buy_button{
display:inline-block;
margin-left:10px;
padding: 0 12px;
font-size: 10px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #000;
background-color: #fff;
border: 1px solid #333;
}
p a.buy_button:hover {
background-color: #000;
color: #fff;
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:600;
}
/*title*/
.title{
display:none;
}
.SPtitle{
display:block;
width:100%;
margin:0 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;
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*/
p.item_text{
font-size:1.2rem;
display:block;
margin-bottom:0;
}
p.item_text span{
font-size:1.0rem;
}
p.goods_text{
display:none;
}
/*item goods*/
.item_style01{
display:inline-block;
position:absolute;
top:auto;
left: 50%;
bottom:3%;
transform: translateX(-50%);
white-space: nowrap; 
}
.goods_style01{
display:none;
}
.item_style02{
display:inline-block;
position:absolute;
top:auto;
left: 50%;
bottom:4%;
transform: translateX(-50%);
white-space: nowrap; 
}
.goods_style02{
display:none;
}
.item_style03{
display:inline-block;
position:absolute;
top:auto;
left: 50%;
bottom:4%;
transform: translateX(-50%);
white-space: nowrap; 
}
.goods_style03{
display:none;
}
.item_style04{
display:inline-block;
position:absolute;
top:auto;
left: 50%;
bottom:8%;
transform: translateX(-50%);
white-space: nowrap; 
}
.goods_style04{
display:none;
}
.item_style05{
display:inline-block;
position:absolute;
top:auto;
left: 50%;
bottom:3%;
transform: translateX(-50%);
white-space: nowrap; 
}
.goods_style05{
display:none;
}
.item_style06{
display:inline-block;
position:absolute;
top:auto;
left: 50%;
bottom:4%;
transform: translateX(-50%);
white-space: nowrap; 
}
.goods_style06{
display:none;
}
.item_style07{
display:inline-block;
position:absolute;
top:auto;
left: 50%;
bottom:3%;
transform: translateX(-50%);
white-space: nowrap; 
}
.goods_style07{
display:none;
}
.item_style08{
display:inline-block;
position:absolute;
top:auto;
left: 50%;
bottom:6%;
transform: translateX(-50%);
white-space: nowrap; 
}
.goods_style08{
display:none;
}
/*buybutton*/
a.buy_button{
display:inline-block;
margin-left:10px;
padding: 0 12px;
font-size: 10px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #000;
background-color: #fff;
border: 1px solid #333;
}
p a.buy_button:hover {
background-color: #000;
color: #fff;
text-decoration: none;
}
}