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

/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: times; font: inherit; vertical-align: baseline; color:#222; font-family: 'Noto Serif JP', sans-serif; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1.4; letter-spacing:0.08em; font-size:16px; padding:1em; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
#wrapper { max-width:768px; margin:0 auto;}
#header { position: relative; height: 4em; line-height: 4em; }
#header ul li { display: inline-block; margin-right: 0.4em; }
#header ul { position: absolute; top:0; left: 8.3em;}
.mb_1 { margin-bottom:0.5em }
.mb_2 { margin-bottom:1.7em }
img { width:100%; max-width:320px; padding:0.2em 0.2em 0 0; }
.dekamoji{font-size:21px}
.icon{width:109px;
   }

@media (max-width: 767px) {
#wrapper { margin-top:0em; }
#header { position: relative; height:auto; line-height:1.4em;padding: 2em 0 2em 0;}
#header ul { position: relative; left:0;}

}