@charset "UTF-8";
/*共通
---------------------------------------------*/
#side{min-height:850px;}
#ns_side{min-height:660px;}
div[id*="side"] #logo{height:160px;}
div[id*="side"] #logo a{height:160px;background-image:url(../mocha-chai/images/logo01.gif);}
div[id*="side"] ul li{height:24px;line-height:24px;}
div[id*="side"] ul li a{height:24px;}
p.intro{padding-bottom:30px;color:#85683F;}
#sorry{width:740px;height:500px;margin:50px 0 0 0;padding-left:20px;}
hr{border-top:1px dotted #CDBB9C;}
/*---------------------------------------------*/
/*Howto1*/
#contents .Howto1{overflow:hidden;width:100%;margin:10px 0;padding:0;border-collapse:collapse;border-spacing:0;border:none;background-color:#FFFFFF;border-radius:10px;}
#contents .Howto1 th,
#contents .Howto1 td{margin:0;padding:10px 20px;text-align:left;vertical-align:middle;border-bottom:1px dotted #CDBB9C;}
#contents .Howto1 tr:last-child th,
#contents .Howto1 tr:last-child td{border-bottom:none;}
#contents .Howto1 th{width:70px;color:#E95464;font-weight:bold;}
#contents .Howto1 td em{font-weight:normal;}
/*Howto2*/
#contents .Howto2{overflow:hidden;width:100%;margin:10px 0;padding:0;border-collapse:collapse;border-spacing:0;border:none;}
#contents .Howto2 th,
#contents .Howto2 td{margin:0;padding:10px 0;text-align:left;vertical-align:top;}
#contents .Howto2 th{width:25px;color:#69821B;font-size:24px;font-weight:bold;}
#contents .Howto2 td.image{width:370px;text-align:right;}
#contents .Howto2 img{margin:0 3px 0 8px;padding:5px;background-color:#FFFFFF;box-shadow:0 0 5px rgba(0,0,0,0.7);}
/*Howto3*/
#contents .Howto3{overflow:hidden;width:100%;margin:10px 0;padding:0;border-collapse:collapse;border-spacing:0px;border:none;}
#contents .Howto3 th{margin:0;padding:5px 0 0 5px;text-align:left;vertical-align:top;color:#E95464;font-size:14px;font-weight:bold;border:none;}
#contents .Howto3 td{margin:0;padding:0 20px 5px 20px;text-align:left;vertical-align:top;border-bottom:1px dotted #CDBB9C;}
#contents .Howto3 tr:last-child td{border-bottom:none;}
#contents .Howto3 tbody td p{margin:0;padding:0;font-size:11px;}
/*Howto4*/
#contents .Howto4{overflow:hidden;margin:20px 0 5px 0;padding:0;border-collapse:collapse;border-spacing:0;border:1px solid #D8D4C3;background-color:#FFFFFF;}
#contents .Howto4 thead td{margin:0;padding:5px;color:#5A4031;font-weight:bold;text-align:center;background-color:#D8D4C3;border:1px solid #D8D4C3;}
#contents .Howto4 thead td:empty{background-image:linear-gradient(to top right,transparent, transparent 48%,#D8D4C3 48%, #D8D4C3 52%,transparent 52%, transparent);}
#contents .Howto4 tbody th,
#contents .Howto4 tbody td{margin:0;padding:5px;text-align:left;border:1px dotted #D8D4C3;}
#contents .Howto4 tbody th{color:#85683F;font-weight:bold;text-align:center;}
/*Howto5*/
#contents .Howto5{width:100%;margin:10px 0;padding:0;font-size:14px;}
#contents .Howto5 li{float:left;overflow:hidden;width:200px;height:138px;margin:0 10px 10px 0;padding:0;border:1px solid #D8D4C3;background-color:#FFFFFF;border-radius:10px;}
#contents .Howto5 li h4{margin:0;padding:5px 0;color:#5A4031;font-size:14px;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;text-align:center;background-color:#D8D4C3;}
#contents .Howto5 li p{width:160px;margin:10px auto;padding:0;line-height:1.6;}
#contents .Howto5 li p a:hover{text-decoration:underline;}
#contents .Howto5 li p img{vertical-align:-2px;}
#contents .Howto5:after{clear:both;}
/*05.モカとチャイ---------------------------------------------*/
/*topMenu*/
#contents #topMenu{height:900px;background-image:url(../mocha-chai/images/topMenu.jpg?20250530);}
#contents #topMenu ul li.acc a{width:240px;}
/*shop*/
#contents .section#shop{margin-top:1000px;}
*:first-child+html #contents .section#shop{ /*IE7*/padding-top:1000px;}
#contents .section#shop ul li{width:240px;}
/*モカとチャイ名駅店---------------------------------------------*/
/*topMenu*/
#contents #ns_topMenu{height:600px;background-image:url(../mocha-chai/images/ns_topMenu.jpg);}
#contents #ns_topMenu ul li.acc a{width:480px;}
/*shop*/
#contents .section#ns_shop{margin-top:700px;}
*:first-child+html #contents .section#ns_shop{ /*IE7*/padding-top:700px;}
#contents .section#ns_shop ul li{width:250px;}
#contents .section#ns_shop ul li.floatL {padding-top:20px; }

/*本店/名駅店共通---------------------------------------------*/
/*event*/
#contents .section#event h3{margin-top:0px;}
#contents .section#event table{width:100%;height:auto;margin:10px 0;padding:0;font-size:100%;text-align:left;border-collapse:separate;border-spacing:1px;border:none;}
#contents .section#event table tbody th{margin:0;padding:10px;color:#4C4638;font-weight:bold;text-align:left;vertical-align:middle;border-right:1px solid #CDBB9C;border-bottom:1px dotted #CDBB9C;}
#contents .section#event table tbody td{margin:0;padding:10px 20px;text-align:left;vertical-align:middle;border-left:1px solid #FFFFFF;border-bottom:1px dotted #CDBB9C;}
/*calender*/
#contents .section#event table#calender{height:auto;margin:10px 0;padding:0;font-size:100%;}
#contents .section#event table.calender thead td{margin:0;padding:3px 0;color:#FFFFFF;font-weight:bold;text-align:center;vertical-align:middle;background-color:#85683F;}
#contents .section#event table.calender tbody th{margin:0;padding:0;color:#4C4638;font-weight:bold;text-align:center;vertical-align:middle;border:1px solid #CDBB9C;background-color:#D8D4C3;}
#contents .section#event table.calender tbody td{position:relative;width:30px;height:42px;margin:0;padding:0;text-align:center;vertical-align:top;border:1px solid #CDBB9C;}
#contents .section#event table.calender tbody td.sun{color:#FF6666;}
#contents .section#event table.calender tbody td span{color:#4C4638;font-size:16px;}
/*11.珈琲豆---------------------------------------------*/
#contents #coffeeTop{display:block;position:absolute;top:0;left:0;width:720px;height:540px;text-indent:-9999px;background:url(../mocha-chai/images/coffeeTop.jpg) no-repeat 0px 0px;}
#contents #mild{margin-top:640px;}
*:first-child+html #contents #mild{ /*IE7*/padding-top:640px;}
/*table.coffee*/
table.coffee{width:700px;margin:30px 0;padding:0;font-size:100%;border-collapse:collapse;border-spacing:0;border:none;}
table.coffee td{margin:0;padding:0;text-align:left;vertical-align:middle;}
table.coffee td.name{width:281px;color:#221815;font-size:16px;font-weight:bold;}
span.season{margin:auto 0 auto 30px;padding:2px 10px;color:#fff;font-size:12px;border-radius:12px;}
span.season.ssn5-9{background:#3f9fde;}
table.coffee td.flag{width:259px;height:50px;color:#4C4638;font-size:12px;}
table.coffee td.flag img{margin-left:2px;}
table.coffee td.graph{width:160px;}
table.coffee td.dots{width:160px;vertical-align:bottom;}
table.coffee td.dots div{margin-bottom:10px;padding-top:2px;border:2px solid #CDBB9C;box-sizing:border-box;}
table.coffee td.dots dl{margin:5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around;}
table.coffee td.dots div dl:not(:last-child){border-bottom:1px dashed #CDBB9C;}
table.coffee td.dots dl dt{margin-right:5px;color:#221815;font-weight:bold;}
table.coffee td.dots dl img{width:16px;margin-right:4px;vertical-align:middle;}
table.coffee td.dots p{color:#85683F;text-align:center;}
table.coffee td.detail{width:540px;height:110px;padding-right:20px;}
table.coffee td.point{position:relative;width:540px;height:40px;}
table.coffee td.point span{position:absolute;top:11px;left:145px;color:#85683F;font-size:12px;border-bottom:1px dotted #FF6666;}
table.coffee td.flavor span{display:block;width:158px;padding-top:4px;color:#85683F;font-size:11px;text-align:center;border-radius:10px;background-color:#FFFFFF;border:1px dashed #CDBB9C;}
table.coffee td.flavor em{color:#594031;font-weight:bold;}
/*12.紅茶葉---------------------------------------------*/
#contents #teaTop{display:block;position:absolute;top:0;left:0;width:720px;height:540px;text-indent:-9999px;background:url(../mocha-chai/images/teaTop.jpg) no-repeat 0 0;}
#contents #method{margin-top:640px;}
*:first-child+html #contents #trivia{ /*IE7*/padding-top:640px;}
#contents #non-caffeine{margin-bottom:350px;}
/*table.tea*/
table.tea{width:700px;margin:30px 0;padding:0;font-size:100%;border-collapse:collapse;border-spacing:0;border:none;}
table.tea td{margin:0;padding:0;text-align:left;vertical-align:middle;}
table.tea td.title{height:50px;}
table.tea td.title span.jp{float:left;display:block;color:#231815;font-size:16px;font-weight:bold;line-height:1.2;}
table.tea td.title span.en{float:left;display:block;margin-left:10px;color:#FF6666;font-size:10px;line-height:1.8;}
table.tea td.make{width:120px;height:50px;color:#4C4638;font-size:12px;}
table.tea td.flag{width:85px;height:50px;}
table.tea td.flag img{margin-right:2px;}
table.tea.noimg td.make{width:260px;height:auto;color:#4C4638;font-size:12px;text-align:right;}
table.tea.noimg td.flag{width:260px;height:auto;text-align:right;}

table.tea td.image{width:160px;height:200px;}
table.tea td.detail{width:540px;padding-right:20px;}
table.tea td.point{width:540px;height:40px;}
table.tea td.point img{float:left;}
table.tea td.point span{float:left;display:block;height:20px;margin:10px 0 0 20px;padding:0;color:#85683F;font-size:12px;line-height:20px;border-bottom:1px dotted #FF6666;}
table.tea td.point span em{padding-left:2px;color:#FF6666;font-size:13px;font-weight:normal;}
table.tea td.point span.w em{font-size:18px;line-height:16px;}
/*13.中国茶葉---------------------------------------------*/
#contents #chineseTop{display:block;position:absolute;top:0;left:0;width:720px;height:540px;text-indent:-9999px;background:url(../mocha-chai/images/chineseTop.jpg) no-repeat 0 0;}
#contents #method{margin-top:640px;}
*:first-child+html #contents #method{padding-top:640px;}
#contents #flower{margin-bottom:600px;}
#contents .photoArea{clear:both;width:600px;height:225px;margin:0 auto;padding:0;text-align:center;}
#contents .photoArea img{width:280px;height:210px;margin:5px 3px 0 0;padding:5px;background-color:#FFFFFF;box-shadow:0 0 5px rgba(0,0,0,0.7);}
/*chineseItem*/
#contents .chineseItem{overflow:hidden;width:100%;margin:20px 0;padding:0;border-collapse:collapse;border-spacing:0;border:none;background-color:#FFFFFF;border-radius:10px;}
#contents .chineseItem th,
#contents .chineseItem td{margin:0;padding:0 20px;text-align:left;vertical-align:middle;border-bottom:1px dotted #CDBB9C;}
#contents .chineseItem tr:last-child th,
#contents .chineseItem tr:last-child td{border-bottom:none;}
#contents .chineseItem th{width:200px;height:50px;font-size:16px;font-weight:bold;line-height:1.2;}
#contents .chineseItem th img{vertical-align:-2px;}
#contents #blue .chineseItem th{color:#0078BB;}
#contents #green .chineseItem th{color:#82AE46;}
#contents #black .chineseItem th{color:#555555;}
#contents #flower .chineseItem th{color:#ED4179;}
#contents .chineseItem td p{margin:10px 0;padding:0;}
#contents .chineseItem td em{color:#E95464;font-size:14px;font-weight:normal;}
/*14.西尾抹茶---------------------------------------------*/
#contents #macchaTop{display:block;position:absolute;top:0;left:0;width:720px;height:540px;text-indent:-9999px;background:url(../mocha-chai/images/macchaTop.jpg) no-repeat 0 0;}
#contents #maccha{margin-top:290px;}
#contents .macchaL{float:left;width:450px;}
#contents .macchaR{float:right;width:210px;height:280px;margin:0 3px 0 0;padding:5px;background-color:#FFFFFF;box-shadow:0 0 5px rgba(0,0,0,0.7);}
/*macchaItem*/
#contents .macchaItem{overflow:hidden;width:100%;margin:30px 0;padding:0;border-collapse:collapse;border-spacing:0;border:none;background-color:#FFFFFF;border-radius:10px;}
#contents .macchaItem th,
#contents .macchaItem td{margin:0;padding:0 20px;text-align:left;vertical-align:middle;}
#contents .macchaItem th{width:260px;height:50px;color:#69821B;font-size:16px;font-weight:bold;}
#contents .macchaItem .bb{border-bottom:1px dotted #82AE46;}
#contents .macchaItem td.image{width:120px;height:160px;margin:0;padding:0;}
#contents .macchaItem td em{color:#E95464;font-size:14px;font-weight:normal;}