@charset "UTF-8";
@import url("styles.css");
/* CSS Document */

#tokyoudon #udonHeader h1 {
	background:url(../images/common/logo.jpg) no-repeat top left;
	width:512px;
	height:113px;
	background-size: contain;
}
/* sp */
@media only screen and (max-width: 768px) {
	#tokyoudon #udonHeader h1 {
		background: url(../images/common/logo.jpg) no-repeat top left;
		background-size: cover;
		width: 95% !important;
		height:70px;
	}
}

/* sp */
@media only screen and (max-width: 480px) {
.forSP{display:block;}
.forPC{display:none;}
.forPCnavi{display:none;}
#tokyoudon #udonHeader {
	height:60px;
}

}

.tabContents {
	width:95%;
	max-width:960px;
	margin:0 auto;
}

.ChangeElem_Panel{
  display: none;
  list-style:none;
  vertical-align: top;
  padding:50px 20px;
  margin:0;
}
/*タブを横並べに*/
.ChangeElem_Btn_Content {
  display: flex;
  justify-content: space-around;
}
/*通常時のタブ装飾*/
.ChangeElem_Btn {
  color: #7a635e;
  cursor: pointer;
  display: inline-block;
  flex: 1;
  font-size: 0.8rem;
  padding-bottom: 5px;
  padding-top: 60px;
  padding-left:0;
  padding-right:0;
  position: relative;
  transition: all .3s ease-in-out;
  vertical-align: middle;
  margin-right:3px;
  border:none;
}
/* tablet */
@media only screen and (min-width: 481px) {
.ChangeElem_Btn {
  font-size: 1.2rem;
}}
/*カレントとホバー時のタブ装飾*/
.ChangeElem_Btn:hover,
.ChangeElem_Btn.is-active {
  box-sizing: border-box;
  color: #fc968b;
  border-bottom:3px #fc968b solid;
}

.tab01 {background:url(../images/top/tab01.png) no-repeat top center;
background-size:60px;}
.tab02 {background:url(../images/top/tab02.png) no-repeat top center;
background-size:60px;}
.tab03 {background:url(../images/top/tab03.png) no-repeat top center;
background-size:60px;}

button:focus {
  outline: 0;
}




.arealist {
	margin:auto;
	text-align:left;
	vertical-align: top;
	display:table;
}
.areaBox {
	width:100%;
	margin:1.2% auto;
	display:inline-table;
}
/* tablet */
@media only screen and (min-width: 481px) {
.areaBox {
	width:45%;
	margin:2.2%;
	display:inline-table;
}
}
/* desktop */
@media only screen and (min-width: 769px) {
.areaBox {
	width:30%;
	margin:1.2%;
	display:inline-table;
}
}
.arealist h3 {
	font-size:16px;
	color:#fd8c64;
	border-bottom:#fd8c64 solid 2px;
	margin:0 0 10px 0;
	padding:5px 10px;
	}
.arealist ul {
	margin:0 0 20px; padding:0;
	list-style:none;
	font-size:16px;
}
.arealist ul li {
	position:relative;
	margin:0 0 5px 15px;
}
.arealist ul li:before {
	content:"・";
	position:absolute;
	top:0;
	left:-15px;
	color:#fd8c64;
}
.arealist ul li a{
	color:#333;
	text-decoration:none;
}


dl.itemList { width:100px !important;height:100px !important; vertical-align:top; }
dl.itemList dt {margin:0; padding:0;}
dl.itemList dt img {height:90px;margin:0; padding:0;}
dl.itemList dd { display:none;}



/**/
ul#navi { width:100% !important; margin:0 auto; padding:0; overflow:hidden;
display:flex;
flex:auto;
flex-wrap: wrap;
justify-content: flex-start;
}
ul#navi li{ margin:0.5%;}
ul#navi li a {display:block; height: 100%; width: 100%; }

#tokyoudon #contents {
width:90% !important;
max-width:973px;
background:#FFFFFF;
margin:0 auto;
border-radius:20px;
padding:20px 0;
position:relative;
}

#tokyoudon #udonHeader h1 {
	background: url(../images/common/logo.jpg) no-repeat top left;
	background-size: contain;
	width: 100%;
	height:70px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	position:absolute;
	top: -10px;
	left: 10px;
}
#tokyoudon #udonHeader h1 a{
	disblay:block;
	width: 100%;
	height:70px;
	position:absolute;
	top:6px;
	left:17px;
}

/* tablet */
@media only screen and (min-width: 481px) {
	#tokyoudon #udonHeader h1 {
	background:url(../images/common/logo.jpg) no-repeat top left;
	width:100%;
	max-width:512px;
	height:113px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	padding:0;
	position:absolute;
	top:6px;
	left:17px;
}
#tokyoudon #udonHeader h1 a{
	disblay:block;
	width:512px;
	height: 113px;
	position:absolute;
	top:6px;
	left:17px;
}
}