<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
html{
font-size: 62.5%;

}
body{
font-size: 1.6rem;
color: #333;
   font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
margin: 0;}
html,body,.title h1,h2,h3,h4,p,ul,li {
  margin: 0;
  padding: 0;
  
 
}
p,h2,h3,h4{
  letter-spacing: .3em;
  line-height: 1.6;
  font-size: 1.6rem;
}

ul {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
  letter-spacing: .3em;
  line-height: 1.1;
}

img {
  border: none;
  vertical-align: bottom;
  vertical-align:bottom;
 }


.container{width:100%;
height:100%;
box-sizing: border-box;
  text-align:left;

}

.main{width:100%;
display: flex;

}
.lettering{
flex:0 0 91px;}
.title{
width: 250px;
margin: 1em auto;}

.title h1{font-size: 1.4rem;
width:80%;
margin: 1em 0 1em auto;
letter-spacing: .1em;
background: rgba(194, 133, 75, 0.6);
text-align: center;
}
.title h1 a{text-decoration:none;
letter-spacing: .1em;}
.title h1 a:hover{background-color:#E0FFFF;}



.ryaku{width:100%;
box-sizing: border-box;
text-align: justify;
padding-right: 1em;}
.ryaku h2{
margin-bottom: 1em;
}
.ryaku h2 span{
font-size: smaller;
letter-spacing: .1;}
.ryaku p{
margin-bottom: 1em;}
.ryaku p::first-letter{
font-size: 2rem;
color: black;
font-weight: bolder;}

.sakuhin-box{
width:100%;
margin: 2em 0 0 0;
padding-bottom: 2em;
text-align: right;
background-image: url(https://www.nagaragawagarou.com/img/yabashi-box-back2gif);
background-position: right bottom;
background-size: cover;
background: linear-gradient(to bottom right, white 50%,rgba(222, 250, 251, 0.6) );
}
.sakuhin-box ul{width:100%;
display: grid;
    grid-template-columns:calc(100%/3) calc(100%/3) calc(100%/3);
margin:0 0 2em 0;
text-align: center;
}

.sakuhin-box li{
width:120px;
height:120px;
margin: 0 auto;}
.sakuhin-box li img{
border: rgba(216, 191, 216, 0.2) 1px solid;
box-shadow:1px 1px 5px rgba(219, 204, 219, 0.3);}
.sakuhin-box a{
display: block;
}
.sakuhin-box p{
display: inline-block;
padding:0 .5em ;
margin-bottom: 2em;
border-bottom: rgba(255, 127, 80, 0.1) 5px solid;
}
.sakuhin-box p:last-of-type{
letter-spacing: .1em;}
.footer{width:100%;
text-align: center;
background: rgba(233, 223, 88, 0.856);
font-size: 1.6rem;
height:100%;
padding: 0;
}
.footer img{vertical-align: middle;}
.footer a{text-decoration:none;}
.footer a:hover{background-color:#FFEBCD;}
.footer a::after{
content:'\0bb'}

/*modal page*/
.title-mo h1{
font-size: 1.4rem;
margin: 1em;
text-align: right;
letter-spacing: .1em;
background: rgba(194, 133, 75, 0.6);
padding-right: 5px;}
.title-mo h1 a{
letter-spacing: .1em;
}
.shousai-content{
width:calc(100% - 91px);}
.shousai-contents-box{
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;}
.picture-box{
width:100%;
}
.text-box{
width:230px;
margin: 2em auto;
text-align: center;
border: rgba(216, 191, 216, 0.2) 1px solid;
box-shadow:1px 1px 5px rgba(219, 204, 219, 0.3);
padding:1em .5em;
}
.title-mo p{
width:85%;
max-width: 800px;
margin: 0 0 0 auto;
font-weight: bolder;
position: relative;
}
.title-mo p::before{
position: absolute;

display: block;
content:'';
width:3em;
height:3em;
border-radius: 50%;
background: rgba(173, 193, 253, 0.753);
z-index: -1;
filter: blur(2px);
}
.text-box img{
margin:2em 1em;}
.text-box h2{
font-size: 1.8rem;
letter-spacing: .1em;}
.text-box h2 span{
font-size: 1.2rem;
margin-left: 1em;
letter-spacing: 0;}
.syousai{
font-size: 1.6rem;
letter-spacing: .1em;
}
@media screen and (min-width:550px){
.title{
position: relative;}

.sakuhin-box ul{

width: 385px;
margin: 2em auto 0 auto;}
.title{
margin: 1em 3em 1em auto;} 
.title h1{
width:100%;
font-size: 1.1em;
position: absolute;
bottom:-1em;
right:0;}
.ryaku h2{
font-size: 1.5em;
margin-top: 1em;}
.sakuhin-box p{
margin-right: 2em;}
}
@media screen and (min-width:768px) {
.title img{
transform: scale(1.1,1.1);
transform-origin: top right;
}
.title h1{right:-1em;
bottom: -2em;
font-size: 1.2em;} 
/*modal page*/
.shousai-contents-box{
width:80%;
margin: 1em auto;}
.shousai-contents-box div:nth-child(even){
margin-top: 100px;
}
}
@media screen and (min-width:1024px){
.main{
width:90%;
margin: 0 auto;}
.title img{
transform: scale(1.3,1.3);}
.title h1{right:-1em;
bottom: -5em;
}  
 .sakuhin-box ul{
width:700px;
grid-template-columns:calc(100%/5) calc(100%/5) calc(100%/5) calc(100%/5) calc(100%/5);
margin: 2em auto;} 
}</pre></body></html>