@media screen and (max-width:500px){
/* 共通 */
  .coverimg h2{
    bottom:100px;
  }
  nav.desktopnav{
    display: none ;
  }
	.goods_area2 img{
		
    border-radius: 3px;
	}
  .tuuki .notice{
    display:block;
    text-align: center;
    font-size: 13px;
    margin-bottom: 10px;
  }
.tenji h2 img{
  margin-top: 0;
  width: 50%;
}
.weblink{
  margin: 0 auto;
display: block;
}

.lmc_list li{
  width: 100%;
}

.lmc_list li img{
  max-width: 100%;
}



.rin_sakura_illust_area ul{
  list-style-type: none;
  margin:0 auto;
  flex-wrap: wrap;
    flex-direction: column-reverse;
}

.subtitle{
  font-size: 10px;
}

.title{
  font-size: 19px;
}

.illust_p{
padding-top: 0;
}

.rin_sakura_illust_area {
  width: 90%;
  padding: 3%;

}

.rin_sakura_illust_area ul{
  width: 90%;
}
.rin_sakura_illust_area li{
  width: 100%;
  padding-top: 10px;
}
.rin_sakura_illust_area img{
  width: 100%;
  margin:0 auto;
}

.g1 img{
    height: auto;
}


.sq_can li{
  width: 47% !important;
}
.sq_can ul{
  padding-left: 0 !important;
}
.cover2 li{

    width: 40%;
    margin: 0 auto;
}

  dd{
    padding: 0 5%;
  }


.past{
    padding-top: 40px;
}
.event_page ul{
  padding-left: 0px;
}

.event_page ul img{
  width: 90%;
}

.notice{
}

.description .past{
  margin-bottom: 0px!important;
}

.past img{
  height: 77px!important;
}

.dramacd h3{
  font-size:18px;
}

.notify{
  display:block;
  text-align: center;
  font-size: 14px!important;
  margin-bottom: 10px;
}
.sosite{
  height: 20px;
  margin-bottom: 10px !important;
}
.mix {
  font-size: 13px!important;
}

.pagelink{
    list-style-type: none;
    padding-left: 0px;
}

.pagelink{
  margin-top:5px;
}

.pagelink a{
  font-size:17px;
}
.pagelink p{
  margin: 0;
}

.a2020{
  margin-bottom:20px!important;
}

.release221{
  display: block;
  text-align: center;
  font-size: 14px;
  margin-bottom: 10px;
  text-decoration: underline;
}

.release221_top{
  display: block;
  text-align: center;
  font-size: 17px;
  color: red;
  padding-top:10px;
  text-decoration: underline;
}

.arishihi_acrir img{
  width: 90%;
}

.ufotablesites{
  display: none!imortant;
}

.adjust_urokodaki{
  top:100px;
}

.theme{
      width: 100%;
      max-width: inherit !important;
    }
.gm img{
  width:inherit!important;
   height: 100%;
   object-fit: cover;
   position: relative;
    right: 300px;
}

.can_cover li{
    width: 45%;
}
.cover2 li{
    width: 50%;
}

.next img{
  width: 90%;
}

.lunchmat{
  padding-top: 20px;
  margin-left: 0;
  background-size: cover;
  width: inherit;
}

.drinkmenu{
  padding-left: 0;
}

.lunchmat p{
  padding:0 5%;
}



.lmpic img{
  width: 90%;
  display: block;
  margin:0 auto;
}

.food .column{
  padding-left: 0;
}

.food h2{
  font-size: 32px;
}

.coverimg p{
    font-size: 1.1rem!important;
}

.pagelink{
  margin-block-end:0;

  display: block;
  text-align: center;
}


.oubolink li{
  width: 100%;
}
  .main{
  margin-left: 0px !important;
  }
  .main p{
  font-size: 0.9rem;
}
/* フードページ */
 .cafemenu{
   overflow:hidden;
   margin:1%;
 }
 .cafemenu h3{
  margin-left:10px;
 }

.contentsArea{
  width: 100%;
 }
.column{
  width:100%;
  margin-right:0;
}

.food .column  img{
    width: 100%;
}

.tatenaga img{
    max-width: 65%!important;
}

.drinkmenu{
  width: inherit;
}

.drink{
  margin-right: 0;
}
.coaster{
  width:auto;
}

.coasterpic{
    width: 41%;
    top: 1px;
    left: 7px;
    position:relative;
}



.guidewrapper{
  margin:4%;
}

.coaster p{
    left: 61px;
    bottom: 109px;
    text-align: center;
}

.kaikin{
  font-size: 27px;
    letter-spacing: 2px;
}

.detail{

    width: 100%;
}

.novelty img{
  margin:20px auto;
  width: 95%;
}

.novelty h2{
  font-size: 20px;
border-bottom: 1px solid white;
padding-bottom: 10px;
display: block;
width: 80%;
margin: 0 auto;
margin-bottom: 10px;
letter-spacing: 2px;
}
.cold{
  margin:0;
  width: 100%;
}

.presentpic{
    right: -71px;
    width: 10%;
    bottom: 94px;
}


  .cold{
    width:auto;
  }
  .hot{
    width:auto;
  }

/* グッズページ */
  .goodslist{
    margin:0 ;
  }
  .badgelist{
    width: 90% ;
  }
  .character_name{
    top:0 ;
  }
  .goodsroll{
    width: auto ;
    margin-right: 0 ;
    height:580px ;
  }
  .lmc_back{
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .lmc_back{
    margin-left: inherit;
  }
  .lmc p{
    padding:0 5%;
  }

  .gtitle{
    line-height: normal;
    font-size: 15px;
	  padding-left:20px;
    margin-bottom: 20px;
  }

  .gtitle p{
  margin: 0;
  color: #EEE;

  }

.psc{
  max-width: 100%;
  padding-top:20px;
}

.psc p{
  padding:0 10%;
}

.psc img{
  width:90%!important;
}

  .kujican {
  max-width: 100%;
  }

  .kujican ul{
    padding-left:9%;
  }

  .tenjipc{
    padding-left: 0!important;
    margin: 0px auto;
    width: 95%;
  }


  .kujican_2 {
  max-width: 95%;
  margin: 0 auto;
  padding-bottom: 10px;
  }


.goods_area{
  max-width: 95%;
  border-radius: 35px;
    margin: 0 auto;
}

.shikishi img{
  margin-right: inherit!important;
}

.tenjipc li{
width:50%;
}


.shikishi{
  padding: 0 7%;
}

.acrirstand li img{
  max-width: 80%
}

.goods_area{
}

.goods_area img{
  width: 95%!important;
}

.goods_area p{
  padding:0 5%;
}

  .lmc_omote img{
    width:95% ;
    margin-right:0;
    margin-top:20px;
  }

  .lmc{
    margin-bottom: inherit;
  }
  .lmc_ura img{
    width:80%;
  }
  .lmc_omote p{
    margin-bottom:0;
}
  .tuuki{
    margin:0;
  }

  .description{
    padding-top: 60px;
  }

  .description p{
    margin:3% 5%;
  }

  .tsunagaruacrir img{
    height: 140px;
  }

  .yurucan{
    padding-top:0;
  }
  .tsunagarucan li{
    width:95%;
      margin-left: 4%;
  }

.tsunagarucan{
  padding-top: 50px;
  margin-left: inherit;
}


.kikan_bar{
  margin:0 auto;
  display: block;
  margin-top:15px;
  height:40px;
}

.pagelink{
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-top:15px;
  margin-bottom: 15px;
  overflow: hidden;
}
.pagelink li{
  margin-right:15px;
}

.tsunagarucan img{
  height:130px;
}
  .yurucan{
  }

  .dainidan{
    width: 100%;
  }

  .tsunarei{
    height:180px;
    margin-bottom:30px;
  }

.chugo{
  width: 95%;
}

.webshoplink_mobile{
  display: block;
  text-align: center;
}

  .yurucan img{
    width: 95%;
  }
/* FAQ */
.faqwrapper{
  padding:20px 0 0 20px;
  width: 90%;
  margin-bottom:20px;
}
#faqs h3{width:auto;
}

#faqs {width:100%}

#faqs h2{
  margin-top:10px;
}
/* Guideページ */
.caferiyou{
  margin: 0;
}

.map iframe{
  width: 100%;
  height:500px;
}

.oubolink img{
  width:100%;
  max-width: 400px;
}
.howtocafe div{
  margin: 0;
  max-width: none;
}
.notice div{
  width: auto;
  margin:0;
}

.sp_size{
  font-size: 19px;
}
.kv{
  width: 100% !important;
        max-width: 100%!important;

}
.dramacd p{
  font-size:14px !important;
}

.term_theme{
  width: 100%;
}

.tenjiboose{
  padding: 20px;
}

.ufoaj{
  width: 100%;
}

.merchandise img{
  width: 100%;
  max-width: 90%;
}
.ajtenji{
  padding:10px;
}
.ajc{
  width: 100%;
}

.ajc li{
margin-right:0px;}
.animejapan p{
  font-size: 15px;
}
/*店舗ページ*/
.cafe {
  height: 200px !important;

}


.tba{
  width: 100%;
}
nav li{
}

.dramacd_llust .a4 img{
width: 80%;
margin-bottom:9px;
}

.map{
  width:100%;
  height:100%;
}
.emakikv1{
  position: relative;
  left: 0.5rem;
}
.twitter{
  padding:5px;
  width:100%;
    height: 500px;
    margin-bottom: 20px;;
}
.map iframe{
  width: 100%;
    height: 300px;
    margin-bottom: 20px;
}
.access{
  width:100%;
  height: 75%;
    max-width: 420px;
}

#topspace2{
  margin: 0 !important;
}

#wrapper{
  overflow: hidden;
}

.inner_menuinfo img{
  margin: 15px 0px;
  width: 100%;
}

dd{
  margin-inline-start:0;
}

.img100{
width: 100%;
}

.inner_menuinfo{
  padding:0 5%;
  overflow: hidden;
}

.intropic img{
  width: 100%;
}
.terml{
  font-size: 20px;
  clear: both;
  margin:0 auto;

}

.midline{
  display: block;
  border-bottom: 1px solid white;
  width: 50%;
  margin:0 auto;
}

.midline{
  border-bottom: 1px solid #white;
}
.term{
  width: 100%;
  height:auto;
  padding-bottom:20px;
  border: none;
  font-size:26px;
}

.term p{
  font-size:1rem;
}

.collabo_goods p{
  font-size:25px!important;
}

.term img{
  width: 90%;
  margin:10px; 0;
}
.term_theme{
  margin-top:10px;
}
.terml{
  float: none;
}
.termr p{
  padding:0;
}

.notaccess{
  width: 100%;
}


/*特集ページ*/
.collabowapper p{
      font-size: 0.9rem;
      padding: 0 5%;
    }

.paragraph_body img{
  width: 95%;
}


.paragraph_body h2{
  font-size: 1.3rem;
}

.additional p{
  line-height: 2;
}

.additional img{
  max-width: 85%;
  width: 85%;
}

.intro img{
    margin: 0;
}

.intro p{
}
.allmenu ul{
  width: 100%;
}

.allmenu li{
  width: 100%;
}

.allmenu{
  padding:0 10%;
}

.menutitle{
  font-size: 1rem !important;
}

.allmenu img{
  width: 100%;
}

.gengaposca{
  width: 100%;
  margin-bottom: 25px;
}

.posca3{
    padding-top: 10%;
    padding-left: 13%;
}

.posca3 img{
    width: 55%;
    margin-left: -12%;
    margin-top: -14%;
}

nav.globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background: #fff;
    color: #000;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
    color: #F2F2F2;
}

nav.globalMenuSp ul {
    margin: 0 auto;
    width: auto;
    padding-left:10%;
    overflow: hidden;
}

.aj_tuuki img{
  margin-top: 0;
}


.imgnav img{
  width: 46%;
  float: left;
  padding-left: 10px;
  margin-right: 0;
}

.cinema{
  margin-top: 6px;
  margin-bottom: 10%;
}

.goods_anchor{
  padding-top: 0;
  margin-top: 20px;
  font-size: 30px;
    width: 325px;
}

nav.globalMenuSp ul li {
    font-size: 1.4em;
    list-style-type: none;
    width: 60%;
    text-align: left;
}

.shikishi li{
  width: 50%;
}

.about li{
  margin-bottom:7px;
}

.cafe_gekijou img{
    width: 95%;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}

.cafe_gekijou p{
  text-align: center;
}

nav.globalMenuSp .cafelist ul a {
  float: left;
  width:50%;

}

nav.globalMenuSp .cafelist ul {
    padding: 0 10% 0 10%;
}

/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

nav.globalMenuSp .cafelist ul li a {
    display: block;
    padding: 1em 0;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);
    height: 100%;
    background-color: #262626;
}

.globalMenuSp p{

}


.main{
  overflow: hidden;
  width: 100%!important;
}

.toevent{
  margin-left: 2%;
}

.lm{
  width: 100%;
  background-size: contain;
}

.lunchm li{
  width: 48%;
}

.novelty ul{
    margin:30px 0;
}

.psc li{
  margin-bottom: 30px;
}

.novelty{
  width: 95%;
}

.kujican_2 ul{
    padding-left: 4%;
}

.kujican_2 li{
  margin-right: 15px;
  width: 35%;
}

.lm p{
  padding: 0 9%;
}

.lunchm img{
  margin: 0;
}
.lmcpic{
  padding-top:15px;
  margin-bottom:30px;
}

.lmc{
  width: 95%;
  margin: 0 auto;
  float: none;
}

.lmcpic img{
    width: 70%;
}

.sugoroku_acril li{
  margin-right: 0;
  width: 50%;

}

.event{
  padding-left: 0!important;
}


.event ul{
  text-align: center;
}

.event h3{
  margin-left: 2%;
}

.globalMenuSp{
  display: block !important;
}

.emakikv img{
    width: 110%;
    margin-left: -2%;
}

.hf3_aboutl{
  float: right;
  width:100%
}
.hf3_aboutr{
  float:left;
  width:100%
}

.kujican_2 li{
  margin-bottom: 0;
}

.random_coaster p{
      left: 90px;
      bottom: 100px;
}

.random_coaster .presentpic{
    right: -73px;
    bottom: 88px;
    width: 7%;
}

.dramacd .pagelink{
  width:86%;
  list-style-type: none;
}

.pagelink li{
  list-style-type: none;
}
.kv img{
      max-width: 100%!important;
    }

.contentsArea{
    width: 100%!important;
    max-width: none!important;
  margin-top:-12px;
}

.mugen{
  width: 100%;
}



.tsuna_ac li{
   width: 95%;
   margin-right: 0;
   margin-bottom: 10px;
}

.tsuna_ac ul{
  padding-left: 0;
}

.tsuna_ac img{
  margin:0 auto;
  display: block;
}

.navToggle {
    display: block !important;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 7px;
    top: 11px;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    z-index: 3;
    background: #262626;
    text-align: center;
    opacity: 0.8;
}

.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 3px #eee;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 9px;
}

.navToggle span:nth-child(1) {
    top: 13px;
}

.navToggle span:nth-child(2) {
    top: 22px;
}

.navToggle span:nth-child(3) {
    top: 31px;
}

.navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}


  .tenjipc img{
    width: 100% !important;
  }
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 24px;
    left: 9px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 24px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

}
@media screen and (max-height:860px){
  .ufotablesites{
  display: none;
}
}

@media screen and (min-height:501px) {
    /*　for PC　*/
    .desktopnav{
    display: block;
  }
}