@charset "utf-8"; /* * base.css -------------------------------------------------------- */ /* @group @nomarize.css --------------------------------------------------------*/ /* @group HTML5 display definitions */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;} audio,canvas,video{display:inline-block;} audio:not([controls]){display:none;} [hidden]{display:none;} /* @end */ /* @group Base */ body{margin:0;} h1,h2,h3,p,ul,ol,dl,table,pre{margin-top:0;} html{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } /* @end */ /* @group Link */ a:focus{outline:thin dotted;} a:hover,a:active{outline:0;} a{ color:#369; -webkit-transition:color .2s linear; -moz-transition:color .2s linear; -o-transition:color .2s linear; transition:color .2s linear; } a:hover{color:#900;} a{text-decoration:none;} /* @end */ /* @group Orter Typography */ abbr[title]{border-bottom:1px dotted;} b,strong{font-weight:bold;} blockquote{margin:1em 20px;} dfn{font-style:italic;} mark{background:#ff0;color:#000;} pre{margin:1em 0;} pre,code,kbd,samp{font-family:monospace,serif;font-size:100%;} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;} q{quotes:none;} q:before,q:after{content:'';content:none;} small{font-size:75%;} sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;} sup{top:-0.25em;} sub{bottom:-0.25em;} /* @end */ /* @group Wrap Lines */ p,li,dt,dd,th,td,pre{-ms-line-break:strict;line-break:strict;-ms-word-break:break-strict;word-break:break-strict;} em{font-style:normal;} /* @end */ /* @group Lists */ ul{padding-left:20px;list-style:square;} ol{padding-left:1.675em;} dt{font-weight:bold;} dd{margin-left:10px;} .oldie ul,.oldie ol{margin-left:0;} /* @end */ /* @group Embedded content */ img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;} img,object,video{max-width:100%;} svg:not(:root){overflow:hidden;} .oldie img{zoom:1;} iframe{width:100%;border:0;vertical-align:top;} /* IE8 max-widthバグ * バグがある場合、要素のclassを変更し、必要に応じて使用 */ /* .ie8 img{width:auto;height:auto;} */ /* @end */ /* @group figure */ figure{margin:0} /* @end */ /* @group forms */ form{margin:0} fieldset{border:1px solid #c0c0c0;margin:0;padding:0;} legend{padding:0;border:0;white-space:normal;} button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;} button,input{line-height:normal;} button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;} button[disabled],input[disabled]{cursor:default;} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;} button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;} textarea{overflow:auto;vertical-align:top;} select{width:210px;} /* @end */ /* @group table */ table{ border-collapse:collapse; border-spacing:0; width:100%; } tr{background:transparent;} th,td{ vertical-align:top; text-align:left; } th{font-weight:normal;} /* @end */ /* @group WebKit Only */ html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;} h1,h2{-webkit-font-smoothing:subpixel-antialiased;} /* @end */ /* @group Font Family */ body,button,input,select,textarea{font-family:"Lucida Grande",Helvetica,"Segoe UI","Trebuchet MS",Verdana,Arial,"Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif;} .j-asterisk:first-letter{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo","メイリオ",sans-serif;} pre,code,kbd,samp{font-family:monospace,serif;font-size:100%;} /* @end */ /* @group Heading Typography */ h1{ font-size:180%;color:#444; } h2{ font-size:110%;color:#DF7401; } h3{ font-size:105%;color:#FF8000; } h4{ margin:1px; font-size:100%; line-height:1.5; } h5,h6{ margin:0; font-size:100%; line-height:1.5; } /* @end */ /* @end @nomarize.css */ /* @group @ie9 gradient fix --------------------------------------------------------*/ /* IE9のグラデーションはSVGグラデーション対応のため Ultimate CSS Gradient Generator (http://www.colorzilla.com/gradient-editor/) を使用。*/ .ie9 .gradient,.ie9 .btn{filter:none;} /* @end */ /* core ----------------------------------------------------*/ /* @group @default --------------------------------------------------------*/ html{font-size:100%;} body{ background:#F7F2E0; color:#444; -webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear; } p,li,dt,dd,th,td,pre{line-height:1.5;} h2,h3,h4,h5,h6, p,ul,ol,dl,table,figure,pre{ margin-bottom:0.5rem; } figure{text-align:center;} /* @end @default */ /* @group @library --------------------------------------------------------*/ /* @group micro clearfix */ .cf:before,.cf:after{content:"";display:table;} .cf:after{clear:both;} .oldie .cf{zoom:1;} /* @end */ /* @end @library */ /* contents ----------------------------------------------------*/ /* @group @all device size */ /* @group layout --------------------------------------------------------*/ header{ background:#2d5475; text-align:center; border-bottom:2px solid #000; } h1{margin:0;} .nav ul{ margin:2px 0px; padding:0; } .nav ul li{ width:50%; padding:1px 0px; list-style:none; text-align:center; float:left; border-bottom:2.5px solid #000; } .nav ul li:nth-child(odd){ width:49%; border-right:1.5px dotted #000; } .nav ul li a{ display:block; width:100%; } .wrap{ margin-right:auto; margin-left:auto; } .contents{ } .primary, .secondary, .globalnav{ margin:2px; padding:1.2rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; line-height:1.0; } .primary{ border:solid 2px #2d5475; border-radius:1em; background:#FFFFFF; } .secondary{ border:solid 2px #2d5475; border-radius:1em; background:#FFFFFF; } .globalnav{ border:solid 2px #2d5475; border-radius:1em; background:#FFFFFF; } .Google{ max-width:90%; padding:1.0rem; font-size:80%; float:right; } footer{ width:100%; border-top:2px solid #000; background:#d9d6a8; padding:1.0rem; font-size:80%; text-align:center; float:left; } /* @end layout */ /* @end @all device size */ /*--------------------------------------------------------*/ /* @group 48rem (768px) - wide tablet --------------------------------------------------------*/ @media only screen and (min-width:48em){ /* @group @default setup --------------------------------------------------------*/ html{font-size:85%;} h1,h2{-webkit-font-smoothing:antialiased;} /* @end @default setup */ /* @group layout --------------------------------------------------------*/ header{ } h1{ } .nav{ text-align:center; border-bottom:3px double #000; margin:10px auto 10px auto; } .nav ul li{ text-align:center; float:left; width:16%; border-bottom:none; border-right:1px dotted #000; } .nav ul li:nth-child(odd){ width:17%; border-bottom:none; } .nav ul li.home{ border-left:none; margin-left:1px; } .nav ul li.link { border-right:none; } .nav ul li a{ display:block; } .wrap{ } .contents{ } .primary{ float:right; width:59.4%; } .secondary{ float:left; width:39.4%; } .globalnav{ } .Google{ padding:1.0rem; padding-right:50px; } /* @end layout */ } /* @end 48rem (768px) - wide tablet */ /*--------------------------------------------------------*/ /* @group 62rem (992px) - desktop --------------------------------------------------------*/ @media only screen and (min-width:62em){ /* @group @default setup --------------------------------------------------------*/ html{font-size:85%;} /* @end @default setup */ /* @group layout --------------------------------------------------------*/ header{ padding:20px; } h1{ } .wrap{ max-width:1200px; } .contents{ float:left; width:70.5%; } .primary{ } .secondary{ } .globalnav{ float:left; width:28.5%; } footer{ min-height:150px; } /* @end layout */ } /* @end 62rem (992px) - desktop */ /* @group 80rem (1280px) - wide desktop --------------------------------------------------------*/ @media only screen and (min-width:80em){ /* @group @default setup --------------------------------------------------------*/ html{font-size:85%;} .nav ul{ margin-left: auto; margin-right: auto; } .nv ul li:nth-child(odd) { border-bottom: none; } .nav ul li.home{ border-left: 1px dotted #000; } .nav ul li.link{ border-right: 1px dotted #000; } .wrap{ width:1280px; } /* @end @default setup */ } /* @end 80rem (1280px) - wide desktop */ /*--------------------------------------------------------*/ /* @group @Print --------------------------------------------------------*/ @media print{ *{ background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important; } @page{margin:0.5cm;} h2,h3{orphans:3;widows:3;page-break-after:avoid;} p{orphans:3;widows:3;} img{max-width:100% !important;page-break-inside:avoid;} thead{display:table-header-group;} tr{page-break-inside:avoid;} pre,blockquote{border:1px solid #808080;page-break-inside:avoid;} abbr[title]:after{content:" (" attr(title) ")";} a,a:visited{color:#000000 !important;text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} } /* @end print */