body {
 font-family: Meiryo;
 background-color: #fff;
}

h1 {
 text-align:center;
 margin-bottom:2px;
}
h2{ font-family: 'MSゴシック','ヒラギノ角ゴ ProN W3';}
a.nhk{font-size:large;font-weight:bold;}
table.hoso{border: 1px solid black;}
span.zehi{color:#fff; background-color:#000;font-weight:bold;}
span.ki{background-color:#ff0; border-bottom:1px solid black;border-bottom-width: 2px;}
ul.konna{ border: 1px solid black;}

.resizeimage img { width: 100%; }


@media screen and (max-width:480px) { 
    /*スマホ用。画面サイズが480px以下はここを読み込む　*/

table#main {display: none;}
td#one {display: none;}

table.stich {display: none;}
div#content {display: none;}
div#main {display: none;}
p.heavy {display: none;}
div#botan {display: none;}

.enter {
 text-align:center;
  margin: 4px;
  padding: 6px;
  position:relative; top:0px; left:-10px
}
.menu {
  padding: 6px;
  width: 100%;
 text-align:center;
  background: #ffff77;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index:999;
}

.hover {
 font-size: 120%; 
  padding: 4px;
  margin: 12px;
  border: 1px solid black;
}

}

@media screen and (min-width:480px) {
    /*タブレット用。画面サイズが480pxからはここを読み込む　*/

.resizeimage img { width: 100%; }

.menu {display: none;}
.hover {display: none;}
li.sp {display: none;}

table#main {
 border:0px solid #eee;
 color:#fff;
}
td#one {background-color: #fff;}

table.stich{
/*stitching*/
    outline: 1px dashed #98abb9;
    outline-offset: -5px;
    background-color: #556068;
    height: 100px;
    width: 540px;
    margin: 8px auto 0px 8px;
/*shadow*/
    -webkit-box-shadow: 2px 2px 2px #000;
    -moz-box-shadow: 2px 2px 2px #000;
    box-shadow: 2px 2px 2px #000;
}


p.heavy {
/*  background: rgb(30,233,66); */
  color: #f1f1f1;
text-align:center;
  text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
               0px 8px 13px rgba(0,0,0,0.1),
               0px 18px 23px rgba(0,0,0,0.1);
}

a { text-decoration: none; }

img#youkoso{margin-left:0px;}

#botan {
 width: 180px;
 text-align:center;
 border-radius: 20px;
 border: 1px solid black;
 padding: 8px;
 margin:8px;
 color:white;
  text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
               0px 8px 13px rgba(0,0,0,0.1),
               0px 18px 23px rgba(0,0,0,0.1);
/*shadow*/
    -webkit-box-shadow: 2px 2px 2px #000;
    -moz-box-shadow: 2px 2px 2px #000;
    box-shadow: 2px 2px 2px #000;
background: rgb(252,236,252); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,236,252,1) 0%, rgba(251,166,225,1) 48%, rgba(253,137,215,1) 67%, rgba(255,124,216,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,236,252,1)), color-stop(48%,rgba(251,166,225,1)), color-stop(67%,rgba(253,137,215,1)), color-stop(100%,rgba(255,124,216,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(252,236,252,1) 0%,rgba(251,166,225,1) 48%,rgba(253,137,215,1) 67%,rgba(255,124,216,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(252,236,252,1) 0%,rgba(251,166,225,1) 48%,rgba(253,137,215,1) 67%,rgba(255,124,216,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(252,236,252,1) 0%,rgba(251,166,225,1) 48%,rgba(253,137,215,1) 67%,rgba(255,124,216,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(252,236,252,1) 0%,rgba(251,166,225,1) 48%,rgba(253,137,215,1) 67%,rgba(255,124,216,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecfc', endColorstr='#ff7cd8',GradientType=0 ); /* IE6-9 */

}


}




@media screen and (min-width:1024px) {
    /*PC用。画面サイズが1024pxからはここを読み込む　*/
.resizeimage img { width: 1024px; }
p.resizeimage {text-align:center;}

}