@charset "UTF-8";
/** ---------------------------------------
basecolor
--------------------------------------- */
body{
background: #d9be96;
}
.base_color_text{
color:#322308;
}
/** ---------------------------------------
html
--------------------------------------- */
html{font-size:16px;}
@media screen and ( max-width:600px ){
html{font-size:14px;}
}
/** ---------------------------------------
body
--------------------------------------- */
body{
margin: 0;
padding: 0;
line-height: 1.8;
letter-spacing: 0.1rem;
color: #444;
font-family: Noto Sans JP, "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}
/** ---------------------------------------
wapper
--------------------------------------- */
.wrapper{
max-width: 400px;
margin: 0 auto;
padding: 0 1rem;
}
@media screen and ( max-width:479px ){
.wrapper{
display: block;
margin: 0 auto;
padding: 0 3vw;
width: auto;}
}
/** ---------------------------------------
header
--------------------------------------- */
header{
margin: 0;
padding: 0.4rem;
background:#333;
}
header h1{
display: inline-block;
font-size: 14px;
color:#fff;
font-weight: bold;
}
header h2{
display: inline-block;
font-size: 12px;
color: #fff;
font-weight: bold;
}
/** ---------------------------------------
footer
--------------------------------------- */
footer{
margin-top: 3rem;
padding: 0;
text-align: center;
}
footer section.grandopen{
padding: 0.6rem;
font-size: 12px;
color: #ddd;
vertical-align: middle;
background: #565656;
}
footer section.add{
padding-top: 0.6rem;
font-size: 12px;
color: #ddd;
vertical-align: middle;
background: #333;
}
footer section.add p.add{
padding: 0.3rem;
font-size: 12px;
color: #ddd;
vertical-align: middle;
}
footer section.copy{
padding-bottom: 0.6rem;
font-size: 12px;
color: #ddd;
vertical-align: middle;
background: #333;
}
footer section.copy p.copy{
font-size: 13px;
font-weight: bold;
color: #fff;
vertical-align: middle;
}
footer section.copy mat-icon{
vertical-align: middle;
}
footer section.copy a{
color: #fff;
text-decoration: none;
}
/** ---------------------------------------
index_user
--------------------------------------- */
article.index_user{
margin: 0;
padding: 3rem 0 1rem 0;
}
article.index_user .image{
margin: 0;
padding-bottom: 1rem;
text-align: center;
}
article.index_user .image img{
width: 128px;
height: auto;
}
article.index_user h1.name{
text-align: center;
font-weight: bold;
}
article.index_user h2.name_sub{
text-align: center;
font-size: 12px;
}
/** ---------------------------------------
index_other-icon
--------------------------------------- */
article.index_icon-list{
margin: 0;
padding: 0;
}
article.index_icon-list section{
display: block;
margin: 0;
padding-bottom: 0.8rem;
}
article.index_icon-list a{
display: flex;
flex-wrap: nowrap;
justify-content: start;
align-items: center;
margin: 0 auto;
padding: 0.3rem;
letter-spacing: 0.05rem;
font-size: 13px;
text-decoration: none;
color: #333;
background-color: #fff;
}
article.index_icon-list a span img{
margin-right: 1rem;
padding: 0.5rem;
width: 30px;
height: auto;
border: 1px solid #ddd;
}
article.index_icon-list a span{
display: block;
margin: 0;
padding: 0.3rem;
line-height: 1.2;
}
/** ---------------------------------------
index_sns-list
--------------------------------------- */
article.index_sns-list{
margin: 0;
padding-bottom: 1rem;
}
article.index_sns-list ul{
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
}
article.index_sns-list li{
margin: 0;
padding: 0 0.5rem;
}
article.index_sns-list img{
width: 32px;
height: auto;
margin: 0;
padding: 0;
}
article.index_sns-list a{
margin: 0;
padding: 0;
text-decoration: none;
}
/** ---------------------------------------
shop_openclose
--------------------------------------- */
article.shop_openclose{
margin: 0;
padding-bottom: 1rem;
}
article.shop_openclose section{
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0;
padding: 0;
}
article.shop_openclose section p.text{
padding: 0.6rem;
width: 40%;
text-align: center;
color: #fff;
background: #333;
font-size: 13px;
letter-spacing: 1;
font-weight: bold;
}
article.shop_openclose section p.date{
padding: 0.6rem;
width: 60%;
text-align: center;
font-size: 13px;
background: #fff;
font-weight: bold;
}
/** ---------------------------------------
shop_event
--------------------------------------- */
article.shop_event{
margin: 0;
padding-bottom: 1rem;
}
article.shop_event h2{
padding-bottom: 0.6rem;
font-size: 14px;
font-weight: bold;
text-align: center;
}
article.shop_event section{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin: 0;
padding: 0;
}
article.shop_event section p.date{
padding: 0 0.6rem;
width: 40%;
font-size: 13px;
letter-spacing: 1;
}
article.shop_event section p.text{
padding: 0 0.6rem;
width: 60%;
font-size: 13px;
}
/** ---------------------------------------
index_image-list
--------------------------------------- */
article.index_image-list{
margin: 0;
padding: 1rem 0;
}
article.index_image-list ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0;
padding: 0;
}
article.index_image-list li{
width: 33%;
margin: 0;
padding: 0 0.5rem;
}
article.index_image-list img{
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
article.index_image-list a{
margin: 0;
padding: 0;
text-decoration: none;
}
/** ---------------------------------------
group_link
--------------------------------------- */
article.group_link{
display: block;
margin: 0;
padding: 1rem;
}
article.group_link ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0;
padding: 0;
}
article.group_link li{
padding: 0.5rem;
width: 20%;
line-height: 0;
}
/** ---------------------------------------
banner
--------------------------------------- */
article.banner{
display: block;
margin: 0;
padding: 0;
}
article section{
display: block;
margin: 0;
padding: 0.5rem 0;
}