@charset "UTF-8";

/*iphoneのダブルタップの拡大をさせない*/
html {
  touch-action: manipulation;
}


/*フェードイン*/
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}



/*フレックスボックス*/
.containaer {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
}

.containaer-column{ /*--- スマホ縦並び ---*/
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
}

.item{
    
}

/*フレックスボックスここまで*/




/*PCでの幅を固定する*/
@media only screen and (min-width: 768px) { 
    body{
        width:700px;
    }
}


/*幅調整*/
.sm-10 {
    width:10%;
}
.sm-20 {
    width:20%;
}
.sm-30 {
    width:30%;
}
.sm-40 {
    width:40%;
}
.sm-50 {
    width:50%;
}
.sm-60 {
    width:60%;
}
.sm-70 {
    width:70%;
}
.sm-80 {
    width:80%;
}
.sm-90 {
    width:90%;
}
.sm-100 {
    width:100%;
}
.sm-33 {
    width:33.3%;
}
.sm-3-2 {
    width:66.7%;
}
.sm-4-3 {
    width:75%;
}


body{
    font-family: 'M PLUS Rounded 1c', sans-serif;
}

.bodyback{
    background-image:url("../images/2x/back.png");
    background-size: 100px;
    margin: 0 auto;
}
.respon{
    width: 100%;
}
.center{
    margin: 0 auto 0 auto;
}
a { text-decoration: none; }
.icon-style{
    text-align: center;
    font-size: 1.7vh;
    margin: -1vh 0 0 0;
    color: black;
}
.address-list{
    margin-top: 2.8vh;
}
.address-list-moji{
  font-size: 1.7vh;
  margin-left: 6vh;    
}
.list-phone {
    background-image: url(../images/2x/PHONE.png);
    background-size: 35% auto;
    background-repeat: no-repeat;
    background-position: left;
    padding: 2vh 0 2vh 0;
    color: black;
}

.list-insta {
    background-image: url(../images/2x/INSTAGRAM.png);
    background-size: 35% auto;
    background-repeat: no-repeat;
    background-position: left;
    padding: 2vh 0 2vh 0;
    color: black;
}

.list-access {
    background-image: url(../images/2x/ACCESS.png);
    background-size: 35% auto;
    background-repeat: no-repeat;
    background-position: left;
    padding: 2vh 0 2vh 0;
    color: black;
}



.footer-wrap{
    margin-top: 3vh;
    width: 100%;
    height: 10vh;
    background-image: url(../images/2x/footer-image.png);
    background-size: 55vh;
    background-repeat: no-repeat;
    background-position:top;
    background-color:white;
    border-radius: 30px 30px 0 0;
   position:fixed;
   bottom:0px;
   right: -1px;
}



/*NEWアイコン*/
.new-icon{
    position: relative;
}

.new-icon2{
    position:absolute;
    top:0;
    right: 0;
    width: 5.5vh;
}
/*NEWアイコンここまで*/

.copyright{
    text-align:center;
    margin-top:5vh;
    font-size: 1.5vh;
}


/*食べ方:*/
.footer-wrap2{
    position:fixed;
    bottom: -1vh;
}


#icon-area{
    margin:2vh 0 3vh;
}


.icon-area-margin{
    padding-bottom: 20vh;
}

.season{
    background-color: rgb(255, 255, 255);
    text-align: center;
    margin: 0 calc(50% - 50vw);
    padding: 15px;
}


/*上へ戻る*/
.ue{
    width: 10vh;
    position: fixed;
    bottom: 10vh;
    right: 0;
}


/*TOPへ戻る*/
.top-modoru{
    width: 10vh;
    position: fixed;
    bottom: 10vh;
    left: 0;
}

@media only screen and (min-width: 768px) { 
    .footer-wrap2{
        width:700px;
    }
}