@charset "utf-8";

/* -------------------------------------------- */
/* ▼タブレット用デザインとして付け足すデザイン */
/* -------------------------------------------- */

@media screen and (min-width:480px){}

@media (max-width: 768px) {

	.hidden-phone{
		display: none!important;
	}
	.visible-phone{
		display: block!important;
	}

	body {
		-webkit-text-size-adjust: 100%;
		margin: 0;
	}
	.content{
		width: 100%;
	}
	.inner{
		padding:0 10px;
	}
	header{
		/* position: relative; */
		height: 70px;
		padding-top: 0;
	}
	.u_page header, header.gFixed{
		height: 70px;
	}
	header .logo{
		width: 150px;
		margin: 0 10px;
		text-align: left;
	}
	.snsMenu li img{
		width: 30px;
	}
	#overlay-button{
		padding: 11px 11px;
		right: 0;
	}
	#overlay-button span {
		height: 3px;
		width: 40px;
	  }
	  #overlay-button span:before {
		top: -15px;
		visibility: visible;
	  }
	  #overlay-button span:after {
		top: 15px;
	  }
	  #overlay-button span:before, #overlay-button span:after {
		height: 3px;
		width: 40px;
	  }
	  input[type=checkbox]:checked ~ #overlay-button span:before {
		transform: rotate(45deg) translate(15px, 15px);
	}
	  #overlay ul{
		padding-left: 0;
		height: 80vh;
	  }
	  #overlay ul li a{
		font-size: 2em;
	  }
	  .snsMenu{
		right: 4em;
		top: 1em;
	  }
	/* footer */
	footer{
		padding-top: 60px;
	}
	footer .footBox{
		width: 100%;
	}
	footer .boxInner{
		flex-direction: row-reverse;
		position: relative;
		margin-bottom: 20px;
		padding-bottom: 40px;
	}

	footer .copy{
		padding: 5px;
	}
	footer .copy p{
		font-size: 1rem;
	}
	footer .footNav ul{
		display: block;
		text-align: left;
	}
	footer .footNav li{
		display: block;
		line-height: 1.2em;
	}
	footer .footNav li a{
		border: none;
		padding: 0;
		font-size: 1.2rem;
	}
	footer .footNav li.sns{
		position: absolute;
    right: 0;
    bottom: -5px;
	}
	footer .add,
	footer .tel{
		font-size: 1.2rem;
	}
	#page-top a{
		padding: 5px;
		font-size: 0;
	}
	#page-top img{
		width: 25px;
	}
	h2{
		font-size: 3rem;
	}
	/* mainvisual */

	.mainVisual{
		margin-bottom: 0;
		border-top: 4px solid #900;
	}
	.mainVisual p{
		z-index: 9;
		font-size: 12px;
		padding: 5px;
		width: 90%;
	}
	.mainVisual p span{
		font-size: 1.9rem;
		padding: 0;
	}
	.flexslider .slides{
		height: 70vh;
	}
	/* .flexslider .slides > li,
	.flexslider .slides img{
		object-fit: contain;
    height: auto;
	} */

	.inc_news{
		padding:30px 10px;
		margin-bottom: 30px;
	}
	.inc_news .container{
		width: 100%;
	}
	.inc_news h2{
		font-size: 3rem;
	}
	.inc_news section{
		padding: 7px 10px;
	}
	.inc_news .more a{
		font-size: 1.2rem;
	}
	.inc_news .b_tit{
		font-size: 1.4rem;
	}
	.ramen{
		padding: 0 10px 30px;
	}
	#access iframe{
		height: 400px;
	}
	.s1{
		padding-bottom: 60px;
	}
	.s1 .add{
		padding: 0 10px;
	}
	.s1 .add_logo img{
		width: 150px;
	}
	.s1 h1{
		font-size: 1.2rem;
	}
	.s1 .add_wrap{
		font-size: 1.2rem;
	}

	/* ramen */
	.is_ramen .ramen_wrap{
		padding: 0 10px;
	}

	/* live */
	.is_live{
		margin-top: 0;
	}
	.is_live h2{
		margin-bottom: 10px;
	}
	.is_live .titY{
		font-size: 2.5rem;
		margin-bottom: 10px;
	}
	.is_live .blog_left{
		width: 100%;
		float: none;
		padding: 10px;
	}
	.is_live .blog_left > section{
		padding: 0;
		text-align: left;
		font-size: 1.5rem;
	}
	.is_live .blog_left h3{
		font-size: 1.8rem;
	}
	.is_live .blog_left a{
		display: inline-block;
		padding: 3px;
		border: 1px solid #fff;
		margin-right: 5px;
		line-height: 1.2;
	}
	.is_live .blog_left .eventM{
		display: none;
	}

	.is_live .live_wrap{
		width: 100%;
		float: none;
	}
	.is_live .b_tit{
		padding: 8px 5px;
	}
	.is_live .dateD{
		font-size: 4rem;
	}
	.is_live .b_txt{
		font-size: 1.4rem;
	}

}