■
html
枝豆隊
豆はカラダにイイ
枝豆の栄養素はスゴい
枝豆は大豆が未成熟で収穫したものですが、たくさんの栄養がつまっています。枝豆のタンパク質に含まれる成分はアルコールを分解を促します。カリウムも含まれており塩分を体の外に排出する手伝いをしています。
代表的な豆料理
枝豆
枝豆は未成熟の大豆を収穫したもの。枝付きのままゆでたので「枝豆」と呼ばれるようになりました。塩ゆでして食べると非常に美味。しかし塩ゆでするときは沸騰した湯で茹でる。茹で上がった豆を冷水でさらしてはいけない。濃厚な風味がそこなわれることになる。
ずんだ
ゆでた枝豆をすり潰したもの。ずんだを餅にまぶしたものは「ずんだ餅」といって宮城県の特産品です。主に夏の時期に食べられます。非常に枝豆の風味が良いのが特徴です。
枝豆隊隊長
枝豆隊隊長は、枝豆について知識をもち、新しい枝豆料理につねにチャレンジしています。
css
@charset "utf-8";
/* CSS Document */
/*reset*/
html, body, div, h1, h2, h3, p, ul, li {
margin: 0;
padding: 0;
line-height: 1.0;
font-family:"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
body {
background:#FFFFFF;
font-size: 16px;
}
ul, li { list-style:none;}
a {text-decoration: none;}
img {
border: 0;
vertical-align: bottom;
}
img {
max-width : 100%;
}
/*layout*/
#container {
width: 100%;
}
#header {
text-align: center;
padding-top: 16px;
}
#wrapper {
width:960px;
margin: 0 auto;
overflow: hidden;
}
/*font-size*/
h1 {
font-size: 48px;
text-align:center;
margin-bottom: 15px;
}
h2 {
text-align:center;
font-size: 36px;
margin-bottom: 16px;
}
h3 {
font-size: 24px;
margin-bottom: 16px;
}
h4 {
font-size: 16px;
margin-bottom: 16px;
}
/*navigation*/
nav {
width: 100%;
background:#6E3625;
margin-bottom: 24px;
height: 50px;
}
nav ul {
width: 960px;
overflow: hidden;
margin: 0 auto;
}
nav ul li {
border-right:#FFF solid 1px;
width: 25%;
float: left;
box-sizing: border-box;
}
nav ul li:first-child {
border-left: 1px solid #FFF;
}
nav ul li a{
display:block;
line-height: 50px;
color: #FFF;
text-align:center;
}
nav ul li a:hover {
color: #FFF;
background-color:#7D4934;
}
/*main*/
.main {
width: 600px;
padding: 10px;
float: left;
}
/*sub*/
.subMain {
width:300px;
float: right;
}
.main p,.main img,.subMain p,.subMain img {
margin-bottom: 16px;
}
.subMain img,.main img {
max-width: 100%;
}
.main img {
box-shadow: 0 0 10px #666;
}
/*footer*/
#footer {
width:100%;
padding: 24px 0;
text-align:center;
background-color:#629E3C;
}
/*タブレット用*/
@media screen and (max-width : 959px){
nav ul {
width: 100%;
}
#wrapper {
width: 100%;
}
.main,.subMain {
width: 98%; /*940/960*/
float: none;
padding:0 1%;
}
#footer p {
padding: 1%;
}
nav {
margin-bottom: 1%;
}
.subMain img {
box-shadow: 0 0 10px #666;
}
}
/*スマホ用*/
@media screen and (max-width : 767px) {
#wrapper {
text-align:center;
width: 96%;
}
nav {
height: 100%
}
nav ul li {
width:50%;
border-right: none;
}
nav li:nth-child(-n+2) { /*2番目までborder-bottomがきく*/
border-bottom: 1px solid #FFF;
}
nav li:nth-child(odd) {
border-right: 1px solid #FFF;
}
}