@charset "utf-8";
/*------------------------------------------------------------
トップ用共通部分
------------------------------------------------------------*/
#header {
  height: 320px;
}
#header h1 {
  text-align: center;
  padding-top: 50px;
}

@media screen and (max-width: 736px) {
  #header {
    height: 210px;
  }
  #header h1 {
    padding-top: 80px;
  }
}
#footer ul {
  border-top: 1px solid #f6f6f6;
}

/*------------------------------------------------------------
#main_content
 ------------------------------------------------------------*/
#main_content {
  max-width: 1440px;
  min-width: 768px;
  margin: 0 auto 100px;
}
#main_content ul {
  overflow: hidden;
}
#main_content ul li {
  float: left;
  width: 23%;
  margin: 0 1% 2% 1%;
  text-align: center;
  border-radius: 40px;
  overflow: hidden;
  position: relative;
}
#main_content ul li a {
  color: #fff;
}
#main_content ul li dl {
  width: 100%;
  height: 100%;
}
#main_content ul li dl:before {
  content: '';
  position: absolute;
  background-size: 180px;
  width: 180px;
  height: 180px;
  left: 50%;
  top: 50%;
  margin-top: -90px;
  margin-left: -90px;
  z-index: 20;
}
#main_content ul li dl:after {
  content: '';
  position: absolute;
  background-size: 180px;
  width: 180px;
  height: 180px;
  left: 50%;
  top: 50%;
  margin-top: -90px;
  margin-left: -90px;
  z-index: 10;
}
#main_content ul li dl dt {
  position: absolute;
  z-index: 30;
  top: 50%;
  left: 50%;
  margin: -70px 0 0 -41px;
  width: 82px;
  text-align: center;
}
#main_content ul li dl dd {
  position: absolute;
  z-index: 30;
  top: 50%;
  left: 50%;
  width: 180px;
  margin: 15px 0 0 -90px;
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1;
}
#main_content ul li dl dd small {
  font-family: 'Cabin', sans-serif;
  font-weight: 600;
  letter-spacing: 0.1rem;
  font-family: "Times New Roman", Times, serif;
  font-size: 1.2rem;
  font-weight: normal;
  font-style: italic;
}
#main_content ul li.hoshi dl {
  background: url("../common/images/bg_photo_hoshi.jpg") center center no-repeat;
  background-size: cover;
}
#main_content ul li.hoshi dl:before {
  background: url("../common/images/bg_kanji_hoshi.png");
}
#main_content ul li.outdoor dl {
  background: url("../common/images/bg_photo_outdoor.jpg") center center no-repeat;
  background-size: cover;
}
#main_content ul li.outdoor dl:before {
  background: url("../common/images/bg_kanji_outdoor.png");
}
#main_content ul li.outdoor dl:after {
  background: url("../common/images/bg_kanji_outdoor02.png");
}
#main_content ul li.budo dl {
  background: url("../common/images/bg_photo_budo.jpg") center center no-repeat;
  background-size: cover;
}
#main_content ul li.budo dl:before {
  background: url("../common/images/bg_kanji_budo.png");
}
#main_content ul li.budo dl:after {
  background: url("../common/images/bg_kanji_budo02.png");
}
#main_content ul li.cafe dl {
  background: url("../common/images/bg_photo_cafe.jpg") center center no-repeat;
  background-size: cover;
}
#main_content ul li.cafe dl:before {
  background: url("../common/images/bg_kanji_cafe.png");
}
#main_content ul li.cafe dl:after {
  background: url("../common/images/bg_kanji_cafe.png");
}
#main_content ul li.sweets dl {
  background: url("../common/images/bg_photo_sweets.jpg") center center no-repeat;
  background-size: cover;
}
#main_content ul li.sweets dl:before {
  background: url("../common/images/bg_kanji_sweets.png");
}
#main_content ul li.sweets dl:after {
  background: url("../common/images/bg_kanji_sweets02.png");
}
#main_content ul li.market dl {
  background: url("../common/images/bg_photo_market.jpg") center center no-repeat;
  background-size: cover;
}
#main_content ul li.market dl:before {
  background: url("../common/images/bg_kanji_market.png");
}
#main_content ul li.market dl:after {
  background: url("../common/images/bg_kanji_market02.png");
}
#main_content ul li.shodo dl {
  background: url("../common/images/bg_photo_shodo.jpg") center center no-repeat;
  background-size: cover;
}
#main_content ul li.shodo dl:before {
  background: url("../common/images/bg_kanji_shodo.png");
}
#main_content ul li.shodo dl:after {
  background: url("../common/images/bg_kanji_shodo02.png");
}
#main_content ul li.anime dl {
  background: url("../common/images/bg_photo_anime.jpg") center center no-repeat;
  background-size: cover;
}
#main_content ul li.anime dl:before {
  background: url("../common/images/bg_kanji_anime.png");
}
#main_content ul li.anime dl:after {
  background: url("../common/images/bg_kanji_anime02.png");
}
#main_content ul li.book dl {
  background: url("../common/images/bg_photo_book.jpg") center center no-repeat;
  background-size: cover;
}
#main_content ul li.book dl:before {
  background: url("../common/images/bg_kanji_book.png");
}
#main_content ul li.book dl:after {
  background: url("../common/images/bg_kanji_book02.png");
}
#main_content ul li.tera-jinja dl {
  background: url("../common/images/bg_photo_tera-jinja.jpg") center center no-repeat;
  background-size: cover;
}
#main_content ul li.tera-jinja dl:before {
  background: url("../common/images/bg_kanji_tera-jinja.png");
}
#main_content ul li.tera-jinja dl:after {
  background: url("../common/images/bg_kanji_tera-jinja02.png");
}
#main_content ul li.music dl {
  background: url("../common/images/bg_photo_music.jpg") center center no-repeat;
  background-size: cover;
}
#main_content ul li.music dl:before {
  background: url("../common/images/bg_kanji_music.png");
}
#main_content ul li.suizokukan dl {
  background: url("../common/images/bg_photo_suizokukan.jpg") center center no-repeat;
  background-size: cover;
}
#main_content ul li.suizokukan dl:before {
  background: url("../common/images/bg_kanji_suizokukan.png");
}
#main_content ul li.suizokukan dl:after {
  background: url("../common/images/bg_kanji_suizokukan02.png");
}

@media all and (max-width: 820px) {
  #main_content ul li.hoshi dl:before {
    background: url("../common/images/bg_kanji_hoshi.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.outdoor dl:before {
    background: url("../common/images/bg_kanji_outdoor.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.outdoor dl:after {
    background: url("../common/images/bg_kanji_outdoor02.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.budo dl:before {
    background: url("../common/images/bg_kanji_budo.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.budo dl:after {
    background: url("../common/images/bg_kanji_budo02.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.cafe dl:before {
    background: url("../common/images/bg_kanji_cafe.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.cafe dl:after {
    background: url("../common/images/bg_kanji_cafe.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.sweets dl:before {
    background: url("../common/images/bg_kanji_sweets.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.sweets dl:after {
    background: url("../common/images/bg_kanji_sweets02.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.market dl:before {
    background: url("../common/images/bg_kanji_market.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.market dl:after {
    background: url("../common/images/bg_kanji_market02.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.shodo dl:before {
    background: url("../common/images/bg_kanji_shodo.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.shodo dl:after {
    background: url("../common/images/bg_kanji_shodo02.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.anime dl:before {
    background: url("../common/images/bg_kanji_anime.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.anime dl:after {
    background: url("../common/images/bg_kanji_anime02.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.book dl:before {
    background: url("../common/images/bg_kanji_book.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.book dl:after {
    background: url("../common/images/bg_kanji_book02.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.tera-jinja dl:before {
    background: url("../common/images/bg_kanji_tera-jinja.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.tera-jinja dl:after {
    background: url("../common/images/bg_kanji_tera-jinja02.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.music dl:before {
    background: url("../common/images/bg_kanji_music.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.suizokukan dl:before {
    background: url("../common/images/bg_kanji_suizokukan.png") center center no-repeat;
    background-size: 160px auto;
  }
  #main_content ul li.suizokukan dl:after {
    background: url("../common/images/bg_kanji_suizokukan02.png") center center no-repeat;
    background-size: 160px auto;
  }
}
@media all and (max-width: 736px) {
  #main_content {
    width: auto;
    min-width: 0;
    margin: 0 auto 50px;
  }
  #main_content ul {
    margin: 0 1%;
  }
  #main_content ul li {
    float: left;
    width: 46%;
    margin: 0 2% 4% 2%;
  }
  #main_content ul li dl {
    border-radius: 20px;
  }
  #main_content ul li dl:before {
    background-size: 120px;
    width: 120px;
    height: 120px;
    margin-top: -60px;
    margin-left: -60px;
  }
  #main_content ul li dl:after {
    background-size: 120px;
    width: 120px;
    height: 120px;
    margin-top: -60px;
    margin-left: -60px;
  }
  #main_content ul li dl dt {
    margin-top: -50px;
    margin-left: -30px;
    width: 60px;
  }
  #main_content ul li dl dt img {
    width: 60px;
    height: auto;
  }
  #main_content ul li dl dd {
    margin-top: 15px;
    font-size: 1.2rem;
  }
  #main_content ul li dl dd small {
    font-size: 0.8rem;
    letter-spacing: 0;
  }
  #main_content ul li.hoshi dl:before {
    background: url("../common/images/bg_kanji_hoshi.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.outdoor dl:before {
    background: url("../common/images/bg_kanji_outdoor.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.outdoor dl:after {
    background: url("../common/images/bg_kanji_outdoor02.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.budo dl:before {
    background: url("../common/images/bg_kanji_budo.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.budo dl:after {
    background: url("../common/images/bg_kanji_budo02.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.cafe dl:before {
    background: url("../common/images/bg_kanji_cafe.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.cafe dl:after {
    background: url("../common/images/bg_kanji_cafe.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.sweets dl:before {
    background: url("../common/images/bg_kanji_sweets.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.sweets dl:after {
    background: url("../common/images/bg_kanji_sweets02.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.market dl:before {
    background: url("../common/images/bg_kanji_market.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.market dl:after {
    background: url("../common/images/bg_kanji_market02.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.shodo dl:before {
    background: url("../common/images/bg_kanji_shodo.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.shodo dl:after {
    background: url("../common/images/bg_kanji_shodo02.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.anime dl:before {
    background: url("../common/images/bg_kanji_anime.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.anime dl:after {
    background: url("../common/images/bg_kanji_anime02.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.book dl:before {
    background: url("../common/images/bg_kanji_book.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.book dl:after {
    background: url("../common/images/bg_kanji_book02.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.tera-jinja dl:before {
    background: url("../common/images/bg_kanji_tera-jinja.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.tera-jinja dl:after {
    background: url("../common/images/bg_kanji_tera-jinja02.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.music dl:before {
    background: url("../common/images/bg_kanji_music.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.suizokukan dl:before {
    background: url("../common/images/bg_kanji_suizokukan.png") center center no-repeat;
    background-size: 120px auto;
  }
  #main_content ul li.suizokukan dl:after {
    background: url("../common/images/bg_kanji_suizokukan02.png") center center no-repeat;
    background-size: 120px auto;
  }
}
/*------------------------------------------------------------
#new_topics
 ------------------------------------------------------------*/
#new_topics {
  max-width: 1440px;
  min-width: 768px;
  margin: 0 auto 100px;
  overflow: hidden;
}
#new_topics h2 {
  font-family: 'Cabin', sans-serif;
  font-weight: 600;
  letter-spacing: 0.1rem;
  letter-spacing: 0.3rem;
  text-align: center;
  font-size: 3.2rem;
  position: relative;
  margin-bottom: 55px;
}
#new_topics h2:before {
  content: '';
  position: absolute;
  background: #000000;
  width: 20px;
  height: 3px;
  top: 50px;
  left: 50%;
  margin-left: -10px;
}
@media all and (max-width: 736px) {
  #new_topics h2 {
    margin-bottom: 20px;
    letter-spacing: 0.3rem;
    font-size: 1.8rem;
  }
  #new_topics h2:before {
    width: 10px;
    height: 2px;
    top: 30px;
    margin-left: -5px;
  }
}
#new_topics figure {
  float: left;
  width: 23%;
  margin: 0 1% 80px 1%;
  border-radius: 30px;
  background: #edebeb;
  overflow: hidden;
  position: relative;
}
#new_topics figure:after {
  display: block;
  content: '';
  width: 40px;
  height: 40px;
  position: absolute;
  top: 20px;
  right: 20px;
}
#new_topics figure.hoshi:after {
  background: url("../common/images/pan_icon_hoshi.png") center center no-repeat;
  background-size: 40px auto;
}
#new_topics figure.outdoor:after {
  background: url("../common/images/pan_icon_outdoor.png") center center no-repeat;
  background-size: 40px auto;
}
#new_topics figure.budo:after {
  background: url("../common/images/pan_icon_budo.png") center center no-repeat;
  background-size: 40px auto;
}
#new_topics figure.cafe:after {
  background: url("../common/images/pan_icon_cafe.png") center center no-repeat;
  background-size: 40px auto;
}
#new_topics figure.sweets:after {
  background: url("../common/images/pan_icon_sweets.png") center center no-repeat;
  background-size: 40px auto;
}
#new_topics figure.market:after {
  background: url("../common/images/pan_icon_market.png") center center no-repeat;
  background-size: 40px auto;
}
#new_topics figure.shodo:after {
  background: url("../common/images/pan_icon_shodo.png") center center no-repeat;
  background-size: 40px auto;
}
#new_topics figure.anime:after {
  background: url("../common/images/pan_icon_anime.png") center center no-repeat;
  background-size: 40px auto;
}
#new_topics figure.book:after {
  background: url("../common/images/pan_icon_book.png") center center no-repeat;
  background-size: 40px auto;
}
#new_topics figure.tera-jinja:after {
  background: url("../common/images/pan_icon_tera-jinja.png") center center no-repeat;
  background-size: 40px auto;
}
#new_topics figure.music:after {
  background: url("../common/images/pan_icon_music.png") center center no-repeat;
  background-size: 40px auto;
}
#new_topics figure.suizokukan:after {
  background: url("../common/images/pan_icon_suizokukan.png") center center no-repeat;
  background-size: 40px auto;
}
#new_topics figure img {
  width: 100%;
  height: auto;
}
#new_topics figure figcaption {
  padding: 10px 20px 15px;
  font-size: 2.0rem;
  font-weight: bold;
  /*			small{
  				font-size: 1.4rem;
  				color: #999;
  				padding-left: 15px;
  			}
  			.hoshi{
  				background: url("../common/images/dot_hoshi.png") left 2px no-repeat;
  				background-size: 10px auto;
  			}
  			.outdoor{
  				background: url("../common/images/dot_outdoor.png") left 2px no-repeat;
  				background-size: 10px auto;
  			}
  			.budo{
  				background: url("../common/images/dot_budo.png") left 2px no-repeat;
  				background-size: 10px auto;
  			}
  			.cafe{
  				background: url("../common/images/dot_cafe.png") left 2px no-repeat;
  				background-size: 10px auto;
  			}
  			.sweets{
  				background: url("../common/images/dot_sweets.png") left 2px no-repeat;
  				background-size: 10px auto;
  			}
  			.market{
  				background: url("../common/images/dot_market.png") left 2px no-repeat;
  				background-size: 10px auto;
  			}
  			.shodo{
  				background: url("../common/images/dot_shodo.png") left 2px no-repeat;
  				background-size: 10px auto;
  			}
  			.anime{
  				background: url("../common/images/dot_anime.png") left 2px no-repeat;
  				background-size: 10px auto;
  			}
  			.book{
  				background: url("../common/images/dot_book.png") left 2px no-repeat;
  				background-size: 10px auto;
  			}
  			.tera-jinja{
  				background: url("../common/images/dot_tera-jinja.png") left 2px no-repeat;
  				background-size: 10px auto;
  			}
  			.music{
  				background: url("../common/images/dot_music.png") left 2px no-repeat;
  				background-size: 10px auto;
  			}
  			.suizokukan{
  				background: url("../common/images/dot_suizokukan.png") left 2px no-repeat;
  				background-size: 10px auto;
  			}
  			p{
  				font-size: 2.0rem;
  				font-weight: bold;
  			}*/
}
#new_topics > p {
  clear: both;
  text-align: center;
}
#new_topics > p a {
  display: inline-block;
  width: 300px;
  background: #000 url("../common/images/bt_arrow_l.png") right center no-repeat;
  color: #fff;
  font-size: 1.6rem;
  line-height: 60px;
  border-radius: 30px;
  font-family: 'Cabin', sans-serif;
  font-weight: 600;
  letter-spacing: 0.1rem;
  width: 600px;
  text-decoration: none;
}

@media all and (max-width: 736px) {
  #new_topics {
    width: auto;
    min-width: 0;
    margin: 0 1% 50px;
  }
  #new_topics figure {
    float: left;
    width: 46%;
    margin: 0 2% 40px 2%;
    border-radius: 20px;
  }
  #new_topics figure:after {
    top: 10px;
    right: 10px;
  }
  #new_topics figure figcaption {
    padding: 5px 10px 10px;
    font-size: 1.4rem;
  }
  #new_topics > p a {
    width: 300px;
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 10px 0;
  }
}

/*# sourceMappingURL=top.css.map */