@charset "utf-8";
/*--------------------------------------------------- */
body { line-height: 1.6; color: #333; font-size: 16px; font-family: "Noto Sans JP", "Zen Kaku Gothic New", sans-serif;  background:#F7F7F7; box-sizing: border-box; overflow-x: hidden;}
p a{text-decoration: none; color:#333;}
p a:hover{text-decoration: underline; color:#333;}
/*------------------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: 10px auto 50px; }
section { margin-bottom: 120px; }
.footer p { text-align: center; text-decoration: none;}
.footer p a{text-decoration: none; color:#333;}
/*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;
}
.fadeInout {
opacity: 0;
transform: translateY(30px);
transition: opacity 1.5s ease, transform 1.5s ease;
}
.fadeInout.show {
  opacity: 1;
  transform: translateY(0);
}
/*----------------------------------------------------*/
/*TITLE*/
/*----------------------------------------------------*/
h1{
font-size:22px;
font-weight:bold;
}
.head_image {
display:block;
margin:50px auto 0;
width:500px;
text-align:center;
}
.head_image img{
width:200px;
}
.title {
display:block;
margin:20px auto 50px;
width:700px;
text-align:center;
}
.title img{
width:100%;
}
.subtitle{
display:block;
margin:50px auto 20px;
}
.subtitle p{
font-size:16px;
text-align:center;
}
.subtitle p span{
display:block;
font-size:20px;
text-align:center;
font-weight:bold;
margin:20px auto;
}
/*----------------------------------------------------*/
/*BOX*/
/*----------------------------------------------------*/
.description_block{
display:flex;
justify-content:center;
gap:60px;
flex-wrap:wrap;
margin:20px auto 40px;
}
.description_box{
text-align:center;
}
.description_box p{
margin:0 0 0px;
}
.description_box p span{
font-family: "Imperial Script", cursive;
font-weight: 400;
font-style: normal;
font-size:80px;
}
.description_img img{
display:block;
margin:0 auto;
width:400px;
max-width:100%;
height:auto;
}
/*----------------------------------------------------*/
/*ATTENTION*/
/*----------------------------------------------------*/
.attention_block{
display:block;
margin:20px auto;
width:600px;
/*border: solid 1px #000;*/
}
.attention_block p.attention_block_title{
font-size:18px;
font-weight:bold;
display:block;
text-align:center;
margin:80px 0 0;
}
.attention_block p.attention_block_subtitle{
display:block;
width:420px;
font-size:18px;
font-weight:bold;
margin:5px auto 0;
}
.attention_block p.attention_block_subtitle span.number{
font-family: "Imperial Script", cursive;
font-weight: 400;
font-style: normal;
font-size:40px;
}
.attention_block p.attention_block_text{
display:block;
width:420px;
font-size:16px;
margin:0 auto 30px;
}
/*.attention_block p.attention_block_text.span{
display:block;
margin:30px 5px 0;
font-size:18px;
font-weight:bold;
}*/
.attention_block p.attention_block_title2{
font-size:18px;
font-weight:bold;
display:block;
text-align:center;
margin:80px 0 20px;
}
.attention_block p.attention_block_text2{
display:block;
width:600px;
font-size:16px;
margin:0 auto 30px;
}
/*----------------------------------------------------*/
/*SHOP*/
/*----------------------------------------------------*/
.shop_block{
display:block;
margin:20px auto;
width:600px;
/*border: solid 1px #000;*/
}
.shop_title p.subtitle{
font-size:18px;
font-weight:bold;
display:block;
text-align:center;
margin:80px 0 0;
}
.shop_title p.text{
display:block;
width:400px;
font-size:16px;
text-align:center;
margin:20px auto 80px;
}
details {
border-bottom: 1px solid #ddd;
padding: 10px 0;
}

summary {
cursor: pointer;
font-size: 18px;
font-weight: bold;
list-style: none;
}
summary::-webkit-details-marker {
display: none;
}
summary::after {
content: "＋";
float: right;
}
details[open] summary::after {
content: "－";
}
details p {
font-size: 16px;
margin: 8px 0 8px 20px;
}
.shop_block .shoplist{
display:block;
margin:50px auto;
text-align:center;
font-size:18px;
font-weight:bold;
}
.shop_block .shoplist a{
text-decoration:underline;
color:#333;
}
.shop_block .shoplist a:hover{
opacity: 0.5;
transition : 0.5s;
text-decoration:none;
color:#666;
}
/*----------------------------------------------------*/
/*FOOTER-ADD*/
/*----------------------------------------------------*/
.footer{
display:block;
margin:100px auto 30px;
}
.footer img{
display:block;
margin:10px auto 30px;
width:230px;
}
/*---------------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;
}
/*----------------------------------------------------*/
/*TITLE-SP*/
/*----------------------------------------------------*/
h1{
font-size:2rem;
font-weight:bold;
}
.head_image {
display:block;
margin:20px auto 0;
width:95%;
text-align:center;
}
.head_image img{
width:150px;
}
.title {
display:block;
margin:20px auto 30px;
width:100%;
text-align:center;
}
.title img{
width:100%;
}
.subtitle{
display:block;
margin:25px auto 10px;
}
.subtitle p{
font-size:1.4rem;
text-align:left;
}
.subtitle p span{
display:block;
font-size:2rem;
text-align:center;
font-weight:bold;
margin:10px auto;
}
/*----------------------------------------------------*/
/*BOX-SP*/
/*----------------------------------------------------*/
.description_block{
display:block;
margin:20px auto 40px;
}
.description_box{
text-align:center;
}
.description_box p{
margin:0 0 0px;
}
.description_box p span{
font-family: "Imperial Script", cursive;
font-weight: 400;
font-style: normal;
font-size:8rem;
}
.description_img img{
display:block;
margin:0 auto;
width:80%;
max-width:100%;
height:auto;
}
/*----------------------------------------------------*/
/*ATTENTION-SP*/
/*----------------------------------------------------*/
.attention_block{
display:block;
margin:20px auto;
width:95%;
/*border: solid 1px #000;*/
}
.attention_block p.attention_block_title{
font-size:1.6rem;
font-weight:bold;
display:block;
text-align:center;
margin:30px 0 0;
}
.attention_block p.attention_block_subtitle{
display:block;
width:100%;
font-size:1.6rem;
font-weight:bold;
margin:5px auto 0;
}
.attention_block p.attention_block_subtitle span.number{
font-family: "Imperial Script", cursive;
font-weight: 400;
font-style: normal;
font-size:4rem;
}
.attention_block p.attention_block_text{
display:block;
width:100%;
font-size:1.4rem;
margin:0 auto 10px;
}
/*.attention_block p.attention_block_text.span{
display:block;
margin:30px 5px 0;
font-size:18px;
font-weight:bold;
}*/
.attention_block p.attention_block_title2{
font-size:1.6rem;
font-weight:bold;
display:block;
text-align:center;
margin:40px 0 20px;
}
.attention_block p.attention_block_text2{
display:block;
width:100%;
font-size:1.4rem;
margin:0 auto 30px;
}
/*----------------------------------------------------*/
/*SHOP-SP*/
/*----------------------------------------------------*/
.shop_block{
display:block;
margin:20px auto;
width:100%;
/*border: solid 1px #000;*/
}
.shop_title p.subtitle{
font-size:1.4rem;
font-weight:bold;
display:block;
text-align:center;
margin:40px 0 0;
}
.shop_title p.text{
display:block;
width:100%;
font-size:1.4rem;
text-align:center;
margin:20px auto 60px;
}
details {
border-bottom: 1px solid #ddd;
padding: 10px 0;
}

summary {
cursor: pointer;
font-size: 1.4rem;
font-weight: bold;
list-style: none;
}
summary::-webkit-details-marker {
display: none;
}
summary::after {
content: "＋";
float: right;
}
details[open] summary::after {
content: "－";
}
details p {
font-size: 1.4rem;
margin: 8px 0 8px 20px;
}
.shop_block .shoplist{
display:block;
margin:30px auto;
text-align:center;
font-size:1.6rem;
font-weight:bold;
}
.shop_block .shoplist a{
text-decoration:underline;
color:#333;
}
.shop_block .shoplist a:hover{
opacity: 0.5;
transition : 0.5s;
text-decoration:none;
color:#666;
}
/*----------------------------------------------------*/
/*FOOTER-ADD-SP*/
/*----------------------------------------------------*/
.footer{
display:block;
margin:50px auto 20px;
}
.footer img{
display:block;
margin:10px auto 30px;
width:150px;
}
}