@charset "UTF-8";
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

a {
  color: #09c;
  text-decoration: none;
}

a:hover {
    COLOR: #0085B2;
}

a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

.radius {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.b {
  font-weight: bold;
}

.pix-b {
  color: #990000;
  font-weight: bold;
}
.pix-b14 {
    color: #E60751;
    font-weight: bold;
    font-size: 14px;
}

.pix-a {
    color: #EC2959;
    font-weight: bold;
}
.pix-a14 {
    color: #E21C4D;
    font-weight: bold;
    font-size: 105%;
    line-height: 20px;
}
.pix-c {
    color: #2928EC;
    font-weight: bold;
}

.members-pager .num {
  text-align: right;
  font-weight: bold;
  font-size: larger;
}

.line-l {
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #FFFFFF;
  border-right-color: #5368DF;
  border-bottom-color: #FFFFFF;
  border-left-color: #5368DF;
}

body {
  font-size: 85%;
  line-height: 130%;
  font-family:"Century Gothic", sans-serif;
}

.wrapper {
  overflow: auto;
  padding: 0 0 20px 0;
  margin: 0 auto;
  border: 1px #999 solid;
  border-style: none solid;
  box-shadow: 0 0 20px #eee;
}

.footer-wrapper {
  margin: 0 auto;
  padding-bottom: 8px;
  border: #999 solid 1px;
  border-style: none solid;
  box-shadow: 0 0 20px #eee;
  text-align: center;
  /* centering footermenu(inline-block) 26-3-2017 */
}

header, footer, #content .main, .side, .copyright-wrapper {
  box-sizing: border-box;
}

header, footer, #content {
  width: 100%;
  overflow: hidden;
}

header {
  border-top: 8px solid #007CAA;
  padding: 15px 20px 0;
}

#logo {
  float: left;
}

.logo-j {
  margin-top: 5px;
}

.header-right {
  float: right;
}

.pamphlet {
  text-align: right;
  font-size: 110%;
}

.google {
  text-align: right;
}

.google {
  margin: 20px 0 0 0;
}

/**/
.categorymenu-tile {
  width: 280px;
  height: 260px;
}

.categorymenu-tile:before {
  display: block;
  width: 5px;
  height: 260px;
  border-right: #000 solid 2px;
}

/* サイドバー */
#menubar {
  width: 100%;
}

#yosakoi-menubar {
  width: 100%;
}

#yosakoi-menubar table {
  margin: auto;
}

.yosakoi-nav td {
  text-align: center;
  border: 1px solid #5368df;
  border-style: none solid;
  padding: 4px 0;
}

.yosakoi-h3 {
  margin-top: 3em;
}

.yosakoi-nav {
  width: 400px;
  margin: 1em auto;
}

.yosakoi-sche-date {
  width: 100%;
  padding: 8px 0 4px 8px;
  background-color: #ff9;
  border-bottom: 1px solid #f90;
  font-weight: bold;
  clear: both;
}

.yosakoi-text .row {
  clear: both;
}

.yosakoi-text .row:last-child {
  border: none;
}

.yosakoi-text .row div {
  float: left;
  padding: 0 4px 2px;
  margin: 8px 0;
  box-sizing: border-box;
}

.yosakoi-text .row1 div:nth-child(1) {
  width: 25%;
}

.yosakoi-text .row1 div:nth-child(2) {
  width: 22%;
}

.yosakoi-text .row1 div:nth-child(3) {
  width: 52%;
}

.yosakoi-text .row2 div:nth-child(1) {
  width: 20%;
}

.yosakoi-text .row2 div:nth-child(2) {
  width: 20%;
}

.yosakoi-text .row2 div:nth-child(3) {
  width: 50%;
}

.yosakoi-text .row3 div:nth-child(1) {
  width: 28%;
}

.yosakoi-text .row3 div:nth-child(2) {
  width: 40%;
}

.yosakoi-text .row3 div:nth-child(3) {
  width: 32%;
}

.yosakoi-area dd {
  padding-left: 4em;
  border-bottom: 1px dotted #999;
  margin-bottom: 8px;
}

.menu-list-title, .menu-item-hone {
  font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
  text-align: center;
}

.menu-item-hone {
  margin: 50px auto 30px;
  padding: 0 0 30px;
  border-bottom: dotted 1px #666;
  font-size: 160%;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.menu-list-title {
    margin: 40px auto 0;
    padding: 0 0 20px;
    font-size: 180%;
    font-weight: normal;
    letter-spacing: 0.1em;
}

/* メニュー画像 */
.menu-list {
  margin: 0 auto;
  overflow: hidden;
}

.top-menu-list li, .menu-list li {
  padding: 0;
  list-style-type: none;
  background-repeat: no-repeat;
  background-size: contain;
}

.top-menu-list {
  overflow: hidden;
}
.top-menu-list li {
  float: left;
  max-width: 279px;
  margin: 0 0 8px 0;
  box-sizing: border-box;
  overflow: hidden;
}
.top-menu-list a {
  display: block;
}
.top-menu-list img {
  display: block;
  visibility: hidden;
}

.menu-list li:nth-child(1) {
  background-image: url(../img/sidemenu/cat1.jpg);
}

.menu-list li:nth-child(2) {
  background-image: url(../img/sidemenu/cat2.jpg);
}

.menu-list li:nth-child(3) {
  background-image: url(../img/sidemenu/cat3.jpg);
}

.menu-list li:nth-child(4) {
  background-image: url(../img/sidemenu/cat4.jpg);
}

.menu-list li:nth-child(5) {
  background-image: url(../img/sidemenu/cat5.jpg);
}

.menu-list li:nth-child(6) {
  background-image: url(../img/sidemenu/cat6.jpg);
}

.top-menu-list li:nth-child(1) div {
  background-image: url(../img/mainmenu/cat1.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

.top-menu-list li:nth-child(2) div {
  background-image: url(../img/mainmenu/cat2.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

.top-menu-list li:nth-child(3) div {
  background-image: url(../img/mainmenu/cat3.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

.top-menu-list li:nth-child(4) div {
  background-image: url(../img/mainmenu/cat4.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

.top-menu-list li:nth-child(5) div {
  background-image: url(../img/mainmenu/cat5.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

.top-menu-list li:nth-child(6) div {
  background-image: url(../img/mainmenu/cat6.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

.top-menu-list li:nth-child(1) a:hover {
  background-image: url(../img/mainmenu/cat1.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

.top-menu-list li:nth-child(2) a:hover {
  background-image: url(../img/mainmenu/cat2.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

.top-menu-list li:nth-child(3) a:hover {
  background-image: url(../img/mainmenu/cat3.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

.top-menu-list li:nth-child(4) a:hover {
  background-image: url(../img/mainmenu/cat4.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

.top-menu-list li:nth-child(5) a:hover {
  background-image: url(../img/mainmenu/cat5.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

.top-menu-list li:nth-child(6) a:hover {
  background-image: url(../img/mainmenu/cat6.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

.top-menu-list li a:hover img,
.menu-list li a:hover img,
.cat1 .menu-cat1 img, .cat2 .menu-cat2 img,
.cat3 .menu-cat3 img, .cat4 .menu-cat4 img,
.cat5 .menu-cat5 img, .cat6 .menu-cat6 img {
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.top-menu-list li:nth-child(1) a:hover img, .menu-list li:nth-child(1) a:hover img, .cat1 .menu-cat1 img {
  background-color: #83AD28;
}

.top-menu-list li:nth-child(2) a:hover img, .menu-list li:nth-child(2) a:hover img, .cat2 .menu-cat2 img {
  background-color: #7F4F21;
}

.top-menu-list li:nth-child(3) a:hover img, .menu-list li:nth-child(3) a:hover img, .cat3 .menu-cat3 img {
  background-color: #C09B0F;
}

.top-menu-list li:nth-child(4) a:hover img, .menu-list li:nth-child(4) a:hover img, .cat4 .menu-cat4 img {
  background-color: #E39300;
}

.top-menu-list li:nth-child(5) a:hover img, .menu-list li:nth-child(5) a:hover img, .cat5 .menu-cat5 img {
  background-color: #C01734;
}

.top-menu-list li:nth-child(6) a:hover img, .menu-list li:nth-child(6) a:hover img, .cat6 .menu-cat6 img {
  background-color: #0D6FA7;
}

.footermenu {
  width: 90%;
  margin: 0 auto 8px;
  padding: 4px 0;
  border: 1px dotted #999;
  border-style: dotted none;
}
.footermenu ul {
  display: inline-block;
  overflow: hidden;
  font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
  font-weight: bold;
  font-size: 110%;
  color: #069;
}
.footermenu ul li {
  display: inline;
  float: left;
  margin-right: 20px;
}
.footermenu ul li:before {
  position: relative;
  top: 2px;
  content: url(../img/checkbox.png);
}
.footermenu ul li.selected:before, .footermenu ul li:hover:before {
  position: relative;
  top: 2px;
  content: url(../img/checkbox_checked.png);
}

.copyright {
  width: 100%;
  border-top: #999 solid 1px;
  font-weight: bold;
}

.copyright-wapper {
  text-align: center;
  text-align: center;
  border: #999 solid 1px;
  box-shadow: 0 0 20px #eee;
  border-style: none solid;
  padding: 20px 0;
}


.linkarea {
  clear: both;
  width: 90%;
  margin: 8px auto 0;
  padding-top: 10px;
  border-top: dotted 1px #999;
}
.linkarea h2 {
	font-weight: bold;
	text-align: center;
}
.linkarea .row {
  clear: both;
  overflow: hidden;
}
.linkarea .row .linkbanner {
  float: left;
  width: 25%;
}
.linkarea .row .linkbanner2 {
  float: left;
  width: 33%;
}

.linkarea .row .linkbanner img {
  margin: 0 auto;
}

.categorytop {
  overflow: hidden;
}
.categorytop img {
  display: block;
  float: right;
}

.under-logo {
  margin-top: 10px;
  text-align: center;
}

.tile-panel {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  clear: both;
}
.tile-panel .row {
  clear: both;
  overflow: hidden;
  width: 100%;
}
.tile-panel .row .tile {
  box-sizing: border-box;
  width: 33%;
  float: left;
  border-right: 1px solid #83AD28;
  padding: 10px 0 8px;
}
.tile-panel .row .tile .title {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
  padding-top: 4px;
}
.tile-panel .row .tile .text {
  border-top: #999 dotted 1px;
  width: 90%;
  margin: 8px auto;
  padding-top: 8px;
}
.tile-panel .row .tile img {
  display: block;
  margin: 0 auto;
}
.tile-panel .row .tile:last-child {
  border-right: none;
}
.tile-panel .row .tile:first-child {
  clear: left;
}
.tile-panel .spacers {
  overflow: hidden;
  width: 100%;
  height: 20px;
}
.tile-panel .spacers .spacer-tile {
  width: 33.3%;
  height: 15px;
  float: left;
}
.tile-panel .spacers .spacer-tile:before {
  content: "";
  height: 10px;
  display: block;
  margin: 0 10px 10px 10px;
  border-bottom: 1px solid #83AD28;
}

.tile-panel .row:first-child .tile {
  padding-top: 0;
}

.cat2 .row .tile, .cat2 .spacers .spacer-tile:before {
  border-color: #7F4F21;
}

.cat3 .row .tile, .cat3 .spacers .spacer-tile:before {
  border-color: #C09B0F;
}

.cat4 .row .tile, .cat4 .spacers .spacer-tile:before {
  border-color: #E39300;
}

.cat5 .row .tile, .cat5 .spacers .spacer-tile:before {
  border-color: #C01734;
}

.cat6 .row .tile, .cat6 .spacers .spacer-tile:before {
  border-color: #0D6FA7;
}

.announce {
  width: 100%;
  overflow: hidden;
}
.announce .pickup {
  float: left;
  width: 35%;
}
.announce .pickup .title {
  margin-bottom: 1em;
  padding: 8px;
  font-weight: bold;
  font-size: 130%;
  color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
  letter-spacing: 2px;
  text-align: center;
  background-color: #0089D0;
}
.announce .pickup .item {
  width: 80%;
  margin: 0 auto;
}
.announce .pickup .item img {
  display: block;
  margin: 0 auto 1em;
  width: 100%;
  height: auto;
}
.announce .pickup .item .news-title {
  font-weight: bold;
}
.announce .pickup .item a {
  font-weight: bold;
}
.announce .news {
  float: right;
  width: 65%;
}
.announce .news .title {
  margin-bottom: 1em;
  padding: 8px 8px 8px 1em;
  font-weight: bold;
  font-size: 130%;
  color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
  letter-spacing: 2px;
  background-color: #29A7E1;
}
.announce .news .item {
  clear: both;
  margin: 0 0 1em 0;
  padding: 0 0 8px 8px;
  border-bottom: 1px dotted #999;
  font-size: 90%;
}
.announce .news .item .icon {
  display: block;
  float: left;
  margin-right: 8px;
}
.announce .news .item .news-title {
  font-weight: bold;
}
.announce .news .item a {
  font-weight: bold;
}
.announce .news .item:last-child {
  border-bottom: none;
}

.page-2column .article {
  margin: 0 10px 20px;
}
.page-2column .article .category-title {
  margin: 0 auto 1em;
  padding: 2px 0 0 10px;
  border: solid #fc3 0;
  border-width: 0 0 1px 10px;
}
.page-2column .article h2, .page-2column .article .article-title {
  border: 1px dotted #f96;
  border-style: dotted none;
  margin: 0 0 1em;
  padding: 8px;
  font-size: 110%;
  font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
  font-weight: bold;
}
.page-2column .article h3, .page-2column .article paragraph-title {
  clear: both;
  border-bottom: 1px dotted #f96;
  margin: 2em 0 8px;
  padding-bottom: 4px;
  overflow: hidden;
  font-size: 110%;
  font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
  font-weight: bold;
}
.page-2column .article p {
  padding-left: 1em;
}
.page-2column .article .all-line {
  margin: 1em 0;
  padding: 8px;
  border: #ccc solid 1px;
}
.page-2column .article img.align-right {
  display: block;
  float: right;
  margin: 0 0 0 10px;
}
.page-2column .article .main-discription .main-photo {
  width: 50%;
}
.page-2column .article .osusumepoint .row {
  overflow: hidden;
}
.page-2column .article .osusumepoint .row .item {
  float: left;
  width: 32%;
  margin-right: 1%;
  text-align: center;
}
.page-2column .article .osusumepoint .row .item img {
  display: block;
  margin: 0 auto;
}
.page-2column .article .osusumepoint .row .item:last-child {
  margin-right: 0;
}
.page-2column .article .osusumepoint .text {
  margin: 8px 0;
  padding: 8px;
  border-top: 1px dotted #999;
}
.page-2column .article .link-other {
  margin: 1em 0;
}
.page-2column .article .link-other h3.link-other-title {
  padding: 4px 8px;
  background-color: #FF9;
}
.page-2column .article .link-other h3.link-other-title:before {
  content: "■";
  color: #F93;
}
.page-2column .article .link-other .row {
  overflow: hidden;
}
.page-2column .article .link-other .row .item {
  float: left;
  width: 16.5%;
  text-align: center;
}
.page-2column .article .link-other .row .item img {
  display: block;
  margin: 0 auto;
  width: 97%;
  height: auto;
}

.member-list {
  margin: 1em 2em;
}

.member-list h3 {
  font-weight: bold;
  color: orange;
  font-size: 110%;
}

.member-list .member {
  margin: 1 2 1 2em;
  clear: none;
}

.member-list .member div {
  float: left;
  border-bottom: 1px #ccc dotted;
  padding-bottom: 4px;
  margin-bottom: 8px;
  font-weight: normal;
}

.member-list .member .name {
  width: 30%;
}

.member-list .member .address {
  width: 35%;
}

.member-list .member .tel {
  width: 20%;
}

.cat4, .cat6 {
  /* タイルが４つのカテゴリトップ */
}
.cat4 .tile-panel, .cat6 .tile-panel {
  width: 90%;
  margin: 0 auto;
}
.cat4 .row, .cat4 .spacers, .cat6 .row, .cat6 .spacers {
  width: 100%;
}
.cat4 .row .tile, .cat4 .spacers .spacer-tile, .cat6 .row .tile, .cat6 .spacers .spacer-tile {
  width: 48%;
}
.cat4 .row .tile img, .cat4 .spacers .spacer-tile img, .cat6 .row .tile img, .cat6 .spacers .spacer-tile img {
  max-width: 100%;
}

@media (max-width: 479px) {
  /*スマホ横 以下*/
  img {
    max-width: 100%;
    height: auto;
  }

  .top-menu-list {
    margin: 0 8px;
  }

  .top-menu-list div {
    margin: 0 4px;
  }

  .top-menu-list li {
    width: 50%;
  }

  #logo {
    width: 80%;
  }

  header {
    padding: 8px 0 0 10px;
  }

  .header-right {
    margin: 10px;
  }
  .header-right .google {
    margin-top: 8px;
  }

  .side {
    display: none;
  }

  .announce .pickup, .announce .news {
    float: none;
    width: 100%;
  }

  .page-2column .article .main-discription .main-text {
    width: 100%;
  }

  .aiueo-search .icon, .aiueo-search .banner-facebook {
    float: none;
    font-size: 80%;
    width: 100%;
  }

  .tile-panel .row .tile {
    padding: 0 4px;
  }

  .menu-list-title {
    font-size: 90%;
    paddimg: 8px auto;
  }

  .banner-facebook {
    text-align: center;
  }
    
  .banner-insta {
    text-align: center;
  }

  .linkarea .row .linkbanner {
    float: none;
    width: 100%;
    text-align: center;
  }

  #footer {
    font-size: 80%;
  }

  .copyright {
    font-size: 70%;
  }

  .drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
    height: 4px;
  }

  .drawer-nav, .drawer-hamburger {
    background-color: #fff;
  }

  .drawer-hamburger:hover {
    background-color: #fff;
  }

  .drawer-hamburger {
    padding-bottom: 20px;
    padding-top: 10px;
    top: 8px;
  }

  #photo-yosakoi-eki {
    width: 50%;
    height: auto;
    margin-left: 8px;
  }

  .member-list .member div {
    width: 100%;
  }

  .member-list .member div:nth-child(1) {
    width: 100%;
  }

  .member-list .member div:nth-child(1) {
    float: none;
  }
}
@media (max-width: 380px) {
  /*スマホ縦*/
  .cat3 ovject {
    float: none;
  }

  .yosakoi-nav {
    width: 90%;
  }
}
@media (min-width: 480px) {
  /* Tablet 以上 */
  img {
    max-width: 100%;
    height: auto;
  }

  .top-menu-list {
    margin: 0 0 0 20px;
  }

  .top-menu-list div {
    margin: 0 0 0 4px;
  }

  .top-menu-list li {
    width: 33.3%;
  }

  .drawer-hamburger {
    display: none;
  }

  .wrapper, .footer-wrapper {
    width: 100%;
  }

  .header {
    padding: 0 8px;
  }

  .page-2column .side {
    float: left;
    width: 25%;
    padding: 0 10px 0;
  }
  .page-2column .main {
    float: right;
    width: 75%;
    overflow: hidden;
  }
  .page-2column .main .categorytop img {
    width: 100%;
  }
  .page-2column .main .menu-list-title, .page-2column .main .menu-item-hone {
    width: 100％;
  }
  .page-2column .main .tile-panel {
    padding: 0 10px 0 0;
  }
  .page-2column .tile-panel .tile {
    padding: 0 8px;
  }
  .page-2column .tile-panel .tile img {
    max-width: 100%;
    height: auto;
  }

  .page-1column .side {
    display: none;
  }
  .page-1column .main {
    width: 100%;
  }

  .menu-list {
    width: 100%;
  }
  .menu-list li {
    margin-bottom: 15px;
  }
  .menu-list li img {
    width: 100%;
    height: auto;
  }

  .bijou1, .bijou2 {
    width: 100%;
    margin: 10px auto 0;
  }
  .bijou1 img, .bijou2 img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 1000px) {
  /* for PC */
  .page-2column .article {
    margin: 0 20px 20px 0;
  }

  .wrapper, .footer-wrapper {
    width: 1000px;
  }

  .page-2column .side {
    float: left;
    width: 240px;
    padding: 10px 0 20px;
  }
  .page-2column .main {
    float: right;
    width: 760px;
  }
  .page-2column .menu-list li {
    margin: 0 auto 20px;
    width: 197px;
  }
  .page-2column .menu-list-title, .page-2column .menu-item-hone {
    width: 197px;
  }
  .page-2column .tile-panel {
    padding: 0 20px 0 0;
  }

  .page-1column .side {
    display: none;
  }
  .page-1column .main {
    width: 100%;
  }

  .main-wrapper {
    padding: 20px;
  }

  .categorytop {
    height: 300px;
  }

  .copyright-wapper {
    width: 900px;
    margin: 0 auto;
  }

  /* TOPページ カテゴリメニュー */
  .bijou1, .bijou2 {
    height: 60px;
  }
}