@charset "UTF-8";
/* CSS Document */

:root {
    --text_color: #333;
    --pink_color: #d98368;
    --white: #fff;
    /* font */
    --fontG: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    --fontMin: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	--noto: "Noto Serif JP", serif;
}

body {
margin:0;
padding:0;
}

#tokyoudon #containerUdon {
background:url(../images/common/bg.jpg) repeat top center;
width:100%;
padding:20px 0;
font-size:12px;
color:#666666;
line-height:1.8em;
}

.forSP{display:none;}
.forPC{display:inline;}
.forPCnavi{display:block;}
/*--------------  navi  -----------------------------*/
/*
#tokyoudon #navi {
width:973px;
margin:0px auto;
text-align:right;
}

#tokyoudon #navi ul{
width:671px;
height:21px;
margin:0 0 0 280px;
padding:0;
}


#tokyoudon #navi li {
list-style:none;
float:left;
display:inline;
}*/


/* Tiny Carousel */
ul#navi { width:890px; margin:0 auto; padding:0; overflow:hidden;}
/*#navi .viewport { float: left; width: 895px; height: 21px; overflow: hidden; position: relative; }*/
ul#navi li{ float: left; display:inline; margin:2px 1px 3px 1px; padding: 0px; height: 87px; width: 87px; list-style:none;}
ul#navi li a {display:block; height: 87px; width: 87px;}

#m01 a:link , #m01 a:active , #m01 a:visited{
background:url(../images/common/navi01.png) no-repeat top left;}
#m01 a:hover{
background:url(../images/common/navi01.png) no-repeat center left;}
#m02 a:link , #m02 a:active , #m02 a:visited{
background:url(../images/common/navi02.png) no-repeat top left;}
#m02 a:hover{
background:url(../images/common/navi02.png) no-repeat center left;}
#m03 a:link , #m03 a:active , #m03 a:visited{
background:url(../images/common/navi03.png) no-repeat top left;}
#m03 a:hover{
background:url(../images/common/navi03.png) no-repeat center left;}
#m04 a:link , #m04 a:active , #m04 a:visited{
background:url(../images/common/navi04.png) no-repeat top left;}
#m04 a:hover{
background:url(../images/common/navi04.png) no-repeat center left;}
#m05 a:link , #m05 a:active , #m05 a:visited{
background:url(../images/common/navi05.png) no-repeat top left;}
#m05 a:hover{
background:url(../images/common/navi05.png) no-repeat center left;}
#m06 a:link , #m06 a:active , #m06 a:visited{
background:url(../images/common/navi06.png) no-repeat top left;}
#m06 a:hover{
background:url(../images/common/navi06.png) no-repeat center left;}
#m07 a:link , #m07 a:active , #m07 a:visited{
background:url(../images/common/navi07.png) no-repeat top left;}
#m07 a:hover{
background:url(../images/common/navi07.png) no-repeat center left;}
#m08 a:link , #m08 a:active , #m08 a:visited{
background:url(../images/common/navi08.png) no-repeat top left;}
#m08 a:hover{
background:url(../images/common/navi08.png) no-repeat center left;}
#m09 a:link , #m09 a:active , #m09 a:visited{
background:url(../images/common/navi09.png) no-repeat top left;}
#m09 a:hover{
background:url(../images/common/navi09.png) no-repeat center left;}
#m10 a:link , #m10 a:active , #m10 a:visited{
background:url(../images/common/navi10.png) no-repeat top left;}
#m10 a:hover{
background:url(../images/common/navi10.png) no-repeat center left;}
#m11 a:link , #m11 a:active , #m11 a:visited{
background:url(../images/common/navi11.png) no-repeat top left;}
#m11 a:hover{
background:url(../images/common/navi11.png) no-repeat center left;}
#m12 a:link , #m12 a:active , #m12 a:visited{
background:url(../images/common/navi12.png) no-repeat top left;}
#m12 a:hover{
background:url(../images/common/navi12.png) no-repeat center left;}
#m13 a:link , #m13 a:active , #m13 a:visited{
background:url(../images/common/navi13.png) no-repeat top left;}
#m13 a:hover{
background:url(../images/common/navi13.png) no-repeat center left;}
#m14 a:link , #m14 a:active , #m14 a:visited{
background:url(../images/common/navi14.png) no-repeat top left;}
#m14 a:hover{
background:url(../images/common/navi14.png) no-repeat center left;}
#m15 a:link , #m15 a:active , #m15 a:visited{
background:url(../images/common/navi15.png) no-repeat top left;}
#m15 a:hover{
background:url(../images/common/navi15.png) no-repeat center left;}
#m16 a:link , #m16 a:active , #m16 a:visited{
background:url(../images/common/navi16.png) no-repeat top left;}
#m16 a:hover{
background:url(../images/common/navi16.png) no-repeat center left;}
#m17 a:link , #m17 a:active , #m17 a:visited{
background:url(../images/common/navi17.png) no-repeat top left;}
#m17 a:hover{
background:url(../images/common/navi17.png) no-repeat center left;}
#m18 a:link , #m18 a:active , #m18 a:visited{
background:url(../images/common/navi18.png) no-repeat top left;}
#m18 a:hover{
background:url(../images/common/navi18.png) no-repeat center left;}
#m19 a:link , #m19 a:active , #m19 a:visited{
background:url(../images/common/navi19.png) no-repeat top left;}
#m19 a:hover{
background:url(../images/common/navi19.png) no-repeat center left;}
#m20 a:link , #m20 a:active , #m20 a:visited{
background:url(../images/common/navi20.png) no-repeat top left;}
#m20 a:hover{
background:url(../images/common/navi20.png) no-repeat center left;}
#m21 a:link , #m21 a:active , #m21 a:visited{
background:url(../images/common/navi21.png) no-repeat top left;}
#m21 a:hover{
background:url(../images/common/navi21.png) no-repeat center left;}
#m22 a:link , #m22 a:active , #m22 a:visited{
background:url(../images/common/navi22.png) no-repeat top left;}
#m22 a:hover{
background:url(../images/common/navi22.png) no-repeat center left;}
#m23 a:link , #m23 a:active , #m23 a:visited{
background:url(../images/common/navi23.png) no-repeat top left;}
#m23 a:hover{
background:url(../images/common/navi23.png) no-repeat center left;}
#m24 a:link , #m24 a:active , #m24 a:visited{
background:url(../images/common/navi24.png) no-repeat top left;}
#m24 a:hover{
background:url(../images/common/navi24.png) no-repeat center left;}
#m25 a:link , #m25 a:active , #m25 a:visited{
background:url(../images/common/navi25.png) no-repeat top left;}
#m25 a:hover{
background:url(../images/common/navi25.png) no-repeat center left;}
#m26 a:link , #m26 a:active , #m26 a:visited{
background:url(../images/common/navi26.png) no-repeat top left;}
#m26 a:hover{
background:url(../images/common/navi26.png) no-repeat center left;}
#m27 a:link , #m27 a:active , #m27 a:visited{
background:url(../images/common/navi27.png) no-repeat top left;}
#m27 a:hover{
background:url(../images/common/navi27.png) no-repeat center left;}
#m28 a:link , #m28 a:active , #m28 a:visited{
background:url(../images/common/navi28.png) no-repeat top left;}
#m28 a:hover{
background:url(../images/common/navi28.png) no-repeat center left;}
#m29 a:link , #m29 a:active , #m29 a:visited{
background:url(../images/common/navi29.png) no-repeat top left;}
#m29 a:hover{
background:url(../images/common/navi29.png) no-repeat center left;}
#m30 a:link , #m30 a:active , #m30 a:visited{
background:url(../images/common/navi30.png) no-repeat top left;}
#m30 a:hover{
background:url(../images/common/navi30.png) no-repeat center left;}
#m31 a:link , #m31 a:active , #m31 a:visited{
background:url(../images/common/navi31.png) no-repeat top left;}
#m31 a:hover{
background:url(../images/common/navi31.png) no-repeat center left;}
#m32 a:link , #m32 a:active , #m32 a:visited{
background:url(../images/common/navi32.png) no-repeat top left;}
#m32 a:hover{
background:url(../images/common/navi32.png) no-repeat center left;}
#m33 a:link , #m33 a:active , #m33 a:visited{
background:url(../images/common/navi33.png) no-repeat top left;}
#m33 a:hover{
background:url(../images/common/navi33.png) no-repeat center left;}
#m34 a:link , #m34 a:active , #m34 a:visited{
background:url(../images/common/navi34.png) no-repeat top left;}
#m34 a:hover{
background:url(../images/common/navi34.png) no-repeat center left;}
#m35 a:link , #m35 a:active , #m35 a:visited{
background:url(../images/common/navi35.png) no-repeat top left;}
#m35 a:hover{
background:url(../images/common/navi35.png) no-repeat center left;}
#m36 a:link , #m36 a:active , #m36 a:visited{
background:url(../images/common/navi36.png) no-repeat top left;}
#m36 a:hover{
background:url(../images/common/navi36.png) no-repeat center left;}
#m37 a:link , #m37 a:active , #m37 a:visited{
background:url(../images/common/navi37.png) no-repeat top left;}
#m37 a:hover{
background:url(../images/common/navi37.png) no-repeat center left;}
#m38 a:link , #m38 a:active , #m38 a:visited{
background:url(../images/common/navi38.png) no-repeat top left;}
#m38 a:hover{
background:url(../images/common/navi38.png) no-repeat center left;}
#m39 a:link , #m39 a:active , #m39 a:visited{
background:url(../images/common/navi39.png) no-repeat top left;}
#m39 a:hover{
background:url(../images/common/navi39.png) no-repeat center left;}
#m40 a:link , #m40 a:active , #m40 a:visited{
background:url(../images/common/navi40.png) no-repeat top left;}
#m40 a:hover{
background:url(../images/common/navi40.png) no-repeat center left;}
#m41 a:link , #m41 a:active , #m41 a:visited{
background:url(../images/common/navi41.png) no-repeat top left;}
#m41 a:hover{
background:url(../images/common/navi41.png) no-repeat center left;}
#m42 a:link , #m42 a:active , #m42 a:visited{
background:url(../images/common/navi42.png) no-repeat top left;}
#m42 a:hover{
background:url(../images/common/navi42.png) no-repeat center left;}
#m43 a:link , #m43 a:active , #m43 a:visited{
background:url(../images/common/navi43.png) no-repeat top left;}
#m43 a:hover{
background:url(../images/common/navi43.png) no-repeat center left;}
#m44 a:link , #m44 a:active , #m44 a:visited{
background:url(../images/common/navi44.png) no-repeat top left;}
#m44 a:hover{
background:url(../images/common/navi44.png) no-repeat center left;}
#m45 a:link , #m45 a:active , #m45 a:visited{
background:url(../images/common/navi45.png) no-repeat top left;}
#m45 a:hover{
background:url(../images/common/navi45.png) no-repeat center left;}
#m46 a:link , #m46 a:active , #m46 a:visited{
background:url(../images/common/navi46.png) no-repeat top left;}
#m46 a:hover{
background:url(../images/common/navi46.png) no-repeat center left;}
#m47 a:link , #m47 a:active , #m47 a:visited{
background:url(../images/common/navi47.png) no-repeat top left;}
#m47 a:hover{
background:url(../images/common/navi47.png) no-repeat center left;}
#m48 a:link , #m48 a:active , #m48 a:visited{
background:url(../images/common/navi48.png) no-repeat top left;}
#m48 a:hover{
background:url(../images/common/navi48.png) no-repeat center left;}
#m49 a:link , #m49 a:active , #m49 a:visited{
background:url(../images/common/navi49.png) no-repeat top left;}
#m49 a:hover{
background:url(../images/common/navi49.png) no-repeat center left;}
#m50 a:link , #m50 a:active , #m50 a:visited{
background:url(../images/common/navi50.png) no-repeat top left;}
#m50 a:hover{
background:url(../images/common/navi50.png) no-repeat center left;}
#m51 a:link , #m51 a:active , #m51 a:visited{
background:url(../images/common/navi51.png) no-repeat top left;}
#m51 a:hover{
background:url(../images/common/navi51.png) no-repeat center left;}
#m52 a:link , #m52 a:active , #m52 a:visited{
background:url(../images/common/navi52.png) no-repeat top left;}
#m52 a:hover{
background:url(../images/common/navi52.png) no-repeat center left;}
#m53 a:link , #m53 a:active , #m53 a:visited{
background:url(../images/common/navi53.png) no-repeat top left;}
#m53 a:hover{
background:url(../images/common/navi53.png) no-repeat center left;}
#m54 a:link , #m54 a:active , #m54 a:visited{
background:url(../images/common/navi54.png) no-repeat top left;}
#m54 a:hover{
background:url(../images/common/navi54.png) no-repeat center left;}
#m55 a:link , #m55 a:active , #m55 a:visited{
background:url(../images/common/navi55.png) no-repeat top left;}
#m55 a:hover{
background:url(../images/common/navi55.png) no-repeat center left;}
#m56 a:link , #m56 a:active , #m56 a:visited{
background:url(../images/common/navi56.png) no-repeat top left;}
#m56 a:hover{
background:url(../images/common/navi56.png) no-repeat center left;}
#m57 a:link , #m57 a:active , #m57 a:visited{
background:url(../images/common/navi57.png) no-repeat top left;}
#m57 a:hover{
background:url(../images/common/navi57.png) no-repeat center left;}
#m58 a:link , #m58 a:active , #m58 a:visited{
background:url(../images/common/navi58.png) no-repeat top left;}
#m58 a:hover{
background:url(../images/common/navi58.png) no-repeat center left;}
#m59 a:link , #m59 a:active , #m59 a:visited{
background:url(../images/common/navi59.png) no-repeat top left;}
#m59 a:hover{
background:url(../images/common/navi59.png) no-repeat center left;}
#m60 a:link , #m60 a:active , #m60 a:visited{
background:url(../images/common/navi60.png) no-repeat top left;}
#m60 a:hover{
background:url(../images/common/navi60.png) no-repeat center left;}
#m61 a:link , #m61 a:active , #m61 a:visited{
background:url(../images/common/navi61.png) no-repeat top left;}
#m61 a:hover{
background:url(../images/common/navi61.png) no-repeat center left;}
#m62 a:link , #m62 a:active , #m62 a:visited{
background:url(../images/common/navi62.png) no-repeat top left;}
#m62 a:hover{
background:url(../images/common/navi62.png) no-repeat center left;}
#m63 a:link , #m63 a:active , #m63 a:visited{
background:url(../images/common/navi63.png) no-repeat top left;}
#m63 a:hover{
background:url(../images/common/navi63.png) no-repeat center left;}
#m64 a:link , #m64 a:active , #m64 a:visited{
background:url(../images/common/navi64.png) no-repeat top left;}
#m64 a:hover{
background:url(../images/common/navi64.png) no-repeat center left;}
#m65 a:link , #m65 a:active , #m65 a:visited{
background:url(../images/common/navi65.png) no-repeat top left;}
#m65 a:hover{
background:url(../images/common/navi65.png) no-repeat center left;}
#m66 a:link , #m66 a:active , #m66 a:visited{
background:url(../images/common/navi66.png) no-repeat top left;}
#m66 a:hover{
background:url(../images/common/navi66.png) no-repeat center left;}
#m67 a:link , #m67 a:active , #m67 a:visited{
background:url(../images/common/navi67.png) no-repeat top left;}
#m67 a:hover{
background:url(../images/common/navi67.png) no-repeat center left;}
#m68 a:link , #m68 a:active , #m68 a:visited{
background:url(../images/common/navi68.png) no-repeat top left;}
#m68 a:hover{
background:url(../images/common/navi68.png) no-repeat center left;}
#m69 a:link , #m69 a:active , #m69 a:visited{
background:url(../images/common/navi69.png) no-repeat top left;}
#m69 a:hover{
background:url(../images/common/navi69.png) no-repeat center left;}
#m70 a:link , #m70 a:active , #m70 a:visited{
background:url(../images/common/navi70.png) no-repeat top left;}
#m70 a:hover{
background:url(../images/common/navi70.png) no-repeat center left;}
#m71 a:link , #m71 a:active , #m71 a:visited{
background:url(../images/common/navi71.png) no-repeat top left;}
#m71 a:hover{
background:url(../images/common/navi71.png) no-repeat center left;}
#m72 a:link , #m72 a:active , #m72 a:visited{
background:url(../images/common/navi72.png) no-repeat top left;}
#m72 a:hover{
background:url(../images/common/navi72.png) no-repeat center left;}
#m73 a:link , #m73 a:active , #m73 a:visited{
background:url(../images/common/navi73.png) no-repeat top left;}
#m73 a:hover{
background:url(../images/common/navi73.png) no-repeat center left;}
#m74 a:link , #m74 a:active , #m74 a:visited{
background:url(../images/common/navi74.png) no-repeat top left;}
#m74 a:hover{
background:url(../images/common/navi74.png) no-repeat center left;}
#m75 a:link , #m75 a:active , #m75 a:visited{
background:url(../images/common/navi75.png) no-repeat top left;}
#m75 a:hover{
background:url(../images/common/navi75.png) no-repeat center left;}
#m76 a:link , #m76 a:active , #m76 a:visited{
background:url(../images/common/navi76.png) no-repeat top left;}
#m76 a:hover{
background:url(../images/common/navi76.png) no-repeat center left;}
#m77 a:link , #m77 a:active , #m77 a:visited{
background:url(../images/common/navi77.png) no-repeat top left;}
#m77 a:hover{
background:url(../images/common/navi77.png) no-repeat center left;}
#m78 a:link , #m78 a:active , #m78 a:visited{
background:url(../images/common/navi78.png) no-repeat top left;}
#m78 a:hover{
background:url(../images/common/navi78.png) no-repeat center left;}
#m79 a:link , #m79 a:active , #m79 a:visited{
background:url(../images/common/navi79.png) no-repeat top left;}
#m79 a:hover{
background:url(../images/common/navi79.png) no-repeat center left;}
#m80 a:link , #m80 a:active , #m80 a:visited{
background:url(../images/common/navi80.png) no-repeat top left;}
#m80 a:hover{
background:url(../images/common/navi80.png) no-repeat center left;}
#m81 a:link , #m81 a:active , #m81 a:visited{
background:url(../images/common/navi81.png) no-repeat top left;}
#m81 a:hover{
background:url(../images/common/navi81.png) no-repeat center left;}
#m82 a:link , #m82 a:active , #m82 a:visited{
background:url(../images/common/navi82.png) no-repeat top left;}
#m82 a:hover{
background:url(../images/common/navi82.png) no-repeat center left;}
#m83 a:link , #m83 a:active , #m83 a:visited{
background:url(../images/common/navi83.png) no-repeat top left;}
#m83 a:hover{
background:url(../images/common/navi83.png) no-repeat center left;}
#m84 a:link , #m84 a:active , #m84 a:visited{
background:url(../images/common/navi84.png) no-repeat top left;}
#m84 a:hover{
background:url(../images/common/navi84.png) no-repeat center left;}
#m85 a:link , #m85 a:active , #m85 a:visited{
background:url(../images/common/navi85.png) no-repeat top left;}
#m85 a:hover{
background:url(../images/common/navi85.png) no-repeat center left;}
#m86 a:link , #m86 a:active , #m86 a:visited{
background:url(../images/common/navi86.png) no-repeat top left;}
#m86 a:hover{
background:url(../images/common/navi86.png) no-repeat center left;}
#m87 a:link , #m87 a:active , #m87 a:visited{
background:url(../images/common/navi87.png) no-repeat top left;}
#m87 a:hover{
background:url(../images/common/navi87.png) no-repeat center left;}
#m88 a:link , #m88 a:active , #m88 a:visited{
background:url(../images/common/navi88.png) no-repeat top left;}
#m88 a:hover{
background:url(../images/common/navi88.png) no-repeat center left;}
#m89 a:link , #m89 a:active , #m89 a:visited{
background:url(../images/common/navi89.png) no-repeat top left;}
#m89 a:hover{
background:url(../images/common/navi89.png) no-repeat center left;}
#m90 a:link , #m90 a:active , #m90 a:visited{
background:url(../images/common/navi90.png) no-repeat top left;}
#m90 a:hover{
background:url(../images/common/navi90.png) no-repeat center left;}
#m91 a:link , #m91 a:active , #m91 a:visited{
background:url(../images/common/navi91.png) no-repeat top left;}
#m91 a:hover{
background:url(../images/common/navi91.png) no-repeat center left;}
#m92 a:link , #m92 a:active , #m92 a:visited{
background:url(../images/common/navi92.png) no-repeat top left;}
#m92 a:hover{
background:url(../images/common/navi92.png) no-repeat center left;}
#m93 a:link , #m93 a:active , #m93 a:visited{
background:url(../images/common/navi93.png) no-repeat top left;}
#m93 a:hover{
background:url(../images/common/navi93.png) no-repeat center left;}
#m94 a:link , #m94 a:active , #m94 a:visited{
background:url(../images/common/navi94.png) no-repeat top left;}
#m94 a:hover{
background:url(../images/common/navi94.png) no-repeat center left;}
#m95 a:link , #m95 a:active , #m95 a:visited{
background:url(../images/common/navi95.png) no-repeat top left;}
#m95 a:hover{
background:url(../images/common/navi95.png) no-repeat center left;}



/*--------------  contents  -----------------------------*/

#tokyoudon #contents {
width:973px;
background:var(--white);
margin:0 auto;
border-radius:20px;
padding:20px 0;
position:relative;
}
#tokyoudon #contents img {
    user-select: none;
}
#tokyoudon #contents p.now {
	clear:both;
	position:absolute;
	bottom:-20px;
	right:0;
	font-size:12px;
	}

	#tokyoudon #contents p.now2 {
		clear:both;
		position:absolute;
		bottom: 50px;
		right: 40px;
		font-size:12px;
		}

#tokyoudon .block {
clear:both;
width:973px;
/*height:800px;*/
margin:0 auto;
position:relative;
}

#tokyoudon p.ex {font-size:14px; padding:0; margin:0; line-height:1.4em;
font-family:var(--fontG);
color: #000;
}

#tokyoudon #end .txt {
	font-size: 45px;
	font-family: var(--fontMin);
	letter-spacing: -0.2em;
	color: #717171;
	transform: rotate(-7deg);
}

#tokyoudon #shop.block #mapBtn a img {
    opacity: 1;
	transition: all .3s;
}
#tokyoudon #shop.block #mapBtn a:hover img {
    opacity: 0.7;
}

/*--------------  header  -----------------------------*/

#tokyoudon #udonHeader {
	padding:10px 25px;
	position:relative;
	height:130px;
}

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

#tokyoudon #udonHeader .site {
	width:250px;
	height:45px;
	background:url(../images/common/btn_list.png) no-repeat;
	background-size:contain;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:18px;
	right:-10px;
}
#tokyoudon #udonHeader .site a{
	display:block;
	width:100%;
	height:45px;
}
#tokyoudon #udonHeader .copy {
	position:absolute;
	top:77px;
	left:40px;
	font-size:14px;
}

#tokyoudon .next a:link , #tokyoudon .next a:visited , #tokyoudon .next a:active{color:#666666; text-decoration:none;}
#tokyoudon .next a:hover {color:#c36f55; text-align:none;}

#tokyoudon #udonHeader .sns02 ul {
	list-style:none;
	z-index:50;
	position:absolute;
	top:28px;
	right:90px;
}
#tokyoudon #udonHeader .sns02 li {float:right; display:inline;}
#tokyoudon #udonHeader .sns02 .twitter {width:140px;}
#tokyoudon #udonHeader .sns02 .facebook {width:110px;}



/*--------------  footer  -----------------------------*/

#tokyoudon #footerUdon {
clear:both;
background:#d98469;
padding:5px 0;
text-align:left;
}


#tokyoudon #pagetop{
	width:34px;
	height:115px;
	z-index:50;
	display:block;
	position:fixed; bottom:50px; right:10px;
}

#tokyoudon #pagetop #rollover01 {width:34px;height:115px; display:block;}
#tokyoudon #pagetop a#rollover01:link {background:url(../images/common/btn_top_out.png);}
#tokyoudon #pagetop a#rollover01:visited {background:url(../images/common/btn_top_out.png);}
#tokyoudon #pagetop a#rollover01:hover {background:url(../images/common/btn_top_over.png);}
#tokyoudon #pagetop a#rollover01:active {background:url(../images/common/btn_top_over.png);}

#tokyoudon a img {border:none;}


.topBtn h4 {
	font-size:18px;
	text-align:center;
	border-top: 2px solid #7a645e;
	border-bottom: 2px solid #7a645e;
	color: #7a645e;
	padding:10px 0;
	width:90%;
	margin:auto auto 10px;
}
.topBtn ul {
	margin:0 auto 30px; padding:0;
	width:90%;
	display:flex;
	flex:auto;
	justify-content: space-between;
	}

.topBtn li {
	list-style:none;
	width:32%;
	height:60px;
	text-align:center;
	position: relative;
}

.topBtn li a {
	display:block;
	width:100%;
	height:60px;
	position: absolute;
	top:0;
	left: 0;
	font-size:16px;
	text-indent:-9999px;
	border-radius: 10px;
}
.topBtn li.toUdon a {background:url(../images/common/btn_udon.jpg) no-repeat center center ;
background-size: contain;
}
.topBtn li.toArea a {background:url(../images/common/btn_area.jpg) no-repeat  center center ;
background-size: contain;
}
.topBtn li.toType a {background:url(../images/common/btn_type.jpg) no-repeat  center center ;
background-size: contain;
}
.topBtn li.toUdon a:hover {background:url(../images/common/btn_udon_over.jpg) no-repeat center center ;
background-size: contain;
}
.topBtn li.toArea a:hover {background:url(../images/common/btn_area_over.jpg) no-repeat  center center ;
background-size: contain;
}
.topBtn li.toType a:hover {background:url(../images/common/btn_type_over.jpg) no-repeat  center center ;
background-size: contain;
}

/*--------------  tinybox.js  -----------------------------*/

#tinybox {
	position:absolute;
	display:block;
	padding:10px;
	background:#fff url(../images/common/preload.gif) no-repeat 50% 50%;
	border:10px solid #e3e3e3;
	z-index:2000}
#tinymask {
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#eba997;
	z-index:1500}
#tinycontent {background:#fff}




#tokyoudon h2 {
	/*display:none;*/
	color: #333;
	font-family: var(--noto);
	font-style: normal;
	font-weight: 300;
	font-size: 38px;
	line-height: 1.2;
	font-feature-settings: "palt";
}
#tokyoudon h2 span {
	font-size: 26px;
	display: block;
}
#tokyoudon h2 p.ex {display:block;}
#tokyoudon h2 p,
#tokyoudon h3 p {display: none;}

#tokyoudon h3.tit_first,
#tokyoudon h3.tit_sec {
	font-family: var(--fontMin);
	font-style: normal;
	font-weight: 300;
	font-size: 28px;
	line-height: 1.2;
	color: var(--pink_color);
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}
#tokyoudon h3.tit_first {
	font-size: 38px !important;
}
#tokyoudon h3.tit_first small{
	font-size: 24px;
	letter-spacing: 0;
}
#tokyoudon h3.tit_sec small {
	font-size: 20px;
	letter-spacing: 0;
}