@charset "UTF-8";

/* ------------------------------------
◆　all
------------------------------------ */
html, body {
  color: #000;
  background-color: #fff;
  font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 20px;
  width: 100%;
  height: auto;
	position: relative;
	-webkit-text-size-adjust: 100%;
}

a {
  color: #333;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

li {
  list-style-type: none;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.clearfix {
  zoom: 1;
}

img {
	display: block;
}

.hidden {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.forsp {
  display: block;
}

.forpc {
  display: none;
}

input {
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
}

.cate-cm .cate,
#post .body_area.cate-cm h4 {
  color: #de3232;
}
.cate-interview .cate,
#post .body_area.cate-interview h4 {
  color: #ff7800;
}
.cate-blog .cate,
#post .body_area.cate-blog h4 {
  color: #00981d;
}
.cate-other .cate,
#post .body_area.cate-other h4 {
  color: #58ace2;
}

.cate-cm .tri {
  border-color: #de3232 transparent transparent transparent;
}
.cate-interview .tri {
  border-color: #ff7800 transparent transparent transparent;
}
.cate-blog .tri {
  border-color: #00981d transparent transparent transparent;
}
.cate-other .tri {
  border-color: #58ace2 transparent transparent transparent;
}

/* ------------------------------------
◆　font
------------------------------------ */
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 300;
  src: url("../font/NotoSansCJKjp-DemiLight.eot");
  src: url("../font/NotoSansCJKjp-DemiLight.eot?#iefix") format("embedded-opentype"),
  url("../font/NotoSansCJKjp-DemiLight.woff") format("woff"),
  url("../font/NotoSansCJKjp-DemiLight.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 500;
  src: url("../font/NotoSansCJKjp-Medium.eot");
  src: url("../font/NotoSansCJKjp-Medium.eot?#iefix") format("embedded-opentype"),
  url("../font/NotoSansCJKjp-Medium.woff") format("woff"),
  url("../font/NotoSansCJKjp-Medium.ttf") format("truetype");
}

.f_noto300 {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 300;
}

.f_noto500 {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 500;
}

.f_open400 {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}

.f_open700 {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}

/* ------------------------------------
◆　#header
------------------------------------ */
#header {
  width: 100%;
  position: relative;
  z-index: 8888;
}

#header .block1 {
  height: 28px;
  border-bottom: 1px #bbb solid;
  position: relative;
  margin: 0 0 73px 0;
  padding: 9px 0 0 0;
}

#header .block1 .left {
  width: 122px;
  margin: 0 0 4px 10px;
}

#header .block1 .right {
  width: 241px;
  margin: 0 0 0 10px;
}

#header .block1 img {
  width: 100%;
  height: auto;
}

#header .block1 .bnr {
  width: 46px;
  position: absolute;
  top: 4px;
  right: 5px;
}

#header .block2 {
  width: 100%;
  height: 73px;
  position: absolute;
  top: 38px;
  left: 0;
  background-color: #fff;
}

#header .block2.on {
  position: fixed;
  top: 0;
  border-bottom: 1px #bbb solid;
}

#header .block2 .logo {
  width: 110px;
  margin: 0 auto;
  padding: 16px 0 0 0;
}

#header .block2 .btn {
  width: 35px;
  height: 35px;
  background-image: url("../img/btn_header_menu.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px 28px;
  margin: -31px 0 0 10px;
}

#header .hide_menu {
  display: none;
  width: 100%;
  position: absolute;
  top: 73px;
  left: 0px;
  background-color: #fff;
}

.search {
  padding: 12px 0 12px 0;
  background-color: #dedede;
  border-top: 1px #5d5d5d solid;
  border-bottom: 1px #9f9f9f solid;
}
.search.forsp {
  background-color: transparent;
  border: 0;
  padding: 0 0 15px 0;
}

.search form {
  width: 290px;
  margin: 0 auto;
  position: relative;
}

.search input[type=text] {
  width: 218px;
  height: 39px;
  line-height: 39px;
  border: 1px #cbcbcb solid;
  font-size: 13px;
  text-align: center;
  padding: 0 35px 0 35px;
}

.search input[type=submit] {
  width: 51px;
  height: 39px;
  border: none;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  background-image: url("../img/bg_header_search_sp.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px 18px;
}

#header .hide_menu .bg_block {
  background-color: #f7f7f7;
}

#header .block2 .menu li {
  font-size: 12px;
  line-height: 12px;
  border-bottom: 1px #9f9f9f solid;
  position: relative;
}

#header .block2 .menu li a,
#header .block2 .menu li span {
  display: block;
  padding: 14px 10px 14px 40px;
}

#header .block2 .menu li a:before,
#header .block2 .menu li span:before {
  content: '';
  width: 13px;
  height: 13px;
  background-image: url("../img/bg_arrow_sp.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 13px 13px;
  position: absolute;
  top: 14px;
  left: 20px;
}

#header .hide_menu .social {
  width: 118px;
  margin: 9px auto 9px;
}

#header .hide_menu .social li {
  width: 36px;
  height: 36px;
  float: left;
  margin: 0 12px 0 11px;
}

#header .hide_menu .social li a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../img/btn_header_fb_sp.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;
}
#header .hide_menu .social li.ig a {
  background-image: url("../img/btn_header_ig_sp.png");
}


#header .hide_menu .brd {
  border-top: 1px #9f9f9f solid;
  border-bottom: 1px #9f9f9f solid;
}

#header .hide_menu .bnr {
  width: 64px;
  margin: 15px auto 15px;
}

#header .hide_menu .bnr img {
  width: 100%;
  height: auto;
}

/* ------------------------------------
◆　#content
------------------------------------ */
#content {
  width: 100%;
  background-color: #eee;
}

#content .topic1 {
  font-size: 13px;
  font-style: italic;
  margin: 0 0 5px 10px;
}

#content .topic1 span {
  display: block;
  font-size: 9px;
  white-space: nowrap;
  margin-top: -2px;
}

#content .topic2 {
  width: 100%;
  height: 25px;
  font-size: 12px;
  line-height: 25px;
  border-top: 1px #555 solid;
  background-color: #ffcc00;
}

#content .topic2 p {
  margin: 0 0 0 10px;
}

#content .topic3 {
  width: 100%;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background-color: #424242;
  background-image: url("../img/bg_topic3.png");
  background-repeat: no-repeat;
  background-position: -130px top;
  background-size: 371px 45px;
  position: relative;
  z-index: 100;
}

#content .topic3 p {
  font-style: italic;
  letter-spacing: 0.05em;
  position: relative;
  z-index: 10;
}

#content .topic4 {
  font-size: 11px;
  font-style: italic;
  margin: 0 5px 7px 5px;
  vertical-align: sub;
  border-bottom: 1px #d1d1d1 solid;
}
#post .topic4 {
  margin: 0 25px 7px 25px;
}

#content .topic4 span {
  font-size: 8px;
  font-style: italic;
  margin: 0 0 0 5px;
}

#content .topic5 {
  font-size: 13px;
  font-style: italic;
  margin: 0 25px 10px 25px;
  padding: 0px 0px 7px 0px;
  border-bottom: 1px #000 solid;
}

#content .search_results {
  text-align: center;
  font-size: 13px;
  line-height: 19px;
  font-style: italic;
  color: #666;
  padding: 12px 0 8px 0;
  letter-spacing: 0.01em;
}

#content .search_results span.key {
  color: #000;
  margin: 0 5px 0 0;
}

#content .search_results span.num {
  color: #000;
  font-size: 15px;
  margin: 0 5px 0 5px;
}

/* ------------------------------------
◆　#content / #breadcrumb
------------------------------------ */
#breadcrumb {
  display: none;
}

/* ------------------------------------
◆　#content / .grid_area
------------------------------------ */
.grid_area {
  margin: 0 5px 0 5px;
}
#post .grid_area {
  margin: 0 25px 0px 25px;
}
.grid_area.active_area {
  padding-bottom: 10px;
}

.grid_area .grid {
  width: 100%;
  border: 1px #cbcbcb solid;
  background-color: #fff;
  float: left;
  margin: 0 0 10px 0;
}

.grid_area.small .grid {
  width: 48.5%;
  float: left;
  margin: 0 0 5px 0;
}
.grid_area.small .grid:nth-child(odd) {
  float: left;
}
.grid_area.small .grid:nth-child(even) {
  float: right;
}

.grid_area.active_area .grid {
  width: 98px!important;
  height: 118px!important;
  margin: 0 5px 5px 0;
}

.grid_area.active_area .grid:nth-child(3n) {
  margin-right: 0;
}

.grid_area .grid .img_block {
  width: 100%;
  position: relative;
  margin: 0 0 10px 0;
}
.grid_area.small .grid .img_block {
  margin: 0px 0 6px 0;
}

.grid_area.active_area .grid .img_block {
  height: 55px;
  margin-top: 6px;
  margin-bottom: 10px;
}

.grid_area .grid .img_block img {
  width: 100%;
  height: auto;
}

.grid_area.active_area .grid .img_block img {
  width: auto;
  height: 100%;
  margin: 0 auto;
}

.grid_area .grid .img_block .tri {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 43px 43px 0 0;
  position: absolute;
  top: 0;
  left: 0;
}
.grid_area.small .grid .img_block .tri {
  border-width: 30px 30px 0 0;
}

.grid_area .grid .img_block .movie {
  width: 30px;
  height: 30px;
  background-image: url("../img/bg_grid_movie_sp.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px 30px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.grid_area.small .grid .img_block .movie {
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
  top: 4px;
  right: 4px;
}

.grid_area .grid .txt_block {
  margin: 0 15px 0 15px;
}
.grid_area.small .grid .txt_block,
.grid_area.active_area .grid .txt_block {
  margin: 0 5px 0 5px;
}

.grid_area .grid .txt_block .cate {
  font-size: 11px;
  line-height: 18px;
  font-style: italic;
  border-bottom: 1px #cbcbcb solid;
  margin: 0 0 9px 0;
  padding: 0 0 0 2px;
}

.grid_area .grid .txt_block .cate .ico_new{
  display: inline-block;
  background-color: #e70807;
  margin: -2px 0 0 8px;
  padding: 1px 10px;
  border-radius: 4px;
  font-style: normal;
  color: #fff;
  vertical-align: middle;
}

.grid_area .grid .txt_block .pre {
  font-size: 9px;
  line-height: 14px;
  border-bottom: 1px #cbcbcb solid;
  margin: 0 0 6px 0;
  padding: 0 0 0 2px;
  color: #666;
}

.grid_area.child.small .grid .txt_block .cate {
  border-bottom: none;
  margin: 0 0 1px 0;
  font-size: 8px;
}

.c_right .grid_area .grid .txt_block .cate {
  border-bottom: none;
  margin: 0 0 5px 0;
}

.grid_area .grid .txt_block .title {
  height: 52px;
  font-size: 13px;
  line-height: 20px;
  position: relative;
  padding: 0 0 0 18px;
}
.grid_area.small .grid .txt_block .title {
  height: 58px;
  font-size: 11px;
  line-height: 15px;
}

.grid_area.child.small .grid .txt_block .title {
  font-size: 9px;
  line-height: 16px;
  padding: 0 0 0 14px;
}

.grid_area.child.small .grid .txt_block .title .name {
  display: block;
  font-size: 13px;
}

.grid_area .grid .txt_block .title:before {
  content: '';
  width: 13px;
  height: 13px;
  background-image: url("../img/bg_arrow_sp.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 13px 13px;
  position: absolute;
  top: 2px;
  left: 0;
}
.grid_area.child.small .grid .txt_block .title:before,
.grid_area.active_area .grid .txt_block .title:before {
  width: 9px;
  height: 9px;
  background-size: 9px 9px;
  top: 4px;
}

.grid_area.active_area .grid .txt_block .title {
  font-size: 9px;
  line-height: 10px;
  padding: 0 0 0 14px;
}

.grid_area .grid .txt_block .desc {
  display: none;
}

/* ------------------------------------
◆　#content / .btn_more
------------------------------------ */
.btn_more {
  width: 155px;
  height: 28px;
  margin: 2px auto 25px;
  border: 1px #cbcbcb solid;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
}
.btn_more.small {
  width: 170px;
  margin-bottom: 14px;
}
.btn_more.m_bottom {
  margin-bottom: 5px;
}

.btn_more p {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  background-image: url("../img/bg_arrow_bottom_sp.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 13px 13px;
  padding: 0 0 0 20px;
}
#activity .btn_more p {
  background-image: url("../img/bg_arrow_sp.png");
}

.btn_more a {
  display: block;
  width: 100%;
  height: 100%;
}

/* ------------------------------------
◆　.loading
------------------------------------ */
.loading {
  width: 32px;
  display: none;
}

.loading.cat_load {
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.loading.more_load {
  margin: 20px auto
}

.c_width.loading_c_width {
  min-height: 311px;
}

/* ------------------------------------
◆　#content / .btn_tab
------------------------------------ */
.btn_tab {
  width: 100%;
  height: 33px;
  line-height: 33px;
  border-top: 1px #8c8c8c solid;
  border-bottom: 1px #8c8c8c solid;
  margin: 0 0 22px 0;
  text-align: center;
  position: relative;
  z-index: 30;
}
.btn_tab.col6 {
  height: 67px;
}
.btn_tab.col7 {
  height: 66px;
  border-bottom: none;
}

.btn_tab li {
  float: left;
  border-right: 1px #eee solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn_tab.col6 li.c1,
.btn_tab.col6 li.c2,
.btn_tab.col6 li.c3 {
  border-bottom: 1px #eee solid;
}
.btn_tab.col7 li {
  height: 33px;
  position: relative;
  border-right: none;
  border-bottom: 1px #8c8c8c solid;
}
.btn_tab.col7 li:after {
  content: "";
  height: 32px;
  position: absolute;
  top: 0;
  right: 0;
  border-right: 1px #eee solid;
}
.btn_tab li.btn {
  background-color: #fff;
  font-size: 11px;
}

.btn_tab.col4 li {
  width: 33%;
}
.btn_tab.col5 li {
  width: 25%;
}
.btn_tab.col7 li {
  width: 33%!important;
}
.btn_tab.col7 li:nth-child(3n) {
  width: 34%!important;
}

.btn_tab li.c1 {
  color: #474747;
}
.btn_tab li.c2 {
  width: 23% !important;
  color: #de3232;
}
.btn_tab li.c3 {
  width: 29%;
  color: #ff7800;
}
.btn_tab li.c4 {
  width: 23%;
  color: #41a1de;
}
.btn_tab li.c7 {
  color: #00981d;
}

.btn_tab.col4 li.c3 {
  width: 34%;
  color: #ff7800;
}
.btn_tab.col4 li.c4 {
  width: 33%;
  color: #ff7800;
}

.btn_tab.col6 li.c1 {
  width: 34%!important;
}
.btn_tab.col6 li.c2,
.btn_tab.col6 li.c3 {
  width: 33%!important;
}

.btn_tab.col6 li.c4,
.btn_tab.col6 li.c7 {
  width: 50%!important;
}

.btn_tab.col7 li.c1 {
  color: #e95257;
}
.btn_tab.col7 li.c2 {
  color: #9a569e;
}
.btn_tab.col7 li.c3 {
  color: #00a0da;
}
.btn_tab.col7 li.c4 {
  color: #00b1bb;
}
.btn_tab.col7 li.c5 {
  color: #32b16b;
}
.btn_tab.col7 li.c6 {
  color: #b1a70a;
}
.btn_tab li.btn.current {
  color: #fff;
  background-color: #474747;
}

.btn_tab li span {
  padding: 0 0 0 16px;
  position: relative;
  white-space: nowrap;
}
.btn_tab.col7 li span {
  width: 64px;
  display: inline-block;
}

.btn_tab li span:before {
  content: '';
  width: 13px;
  height: 13px;
  background-image: url("../img/bg_tab_arrow_sp.png");
  background-repeat: no-repeat;
  background-position: left -13px;
  background-size: 13px 143px;
  position: absolute;
  top: 0;
  left: 0;
}
.btn_tab.col7 li span:before {
  top: 10px;
}

.btn_tab li.c2 span:before {
  background-position: left -26px;
}
.btn_tab li.c3 span:before {
  background-position: left -39px;
}
.btn_tab li.c4 span:before {
  background-position: left -52px;
}
.btn_tab li.c7 span:before {
  background-image: url("../img/bg_tab_arrow_blog_sp.png");
  background-size: 13px 26px;
}
.btn_tab.col7 li.c1 span:before {
  background-position: left -65px;
}
.btn_tab.col7 li.c2 span:before {
  background-position: left -78px;
}
.btn_tab.col7 li.c3 span:before {
  background-position: left -91px;
}
.btn_tab.col7 li.c4 span:before {
  background-position: left -104px;
}
.btn_tab.col7 li.c5 span:before {
  background-position: left -117px;
}
.btn_tab.col7 li.c6 span:before {
  background-position: left -130px;
}

.btn_tab li.current span:before {
  background-position: left 0!important;
}

/* ------------------------------------
◆　#content / #feature
------------------------------------ */
#feature {
  width: 100%;
//  height: 180px;
  background-color: #fff;
  position: relative;
  height: 100%;
  padding: 56% 0 0 0;
  overflow: hidden;
}

#feature .bg {
  width: 295px;
  height: 180px;
  background-image: url("../img/bg_feature_sp.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 295px 180px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#feature .slide_area {
  width: 100%;
//  height: 180px;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
}

#feature .slide li {
//  width: 100%;
//  height: 180px;
  width: 100%;
  height: 100%;
  padding: 56% 0 0 0;
  background-image: url("../img/pic_feature_slide1_sp.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
}
#feature .slide li.slide2 {
  background-image: url("../img/pic_feature_slide2_sp.jpg");
}
#feature .slide li.slide3 {
  background-image: url("../img/pic_feature_slide3_sp.jpg");
}
#feature .slide li.slide4 {
  background-image: url("../img/pic_feature_slide4_sp.jpg");
}
#feature .slide li.slide5 {
  background-image: url("../img/pic_feature_slide5_sp.jpg");
}
#feature .slide li.slide6 {
  background-image: url("../img/pic_feature_slide6_sp.jpg");
}
#feature .slide li.slide7 {
  background-image: url("../img/pic_feature_slide7_sp.jpg");
}
#feature .slide li.slide8 {
  background-image: url("../img/pic_feature_slide8_sp.jpg");
}
#feature .slide li.slide9 {
  background-image: url("../img/pic_feature_slide9_sp.jpg");
}
#feature .slide li.slide10 {
  background-image: url("../img/pic_feature_slide10_sp.jpg");
}
#feature .slide li.slide11 {
  background-image: url("../img/pic_feature_slide11_sp.jpg");
}
#feature .slide li.slide12 {
  background-image: url("../img/pic_feature_slide12_sp.jpg");
}
#feature .slide li.slide13 {
  background-image: url("../img/pic_feature_slide13_sp.jpg");
}
#feature .slide li.slide14 {
  background-image: url("../img/pic_feature_slide14_sp.jpg");
}
#feature .slide li.slide15 {
  background-image: url("../img/pic_feature_slide15_sp.jpg");
}
#feature .slide li.slide16 {
  background-image: url("../img/pic_feature_slide16_sp.jpg");
}
#feature .slide li.slide17 {
  background-image: url("../img/pic_feature_slide17_sp.jpg");
}
#feature .slide li.slide18 {
  background-image: url("../img/pic_feature_slide18_sp.jpg");
}
#feature .slide li.slide19 {
  background-image: url("../img/pic_feature_slide19_sp.jpg");
}
#feature .slide li.slide20 {
  background-image: url("../img/pic_feature_slide20_sp.jpg");
}
#feature .slide li.slide21 {
  background-image: url("../img/pic_feature_slide21_sp.jpg");
}
#feature .slide li.slide22 {
  background-image: url("../img/pic_feature_slide22_sp.jpg");
}
#feature .slide li.slide23 {
  background-image: url("../img/pic_feature_slide23_sp.jpg");
}
#feature .slide li.slide24 {
  background-image: url("/system/files/uploads/img/pic_feature_slide36_sp.jpg");
}

#feature .slide li.slide25 {
  background-image: url("/system/files/uploads/img/pic_feature_slide37_sp.jpg");
}

#feature .slide li.slide26 {
  background-image: url("/system/files/uploads/img/pic_feature_slide38_sp.jpg");
}

#feature .slide li.slide40 {    background-image: url("/system/files/uploads/img/pic_feature_slide40_1_sp.jpg");  }
#feature .slide li.slide41 {    background-image: url("/system/files/uploads/img/pic_feature_slide41_sp.jpg");  }
#feature .slide li.slide42 {    background-image: url("/system/files/uploads/img/pic_feature_slide42_sp.jpg");  }
#feature .slide li.slide43 {    background-image: url("/system/files/uploads/img/pic_feature_slide43_sp.jpg");  }
#feature .slide li.slide44 {    background-image: url("/system/files/uploads/img/pic_feature_slide44_sp.jpg");  }
#feature .slide li.slide45 {    background-image: url("/system/files/uploads/img/pic_feature_slide45_sp.jpg");  }
#feature .slide li.slide46 {    background-image: url("/system/files/uploads/img/pic_feature_slide46_sp.jpg");  }
#feature .slide li.slide47 {    background-image: url("/system/files/uploads/img/pic_feature_slide47_sp.jpg");  }
#feature .slide li.slide48 {    background-image: url("/system/files/uploads/img/pic_feature_slide48_sp.jpg");  }
#feature .slide li.slide49 {    background-image: url("/system/files/uploads/img/pic_feature_slide49_sp.jpg");  }
#feature .slide li.slide50 {    background-image: url("/system/files/uploads/img/pic_feature_slide50_sp.jpg");  }
#feature .slide li.slide51 {    background-image: url("/system/files/uploads/img/pic_feature_slide51_sp.jpg");  }
#feature .slide li.slide52 {    background-image: url("/system/files/uploads/img/pic_feature_slide52_sp.jpg");  }
#feature .slide li.slide53 {    background-image: url("/system/files/uploads/img/pic_feature_slide53_sp.jpg");  }
#feature .slide li.slide54 {    background-image: url("/system/files/uploads/img/pic_feature_slide54_sp.jpg");  }
#feature .slide li.slide55 {    background-image: url("/system/files/uploads/img/pic_feature_slide55_sp.jpg");  }
#feature .slide li.slide56 {    background-image: url("/system/files/uploads/img/pic_feature_slide56_sp.jpg");  }
#feature .slide li.slide57 {    background-image: url("/system/files/uploads/img/pic_feature_slide57_sp.jpg");  }
#feature .slide li.slide58 {    background-image: url("/system/files/uploads/img/pic_feature_slide58_sp.jpg");  }
#feature .slide li.slide59 {    background-image: url("/system/files/uploads/img/pic_feature_slide59_sp.jpg");  }
#feature .slide li.slide60 {    background-image: url("/system/files/uploads/img/pic_feature_slide60_sp.jpg");  }
#feature .slide li.slide61 {    background-image: url("/system/files/uploads/img/pic_feature_slide61_sp.jpg");  }
#feature .slide li.slide62 {    background-image: url("/system/files/uploads/img/pic_feature_slide62_sp.jpg");  }
#feature .slide li.slide63 {    background-image: url("/system/files/uploads/img/pic_feature_slide63_sp.jpg");  }
#feature .slide li.slide64 {    background-image: url("/system/files/uploads/img/pic_feature_slide64_sp.jpg");  }
#feature .slide li.slide65 {    background-image: url("/system/files/uploads/img/pic_feature_slide65_sp.jpg");  }
#feature .slide li.slide66 {    background-image: url("/system/files/uploads/img/pic_feature_slide66_sp.jpg");  }
#feature .slide li.slide67 {    background-image: url("/system/files/uploads/img/pic_feature_slide67_sp.jpg");  }
#feature .slide li.slide68 {    background-image: url("/system/files/uploads/img/pic_feature_slide68_sp.jpg");  }
#feature .slide li.slide69 {    background-image: url("/system/files/uploads/img/pic_feature_slide69_sp.jpg");  }
#feature .slide li.slide70 {    background-image: url("/system/files/uploads/img/pic_feature_slide70_sp.jpg");  }
#feature .slide li.slide71 {    background-image: url("/system/files/uploads/img/pic_feature_slide71_sp.jpg");  }
#feature .slide li.slide72 {    background-image: url("/system/files/uploads/img/pic_feature_slide72_sp.jpg");  }
#feature .slide li.slide73 {    background-image: url("/system/files/uploads/img/pic_feature_slide73_sp.jpg");  }
#feature .slide li.slide74 {    background-image: url("/system/files/uploads/img/pic_feature_slide74_sp.jpg");  }
#feature .slide li.slide75 {    background-image: url("/system/files/uploads/img/pic_feature_slide75_sp.jpg");  }
#feature .slide li.slide76 {    background-image: url("/system/files/uploads/img/pic_feature_slide76_sp.jpg");  }
#feature .slide li.slide77 {    background-image: url("/system/files/uploads/img/pic_feature_slide77_sp.jpg");  }
#feature .slide li.slide78 {    background-image: url("/system/files/uploads/img/pic_feature_slide78_sp.jpg");  }
#feature .slide li.slide79 {    background-image: url("/system/files/uploads/img/pic_feature_slide79_sp.jpg");  }
#feature .slide li.slide80 {    background-image: url("/system/files/uploads/img/pic_feature_slide80_sp.jpg");  }
#feature .slide li.slide81 {    background-image: url("/system/files/uploads/img/pic_feature_slide81_sp.jpg");  }
#feature .slide li.slide82 {    background-image: url("/system/files/uploads/img/pic_feature_slide82_sp.jpg");  }
#feature .slide li.slide83 {    background-image: url("/system/files/uploads/img/pic_feature_slide83_sp.jpg");  }
#feature .slide li.slide84 {    background-image: url("/system/files/uploads/img/pic_feature_slide84_sp.jpg");  }
#feature .slide li.slide85 {    background-image: url("/system/files/uploads/img/pic_feature_slide85_sp.jpg");  }
#feature .slide li.slide86 {    background-image: url("/system/files/uploads/img/pic_feature_slide86_sp.jpg");  }
#feature .slide li.slide87 {    background-image: url("/system/files/uploads/img/pic_feature_slide87_sp.jpg");  }
#feature .slide li.slide88 {    background-image: url("/system/files/uploads/img/pic_feature_slide88_sp.jpg");  }
#feature .slide li.slide89 {    background-image: url("/system/files/uploads/img/pic_feature_slide89_sp.jpg");  }
#feature .slide li.slide90 {    background-image: url("/system/files/uploads/img/pic_feature_slide90_sp.jpg");  }
#feature .slide li.slide91 {    background-image: url("/system/files/uploads/img/pic_feature_slide91_sp.jpg");  }
#feature .slide li.slide92 {    background-image: url("/system/files/uploads/img/pic_feature_slide92_sp.jpg");  }
#feature .slide li.slide93 {    background-image: url("/system/files/uploads/img/pic_feature_slide93_sp.jpg");  }
#feature .slide li.slide94 {    background-image: url("/system/files/uploads/img/pic_feature_slide94_sp.jpg");  }
#feature .slide li.slide95 {    background-image: url("/system/files/uploads/img/pic_feature_slide95_sp.jpg");  }
#feature .slide li.slide96 {    background-image: url("/system/files/uploads/img/pic_feature_slide96_sp.jpg");  }
#feature .slide li.slide97 {    background-image: url("/system/files/uploads/img/pic_feature_slide97_sp.jpg");  }
#feature .slide li.slide98 {    background-image: url("/system/files/uploads/img/pic_feature_slide98_sp.jpg");  }
#feature .slide li.slide99 {    background-image: url("/system/files/uploads/img/pic_feature_slide99_sp.jpg");  }
#feature .slide li.slide100 {   background-image: url("/system/files/uploads/img/pic_feature_slide100_sp.jpg"); }
#feature .slide li.slide101 {   background-image: url("/system/files/uploads/img/pic_feature_slide101_sp.jpg"); }
#feature .slide li.slide102 {   background-image: url("/system/files/uploads/img/pic_feature_slide102_sp.jpg"); }
#feature .slide li.slide103 {   background-image: url("/system/files/uploads/img/pic_feature_slide103_sp.jpg"); }
#feature .slide li.slide104 {   background-image: url("/system/files/uploads/img/pic_feature_slide104_sp.jpg"); }
#feature .slide li.slide105 {   background-image: url("/system/files/uploads/img/pic_feature_slide105_sp.jpg"); }
#feature .slide li.slide106 {   background-image: url("/system/files/uploads/img/pic_feature_slide106_sp.jpg"); }
#feature .slide li.slide107 {   background-image: url("/system/files/uploads/img/pic_feature_slide107_sp.jpg"); }
#feature .slide li.slide108 {   background-image: url("/system/files/uploads/img/pic_feature_slide108_sp.jpg"); }
#feature .slide li.slide109 {   background-image: url("/system/files/uploads/img/pic_feature_slide109_sp.jpg"); }
#feature .slide li.slide110 {   background-image: url("/system/files/uploads/img/pic_feature_slide110_sp.jpg"); }
#feature .slide li.slide111 {   background-image: url("/system/files/uploads/img/pic_feature_slide111_sp.jpg"); }
#feature .slide li.slide112 {   background-image: url("/system/files/uploads/img/pic_feature_slide112_sp.jpg"); }
#feature .slide li.slide113 {   background-image: url("/system/files/uploads/img/pic_feature_slide113_sp.jpg"); }
#feature .slide li.slide114 {   background-image: url("/system/files/uploads/img/pic_feature_slide114_sp.jpg"); }
#feature .slide li.slide115 {   background-image: url("/system/files/uploads/img/pic_feature_slide115_sp.jpg"); }
#feature .slide li.slide116 {   background-image: url("/system/files/uploads/img/pic_feature_slide116_sp.jpg"); }
#feature .slide li.slide117 {   background-image: url("/system/files/uploads/img/pic_feature_slide117_sp.jpg"); }
#feature .slide li.slide118 {   background-image: url("/system/files/uploads/img/pic_feature_slide118_sp.jpg"); }
#feature .slide li.slide119 {   background-image: url("/system/files/uploads/img/pic_feature_slide119_sp.jpg"); }
#feature .slide li.slide120 {   background-image: url("/system/files/uploads/img/pic_feature_slide120_sp.jpg"); }
#feature .slide li.slide121 {   background-image: url("/system/files/uploads/img/pic_feature_slide121_sp.jpg"); }
#feature .slide li.slide122 {   background-image: url("/system/files/uploads/img/pic_feature_slide122_sp.jpg"); }
#feature .slide li.slide123 {   background-image: url("/system/files/uploads/img/pic_feature_slide123_sp.jpg"); }
#feature .slide li.slide124 {   background-image: url("/system/files/uploads/img/pic_feature_slide124_sp.jpg"); }
#feature .slide li.slide125 {   background-image: url("/system/files/uploads/img/pic_feature_slide125_sp.jpg"); }
#feature .slide li.slide126 {   background-image: url("/system/files/uploads/img/pic_feature_slide126_sp.jpg"); }
#feature .slide li.slide127 {   background-image: url("/system/files/uploads/img/pic_feature_slide127_sp.jpg"); }
#feature .slide li.slide128 {   background-image: url("/system/files/uploads/img/pic_feature_slide128_sp.jpg"); }
#feature .slide li.slide129 {   background-image: url("/system/files/uploads/img/pic_feature_slide129_sp.jpg"); }
#feature .slide li.slide130 {   background-image: url("/system/files/uploads/img/pic_feature_slide130_sp.jpg"); }
#feature .slide li.slide131 {   background-image: url("/system/files/uploads/img/pic_feature_slide131_sp.jpg"); }
#feature .slide li.slide132 {   background-image: url("/system/files/uploads/img/pic_feature_slide132_sp.jpg"); }
#feature .slide li.slide133 {   background-image: url("/system/files/uploads/img/pic_feature_slide133_sp.jpg"); }
#feature .slide li.slide134 {   background-image: url("/system/files/uploads/img/pic_feature_slide134_sp.jpg"); }
#feature .slide li.slide135 {   background-image: url("/system/files/uploads/img/pic_feature_slide135_sp.jpg"); }
#feature .slide li.slide136 {   background-image: url("/system/files/uploads/img/pic_feature_slide136_sp.jpg"); }
#feature .slide li.slide137 {   background-image: url("/system/files/uploads/img/pic_feature_slide137_sp.jpg"); }
#feature .slide li.slide138 {   background-image: url("/system/files/uploads/img/pic_feature_slide138_sp.jpg"); }
#feature .slide li.slide139 {   background-image: url("/system/files/uploads/img/pic_feature_slide139_sp.jpg"); }
#feature .slide li.slide140 {   background-image: url("/system/files/uploads/img/pic_feature_slide140_sp.jpg"); }
#feature .slide li.slide141 {   background-image: url("/system/files/uploads/img/pic_feature_slide141_sp.jpg"); }
#feature .slide li.slide142 {   background-image: url("/system/files/uploads/img/pic_feature_slide142_sp.jpg"); }
#feature .slide li.slide143 {   background-image: url("/system/files/uploads/img/pic_feature_slide143_sp.jpg"); }
#feature .slide li.slide144 {   background-image: url("/system/files/uploads/img/pic_feature_slide144_sp.jpg"); }
#feature .slide li.slide145 {   background-image: url("/system/files/uploads/img/pic_feature_slide145_sp.jpg"); }
#feature .slide li.slide146 {   background-image: url("/system/files/uploads/img/pic_feature_slide146_sp.jpg"); }
#feature .slide li.slide147 {   background-image: url("/system/files/uploads/img/pic_feature_slide147_sp.jpg"); }
#feature .slide li.slide148 {   background-image: url("/system/files/uploads/img/pic_feature_slide148_sp.jpg"); }
#feature .slide li.slide149 {   background-image: url("/system/files/uploads/img/pic_feature_slide149_sp.jpg"); }
#feature .slide li.slide150 {   background-image: url("/system/files/uploads/img/pic_feature_slide150_sp.jpg"); }
#feature .slide li.slide151 {   background-image: url("/system/files/uploads/img/pic_feature_slide151_sp.jpg"); }
#feature .slide li.slide152 {   background-image: url("/system/files/uploads/img/pic_feature_slide152_sp.jpg"); }
#feature .slide li.slide153 {   background-image: url("/system/files/uploads/img/pic_feature_slide153_sp.jpg"); }
#feature .slide li.slide154 {   background-image: url("/system/files/uploads/img/pic_feature_slide154_sp.jpg"); }
#feature .slide li.slide155 {   background-image: url("/system/files/uploads/img/pic_feature_slide155_sp.jpg"); }
#feature .slide li.slide156 {   background-image: url("/system/files/uploads/img/pic_feature_slide156_sp.jpg"); }
#feature .slide li.slide157 {   background-image: url("/system/files/uploads/img/pic_feature_slide157_sp.jpg"); }
#feature .slide li.slide158 {   background-image: url("/system/files/uploads/img/pic_feature_slide158_sp.jpg"); }
#feature .slide li.slide159 {   background-image: url("/system/files/uploads/img/pic_feature_slide159_sp.jpg"); }
#feature .slide li.slide160 {   background-image: url("/system/files/uploads/img/pic_feature_slide160_sp.jpg"); }
#feature .slide li.slide161 {   background-image: url("/system/files/uploads/img/pic_feature_slide161_sp.jpg"); }
#feature .slide li.slide162 {   background-image: url("/system/files/uploads/img/pic_feature_slide162_sp.jpg"); }
#feature .slide li.slide163 {   background-image: url("/system/files/uploads/img/pic_feature_slide163_sp.jpg"); }
#feature .slide li.slide164 {   background-image: url("/system/files/uploads/img/pic_feature_slide164_sp.jpg"); }
#feature .slide li.slide165 {   background-image: url("/system/files/uploads/img/pic_feature_slide165_sp.jpg"); }
#feature .slide li.slide166 {   background-image: url("/system/files/uploads/img/pic_feature_slide166_sp.jpg"); }
#feature .slide li.slide167 {   background-image: url("/system/files/uploads/img/pic_feature_slide167_sp.jpg"); }
#feature .slide li.slide168 {   background-image: url("/system/files/uploads/img/pic_feature_slide168_sp.jpg"); }
#feature .slide li.slide169 {   background-image: url("/system/files/uploads/img/pic_feature_slide169_sp.jpg"); }
#feature .slide li.slide170 {   background-image: url("/system/files/uploads/img/pic_feature_slide170_sp.jpg"); }
#feature .slide li.slide171 {   background-image: url("/system/files/uploads/img/pic_feature_slide171_sp.jpg"); }
#feature .slide li.slide172 {   background-image: url("/system/files/uploads/img/pic_feature_slide172_sp.jpg"); }
#feature .slide li.slide173 {   background-image: url("/system/files/uploads/img/pic_feature_slide173_sp.jpg"); }
#feature .slide li.slide174 {   background-image: url("/system/files/uploads/img/pic_feature_slide174_sp.jpg"); }
#feature .slide li.slide175 {   background-image: url("/system/files/uploads/img/pic_feature_slide175_sp.jpg"); }
#feature .slide li.slide176 {   background-image: url("/system/files/uploads/img/pic_feature_slide176_sp.jpg"); }
#feature .slide li.slide177 {   background-image: url("/system/files/uploads/img/pic_feature_slide177_sp.jpg"); }
#feature .slide li.slide178 {   background-image: url("/system/files/uploads/img/pic_feature_slide178_sp.jpg"); }
#feature .slide li.slide179 {   background-image: url("/system/files/uploads/img/pic_feature_slide179_sp.jpg"); }
#feature .slide li.slide180 {   background-image: url("/system/files/uploads/img/pic_feature_slide180_sp.jpg"); }
#feature .slide li.slide181 {   background-image: url("/system/files/uploads/img/pic_feature_slide181_sp.jpg"); }
#feature .slide li.slide182 {   background-image: url("/system/files/uploads/img/pic_feature_slide182_sp.jpg"); }
#feature .slide li.slide183 {   background-image: url("/system/files/uploads/img/pic_feature_slide183_sp.jpg"); }
#feature .slide li.slide184 {   background-image: url("/system/files/uploads/img/pic_feature_slide184_sp.jpg"); }
#feature .slide li.slide185 {   background-image: url("/system/files/uploads/img/pic_feature_slide185_sp.jpg"); }
#feature .slide li.slide186 {   background-image: url("/system/files/uploads/img/pic_feature_slide186_sp.jpg"); }
#feature .slide li.slide187 {   background-image: url("/system/files/uploads/img/pic_feature_slide187_sp.jpg"); }
#feature .slide li.slide188 {   background-image: url("/system/files/uploads/img/pic_feature_slide188_sp.jpg"); }
#feature .slide li.slide189 {   background-image: url("/system/files/uploads/img/pic_feature_slide189_sp.jpg"); }
#feature .slide li.slide190 {   background-image: url("/system/files/uploads/img/pic_feature_slide190_sp.jpg"); }
#feature .slide li.slide191 {   background-image: url("/system/files/uploads/img/pic_feature_slide191_sp.jpg"); }
#feature .slide li.slide192 {   background-image: url("/system/files/uploads/img/pic_feature_slide192_sp.jpg"); }
#feature .slide li.slide193 {   background-image: url("/system/files/uploads/img/pic_feature_slide193_sp.jpg"); }
#feature .slide li.slide194 {   background-image: url("/system/files/uploads/img/pic_feature_slide194_sp.jpg"); }
#feature .slide li.slide195 {   background-image: url("/system/files/uploads/img/pic_feature_slide195_sp.jpg"); }
#feature .slide li.slide196 {   background-image: url("/system/files/uploads/img/pic_feature_slide196_sp.jpg"); }
#feature .slide li.slide197 {   background-image: url("/system/files/uploads/img/pic_feature_slide197_sp.jpg"); }
#feature .slide li.slide198 {   background-image: url("/system/files/uploads/img/pic_feature_slide198_sp.jpg"); }
#feature .slide li.slide199 {   background-image: url("/system/files/uploads/img/pic_feature_slide199_sp.jpg"); }
#feature .slide li.slide200 {   background-image: url("/system/files/uploads/img/pic_feature_slide200_sp.jpg"); }

#feature .slide li .title {
  font-size: 24px;
  line-height: 24px;
  font-style: italic;
  position: relative;
  z-index: 10;
  margin: 0 0 8px 20px;
  padding: 28px 0 0 0;
}

#feature .slide li .desc {
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 12px 25px;
  position: relative;
  z-index: 10;
}

#feature .slide li .link {
  width: 111px;
  height: 24px;
  line-height: 24px;
  border: 1px #ffc300 solid;
  font-size: 11px;
//  margin: 0 0 0 25px;
//  position: relative;
  z-index: 10;
  position: absolute;
  top: 70%;
  left: 25px;
}
#feature .slide li .link.bg_b {
  background-color: rgba(0,0,0,0.6);
}

#feature .slide li .link a {
  color: #ffc300;
  display: block;
  padding: 0 0 0 28px;
  position: relative;
}

#feature .slide li .link a:before {
  content: '';
  width: 13px;
  height: 13px;
  background-image: url("../img/bg_arrow_sp.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 13px 13px;
  position: absolute;
  top: 5px;
  left: 10px;
}

#feature .slide_area .bx-wrapper,
#feature .slide_area .bx-viewport {
//  height: 180px!important;
}

#feature .slide_area .bx-wrapper .bx-pager {
  background-image: url("../img/bg_slide_pager.png");
  background-size: 1px 1px;
  margin: 0;
  line-height: 6px;
  height: 11px;
  padding-top: 4px;
}

#feature .slide_area .bx-wrapper .bx-pager .bx-pager-item {
  font-size: 6px!important;
}

#feature .slide_area .bx-wrapper .bx-pager.bx-default-pager a {
  width: 6px;
  height: 6px;
  margin: 0 4px 0 3px;
  padding: 0;
  background-size: 6px 12px;
  line-height: 6px;
  font-size: 6px!important;
}

/* ------------------------------------
◆　#content / #topics
------------------------------------ */
#topics {
  width: 100%;
  background-color: #8c8c8c;
  padding: 11px 0 16px 0;
}

#topics .topic1 {
  margin-bottom: 7px;
  color: #fff;
}

/* .top_grid.grid_area */
.top_grid.grid_area .grid {
  width: auto;
  padding: 4px 0 4px 0;
}

.top_grid.grid_area .grid .img_block {
  width: 40.6%;
  float: left;
  margin: 0 8px 5px 4px;
}

.top_grid.grid_area .grid .img_block .tri {
  border-width: 17px 17px 0 0;
}

.top_grid.grid_area .grid .img_block .movie {
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
  top: 3px;
  right: 5px;
}

.top_grid.grid_area .grid .txt_block {
  width: 53%;
  float: left;
  margin: 0 0 5px 0;
}

.top_grid.grid_area .grid .txt_block .cate {
  border: none;
  font-size: 9px;
  line-height: 12px;
  margin: 0 0 2px 0;
}

.top_grid.grid_area .grid .txt_block .title {
  font-size: 12px;
  line-height: 16px;
  padding: 0;
}

.top_grid.grid_area .grid .txt_block .title:before {
  display: none;
}

.top_grid.grid_area .grid .desc.forsp {
  clear: both;
  font-size: 10px;
  line-height: 14px;
  border-top: 1px #cbcbcb solid;
  padding: 6px 20px 0 20px;
}


/* ------------------------------------
◆　#content / #insta
------------------------------------ */
#insta {
  width: 100%;
  height: 75px;
  position: relative;
  overflow: hidden;
  background-color: #8c8c8c;
}
#insta:before {
  content: "";
  width: 170px;
  height: 75px;
  background-image: url("../img/bg_insta_sp.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 170px 75px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}

#insta .title_block {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#insta .title {
  height: 75px;
  line-height: 75px;
  font-size: 14px;
  font-style: italic;
  color: #fff;
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 20;
}

#insta .title a {
  display: block;
  color: #fff;
  background-image: url("../img/icn_insta.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 21px 21px;
  padding-left: 27px;
}

#insta .slide li {
  width: auto !important;
  height: 75px;
  margin-right: 0!important;
}

#insta .slide li img {
  width: auto;
  height: 100%;
}

#insta .bx-controls-direction {
  display: none;
}

/* ------------------------------------
◆　#content / #cheer
------------------------------------ */
#cheer {
  background-color: #eeeeee;
  padding: 14px 0 0 0;
}

#cheer .topic1 {
  margin-bottom: 7px;
}

/* ------------------------------------
◆　#content / #message
------------------------------------ */
#message {
  width: 100%;
  height: 200px;
  margin: 0 auto 50px;
  background-image: url("../img/bg_message_sp.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

#message .logo {
  width: 95px;
  height: 44px;
  background-color: #fff;
  margin: 0 auto 14px;
}

#message .logo img {
  width: 63px;
  height: auto;
  margin: 0 auto;
  padding-top: 17px;
}

#message .txt {
  width: 100%;
  height: 137px;
  margin: 0 0 38px 0;
  padding: 25px 0 0 0;
  background-image: url("../img/txt_message_sp.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 228px 137px;
}

#message .bnr {
  width: 64px;
  margin: 0 auto 17px;
}

#message .bnr img {
  width: 100%;
  height: auto;
}

#message .slide_area {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

#message .slide_area .bx-wrapper li {
  width: 80px!important;
  margin-right: 0!important;
}

/* ------------------------------------
◆　#content / #activity
------------------------------------ */
#activity {
  background-color: #fff;
  padding: 35px 0 0 0;
  position: relative;
}

#activity .bg_net {
  width: 100%;
  background-image: url("../img/bg_net.jpg");
  background-repeat: repeat;
  background-position: left -2px;
  background-size: 5px 5px;
  padding: 11px 0 21px 0;
}

#activity .block {
  margin: 0 7px 0 7px;
  padding: 10px 10px 10px 10px;
  background-color: #fff;
  position: relative;
}

#activity .block.left {
  margin-bottom: 15px;
}

#activity .block .title {
  font-size: 12px;
  margin: 0 0 6px 0;
}

#activity .block .desc {
  font-size: 12px;
  color: #4c4c4c;
  line-height: 20px;
  margin: 0 0 14px 0;
}

#activity .block .pic {
  width: 100%;
  height: 130px;
  background-image: url("../img2/pic_activity_figure1_sp.png?202407192");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 281px 130px;
  margin: 0 0 20px 0;
}
#activity .block.right .pic,
#activity.a_profits .block .pic {
  height: 290px;
  background-image: url("../img2/pic_activity_figure2_sp.png?202407192");
  background-size: 192px 290px;
  margin: 22px 0 28px 0;
}

#activity .map {
  width: 99px;
  height: 107px;
  background-image: url("../img/bg_activity_map.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 99px 107px;
  position: absolute;
  top: 10px;
  right: 10px;
}

#activity .prefecture {
  margin: 0 0 42px 0;
}

#activity span.customSelect {
  font-size: 12px;
  width: 120px;
  height: 30px;
  line-height: 30px;
  padding: 0 0 0 10px;
  background-image: url("../img/pic_activity_select_sp.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 130px 30px;
}

#activity span.customSelect span {
  white-space: nowrap;
}

#activity .post {
  display: none;
  position: relative;
  background-color: #dedede;
  padding: 15px 0 10px 0;
}

#activity .post .loading_area {
  width: 32px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#activity .link {
  margin: 67px 0 0 0;
}

#activity .link .title {
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.04em;
  margin: 0 0 5px 0;
  padding: 0 0 1px 18px;
  position: relative;
}

#activity .link .title:before {
  content: "";
  width: 13px;
  height: 13px;
  background-image: url("../img/bg_arrow_sp.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 13px 13px;
  position: absolute;
  top: 0;
  left: 0;
}

#activity .link .txt {
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.02em;
  margin: 0 0 14px 0;
}
#activity .link .txt.none {
  margin: 0 0 11px 0;
}

/* ------------------------------------
◆　#child
------------------------------------ */
#child {
  background-color: #F7F7F7;
  padding: 0 0 25px 0;
}

#child .sub_block {
  background-color: #dedede;
  margin: 0 0 35px 0;
  padding: 35px 0 0 0;
  position: relative;
  z-index: 10;
}

/* ------------------------------------
◆　#post
------------------------------------ */
#post {
  position: relative;
  z-index: 10;
}

#post .c_right {
  margin: 0 0 5px 0;
}

#post .header_area {
  width: 100%;
  overflow: hidden;
}

#post .header_area {
  width: 100%;
}

#post .header_area .movie_block,
#post .body_area .movie_block {
  position: relative;
  background-color: #0f0f0f;
  /* TTV added - START */
  min-height: 150px;
  /* TTV added - END */
}
#post .body_area .movie_block {
  margin: 0 25px 15px 25px;
}

#post .header_area .movie_block .thum,
#post .body_area .movie_block .thum {
  position: relative;
  z-index: 10;
}

#post .header_area .movie_block .thum:before,
#post .body_area .movie_block .thum:before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("../img/bg_movie_black.png");
  background-repeat: repeat;
  background-position: left top;
  background-size: 1px 1px;
  position: absolute;
  top: 0;
  left: 0;
}

#post .header_area .movie_block .thum:after,
#post .body_area .movie_block .thum:after {
  content: "";
  width: 46px;
  height: 62px;
  background-image: url("../img/btn_movie_sp.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 46px 62px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -31px 0 0 -23px;
}

#post .header_area .movie_block .thum img,
#post .body_area .movie_block .thum img {
  width: 100%;
  height: auto;
}

#post .header_area .movie_block iframe,
#post .body_area .movie_block iframe {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#post .header_area .img_block {
  width: 100%;
}

#post .header_area .img_block img {
  width: 100%;
  height: auto;
}

#post .header_area .txt_block {
  background-color: #313131;
  color: #fff;
  padding: 9px 20px 10px 50px;
  position: relative;
}

#post .header_area .txt_block .tri {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 55px 54px 0 0;
  position: absolute;
  top: 0;
  left: 0;
}

#post .header_area .txt_block .cate {
  font-size: 10px;
  font-style: italic;
  margin: 0 0 2px 0;
}

#post .header_area .txt_block .title {
  font-size: 15px;
  line-height: 20px;
}

#post .sub_title {
  font-size: 12px;
  line-height: 18px;
  padding: 15px 25px 10px 25px;
  background-color: #fff;
}

#post .body_area {
  padding: 15px 0 15px 0;
  background-color: #fff;
}

#post .body_area h2 {
  font-size: 12px;
  line-height: 18px;
  margin: 0 25px 10px 25px;
}
#post .body_area h2.m_bottom {
  margin-bottom: 28px;
}

#post .body_area h3 {
  font-size: 11px;
  font-style: italic;
  margin: 0 25px 10px 25px;
  border-bottom: 2px #000 solid;
}

#post .body_area h4 {
  font-size: 12px;
  font-style: italic;
  margin: 15px 20px 5px 25px;
}

#post .body_area h5 {
  font-size: 12px;
  margin: 0 25px -6px 25px;
  padding: 0 0 5px 0;
  border-bottom: 2px #000 solid;
}

#post .body_area h6 {
  font-size: 11px;
  line-height: 16px;
  margin: 10px 25px 12px 25px;
}

#post .body_area h6 span {
  display: block;
  font-size: 9px;
}

#post .body_area p.h7 {
  font-size: 12px;
  margin: 0 25px 6px 25px;
}

#post .body_area p {
  margin: 0 25px 10px 25px;
}

#post .body_area .broadcaster {
  margin: -6px 0 25px 25px;
}

#post .body_area .broadcaster img {
  zoom: 50%;
}

#post .body_area .case {
  width: 100%;
  margin: -15px 0 0 0;
}

#post .body_area .case .img_left {
  width: 100%;
  margin: 0 0 15px 0;
}

#post .body_area .case img {
  width: 100%;
  height: auto;
}

#post .body_area .case .btn_pdf {
  width: 198px;
  height: 38px;
  line-height: 38px;
  font-size: 12px;
  text-align: center;
  border: 1px #cbcbcb solid;
  background-color: #fff;
  position: relative;
  margin: 0 auto;
}

#post .body_area .case .btn_pdf a {
  display: block;
  width: 100%;
  height: 100%;
}

#post .body_area .case .btn_pdf span {
  position: relative;
  padding: 0 0 0 25px;
}

#post .body_area .case .btn_pdf span:after {
  content: "";
  width: 18px;
  height: 22px;
  background-image: url("../img/bg_pdf_sp.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 18px 22px;
  position: absolute;
  top: -3px;
  left: 0;
}

#post .body_area .gallery {
  margin: 15px 25px 0 25px;
}

#post .body_area .gallery img {
  width: 100%;
  height: auto;
  margin: 0 0 7px 0;
}

#post .body_area .gallery p {
  margin: 0 0 5px 14px;
}

#post .body_area .person {
  margin: 20px 25px 22px 25px;
  padding: 18px 0 8px 0;
  background-color: #ddd;
}

#post .body_area .person .photo {
  width: 98px;
  margin: 0 auto 11px;
}

#post .body_area .person .photo img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 49px 49px;
  -moz-border-radius: 49px 49px;
  border-radius: 49px 49px;
}

#post .body_area .person .title {
  font-size: 12px;
  font-style: italic;
  vertical-align: sub;
  margin-bottom: 6px;
}

#post .body_area .person .title span {
  font-size: 9px;
  margin: 0 0 0 10px;
}

#post .body_area .person .desc {
  font-size: 9px;
  line-height: 16px;
}

#post .body_area .txt_left {
  margin: 0 0 15px 0;
}

#post .body_area .img_right {
  margin: 0 25px 15px 25px;
}

#post .body_area .img_right img {
  width: 100%;
  height: auto;
  border: 1px #cecece solid;
}

#post .body_area .img_right p {
  font-size: 9px;
  line-height: 14px;
  margin: 4px 0 10px 5px;
}

#post .interview_pic {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 55% 0 25px 0;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  margin: -15px 0 15px 0;
  background-color: #fff;
}

#post .interview_pic.pic1 {
  background-image: url("../img/pic_interview_toto1_sp.jpg");
}
#post .interview_pic.pic2 {
  background-image: url("../img/pic_interview_toto2_sp.jpg");
}
#post .interview_pic.pic3 {
  background-image: url("../img/pic_interview_toto3_sp.jpg");
}
#post .interview_pic.pic4 {
  background-image: url("../img/pic_interview_toto4_sp.jpg");
}
#post .interview_pic.pic5 {
  background-image: url("../img/pic_interview_toto5_sp.jpg");
}
#post .interview_pic.pic6 {
  background-image: url("../img/pic_interview_toto6_sp.jpg");
}
#post .interview_pic.pic7 {
  background-image: url("../img/pic_interview_toto7_sp.jpg");
}
#post .interview_pic.pic8 {
  background-image: url("../img/pic_interview_toto8_sp.jpg");
}
#post .interview_pic.pic9 {
  background-image: url("../img/pic_interview_toto9_sp.jpg");
}
#post .interview_pic.pic10 {
  background-image: url("../img/pic_interview_toto10_sp.jpg");
}
#post .interview_pic.pic11 {
  background-image: url("../img/pic_interview_toto11_sp.jpg");
}
#post .interview_pic.pic12 {
  background-image: url("../img/pic_interview_toto12_sp.jpg");
}
#post .interview_pic.pic13 {
  background-image: url("../img/pic_interview_toto13_sp.jpg");
}
#post .interview_pic.pic14 {
  background-image: url("../img/pic_interview_toto14_sp.jpg");
}
#post .interview_pic.pic15 {
  background-image: url("../img/pic_interview_toto15_sp.jpg");
}
#post .interview_pic.pic16 {
  background-image: url("../img/pic_interview_toto16_sp.jpg");
}
#post .interview_pic.pic17 {
  background-image: url("../img/pic_interview_toto17_sp.jpg");
}
#post .interview_pic.pic18 {
  background-image: url("../img/pic_interview_toto18_sp.jpg");
}
#post .interview_pic.pic19 {
  background-image: url("../img/pic_interview_toto19_sp.jpg");
}
#post .interview_pic.pic20 {
  background-image: url("../img/pic_interview_toto20_sp.jpg");
}
#post .interview_pic.pic21 {
  background-image: url("../img/pic_interview_toto21_sp.jpg");
}
#post .interview_pic.pic22 {
  background-image: url("../img/pic_interview_toto22_sp.jpg");
}
#post .interview_pic.pic23 {
  background-image: url("../img/pic_interview_toto23_sp.jpg");
}
#post .interview_pic.pic24 {
  background-image: url("../img/pic_interview_toto24_sp.jpg");
}
#post .interview_pic.pic25 {
  background-image: url("../img/pic_interview_toto25_sp.jpg");
}
#post .interview_pic.pic26 {
  background-image: url("../img/pic_interview_toto26_sp.jpg");
}
#post .interview_pic.pic27 {
  background-image: url("../img/pic_interview_toto27_sp.jpg");
}
#post .interview_pic.pic28 {
  background-image: url("../img/pic_interview_toto28_sp.jpg");
}

#post .body_area .quote {
  display: block;
  font-size: 11px;
  line-height: 18px;
  background-color: #eaeaea;
  margin: 0 25px 15px 25px;
  padding: 10px 10px 10px 10px;
}

#post .body_area .quote span {
  font-style: italic;
}

#post .body_area .img_left {
  margin: 0 25px 12px 25px;
}

#post .body_area .img_left img {
  width: 100%;
  height: auto;
  border: 1px #cecece solid;
}

#post .share_area {
  background-color: #fff;
  margin: 0 0 15px 0;
  padding: 0 0 25px 0;
}
#post .share_area.m_bottom {
  margin: 0;
  padding: 0;
}

#post .share_area p {
  font-size: 10px;
  text-align: center;
  margin: 0 0 10px 0;
  color: #4e4e4e;
}

#post .share_area ul {
  width: 236px;
  margin: 0 auto;
}

#post .share_area li {
  width: 36px;
  height: 36px;
  float: left;
  margin: 0 21px 0 21px;
}

#post .share_area li a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../img/btn_header_tw_sp.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;
}
#post .share_area li.fb a {
  background-image: url("../img/btn_header_fb_sp.png");
}
#post .share_area li.gp a {
  background-image: url("../img/btn_header_gp_sp.png");
}
#post .share_area li.line a {
  background-image: url("../img/btn_header_line_sp.png");
}
#post .share_area li span {
  display: none;
}
#post .recommend_area .grid_area li:last-child {
 /* display: none;*/
}

#post .body_area .img_center {
  margin: 0 25px 12px 25px;
}

#post .body_area .img_center img {
  width: 100%;
  height: auto;
  border: 1px #cecece solid;
}

#post .body_area .face_block {
  padding: 0 0 5px 0;
}

#post .body_area .face_block .face {
  width: 70px;
  float: left;
  margin: 0 20px 7px 25px;
  text-align: center;
  font-size: 11px;
  line-height: 13px;
}

#post .body_area .face_block .face img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 35px 35px;
  border-radius: 35px 35px;
  margin-bottom: 10px;
}

#post .body_area .face_block p {
  display: block;
  width: calc(100% - 170px);
  float: left;
  background-color: #eaeaea;
  padding: 15px;
  -webkit-border-radius: 6px 6px;
  border-radius: 6px 6px;
  margin: 0 25px 10px 0;
}

#post .body_area .face_block.line_1 p {
  position: relative;
  top: 10px;
}

#post .body_area .face_block.non_pic .face {
  height: 52px;
}

#post .body_area .face_block.non_pic strong {
  width: 70px;
  height: 52px;
  display: table-cell;
  vertical-align: middle;
}

/* ------------------------------------
◆　#sportouen_cm
------------------------------------ */
#sportouen_cm {
  margin: 15px 5px 10px 5px;
}

#sportouen_cm .slide {
  width: 100%;
}

#sportouen_cm .slide li {
  position: relative;
  background-color: #0f0f0f;
}

#sportouen_cm .slide li .thum {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  cursor: pointer;
}

#sportouen_cm .slide li .thum:before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("../img/bg_movie_black.png");
  background-repeat: repeat;
  background-position: left top;
  background-size: 1px 1px;
  position: absolute;
  top: 0;
  left: 0;
}

#sportouen_cm .slide li .thum:after {
  content: "";
  width: 46px;
  height: 62px;
  background-image: url("../img/btn_movie_sp.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 46px 62px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -31px 0 0 -23px;
}

#sportouen_cm .slide li .thum img {
  width: 100%;
  height: auto;
}

#sportouen_cm .slide li iframe {
  width: 100%;
  height: auto;
  z-index: -1;
  position: relative;
}
#sportouen_cm .slide li.on iframe {
  z-index: 1;
}

#sportouen_cm .slide_pager {
  width: 100%;
  height: 30px;
  background-color: #0f0f0f;
  text-align: center;
  font-size: 0;
}

#sportouen_cm .slide_pager a {
  display: inline-block;
  width: 33%;
  height: 30px;
  line-height: 30px;
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 14px;
  vertical-align: sub;
}
#sportouen_cm .slide_pager a.active,
#sportouen_cm .slide_pager a:hover {
  background-color: #ffc300;
  color: #000;
}

#sportouen_cm .slide_pager a span {
  font-size: 11px;
  margin: 0 3px 0 1px;
}

#sportouen_cm .txt_block {
  background-color: #313131;
  color: #fff;
  padding: 10px 20px 10px 20px;
}

#sportouen_cm .txt_block .title {
  font-size: 13px;
  margin: 0 0 6px 0;
}

#sportouen_cm .txt_block .desc {
  font-size: 11px;
  line-height: 18px;
}

/* ------------------------------------
◆　#content / #results
------------------------------------ */
#results {
  background-color: #eaeaea;
  padding: 17px 0 0 0;
  position: relative;
  z-index: 10;
}

#results .c_width {
  width: 100%;
}

#results p {
  margin: 0 25px 10px 25px;
}

#results .graph1_wrap_wrap {
  width: 57.5%;
  margin: 22px auto 0;
}

#results .graph1_wrap {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 143% 0 0;
}

#results .graph1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/pic_results_graph1_sp.png");
  background-repeat: no-repeat;
  background-size: contain;
}

#results .graph2 {
  width: 94%;
  margin: 25px auto 30px;
  font-size: 10px;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
}

#results .graph3 {
  width: 93%;
  margin: 16px auto 30px;
  font-size: 10px;
}

#results .graph3_box_sp_left {
  float: left;
  width: 48%;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  zoom: 1;
}

#results .graph3_box_sp_right {
  float: right;
  width: 48%;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  zoom: 1;
}

#results .graph3_box_sp_left_left:after,
#results .graph3_box_sp_left_right:after {
  content: "";
  display: block;
  clear: both;
}

#results .graph3_box_sp.last {
  margin: 0;
}

#results .graph_txt {
  font-size: 9px;
  line-height: 14px;
  margin: 0;
  padding: 3px 0 0 9px;
  clear: both;
  text-indent: -9px;
}

#results .graph4 {
  width: 94%;
  margin: 17px auto 30px;
  font-size: 10px;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
}

#results .t_left.t_index,
#results .t_left.t_sum {
  float: left;
  width: 44%;/*52*/
  height: 20px;
  line-height: 20px;
  padding-left: 3%;
  border-bottom: 1px solid #FFF;
}

#results .t_left {
  float: left;
  width: 97%;
  height: 20px;
  line-height: 20px;
  padding-left: 3%;
  border-bottom: 1px solid #FFF;
}

#results .t_pref {
  float: left;
  width: 32%;
  height: 20px;
  line-height: 20px;
  padding-left: 5%;
  border-bottom: 1px solid #FFF;
}

#results .t_mid.t_index,
#results .t_mid.t_sum {
  float: left;
  width: 16%;
  height: 20px;
  line-height: 20px;
  text-align: right;
  padding-right: 3%;
  border-bottom: 1px solid #FFF;
}

#results .t_mid {
  float: left;
  width: 63%;
  height: 20px;
  line-height: 20px;
  text-align: right;
  padding-right: 3%;
  border-bottom: 1px solid #FFF;
}

#results .t_right {
  float: left;
  width: 31%;
  height: 20px;
  line-height: 20px;
  text-align: right;
  padding-right: 3%;
  border-bottom: 1px solid #FFF;
}

#results .graph3 .t_right {
  float: left;
  width: 60%;
  height: 20px;
  line-height: 20px;
  text-align: right;
  padding-right: 3%;
  border-bottom: 1px solid #FFF;
}

#results .t_index {
  background-color: #363636;
  color: #ff7e00;
}

#results .t_sum {
  font-weight: bold;
  background-color: #FFAE00;
  color: #000;
}

#results .t_sum2 {
  font-weight: bold;
  background-color: #FF7E00;
  color: #000;
}

#results .t_gr {
  background-color: #E3E3E3;
}

#results .t_wh {
  background-color: #F9F9F9;
}

#results .t_or {
  background-color: #FFECB0;
}

#results .t_left.t_index_sp {
  font-weight: bold;
  background-color: #E3E3E3;
}

#results .t_detail_sp {
  background-color: #FFF;
}

/* ------------------------------------
◆　#content / #profits
------------------------------------ */
#profits {
  background-color: #eaeaea;
  padding: 17px 0 0 0;
  position: relative;
  z-index: 10;
}

#profits .c_width {
  width: 100%;
}

#profits p {
  margin: 0 25px 10px 25px;
}

#profits .figure1_wrap_wrap {
  width: 66%;
  margin: 21px auto 15px;
}

#profits .figure1_wrap {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 250% 0 0;
}

#profits .figure1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img2/pic_profits_figure1_sp.png?202407192");
  background-repeat: no-repeat;
  background-size: contain;
}

#profits .figure2_wrap_wrap {
  width: 88%;
  margin: 25px auto 29px;
}

#profits .figure2_wrap {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 46.4% 0 0;
}

#profits .figure2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img2/pic_profits_figure2_sp.png?202407192");
  background-repeat: no-repeat;
  background-size: contain;
}

#profits .profits_box {
  width: 95%;
  background-color: #FFF;
  margin: 0 auto;
}

#profits .profits_box.p2,
#profits .profits_box.p3 {
  margin: 8px auto 0;
}

#profits .box_txt {
  width: 100%;
  padding: 27px 0;
}

#profits .box_txt .box_title {
  font-size: 12px;
  margin: 0 5% 10px;
}

#profits .box_txt p {
  margin: 0 5%;
}

#profits .profits_box img {
  width: 100%;
}

#content .topic3 p.small {
  font-size: 13px;
}

#profits .box_txt .note{
    margin-top:5px;
}

/* ------------------------------------
◆　#sjp
------------------------------------ */
#sjp {
  margin: 15px 5px 10px 5px;
}

#sjp .pic {
  width: 100%;
  height: 100%;
  background-image: url("../img/pic_sjp_sp.jpg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  margin: 0 0 12px 0;
  padding: 56% 0 0 0;
}

#content .topic5_block {
  margin: 0 20px 20px 20px;
}

#content .topic5_block.m_top {
  margin-top: -20px;
}

#content .topic5_block .topic5 {
  margin: 0 0 10px 0;
}

.sjp_archive {
  margin: 0 20px -15px 20px;
}

.sjp_archive .year {
  font-size: 13px;
  font-style: italic;
  margin: 0 0 7px 0;
}

.sjp_archive ul {
  margin: 0 0 7px 0;
}

.sjp_archive ul li {
  width: 78px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  font-size: 14px;
  float: left;
  border: 2px #ffc300 solid;
  background-color: #fff;
  margin: 0 10px 13px 0;
}
.sjp_archive ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.sjp_archive ul li.btn {
  cursor: pointer;
}

.sjp_archive ul li.btn span {
  padding: 0 0 0 20px;
  background-image: url("../img/bg_activity_prefecture_sp.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 6px 9px;
}

/* ------------------------------------
◆　#issue
------------------------------------ */
#issue {
  margin: 15px 0 10px 0;
}

#issue .header {
  position: relative;
  margin: 0 0 8px 0;
}

#issue .header .map {
  width: 106px;
  height: 122px;
  background-image: url("../img/bg_issue.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 106px 122px;
  position: absolute;
  top: -18px;
  right: 8px;
  z-index: 1;
}

#issue .header .title {
  width: 240px;
  font-size: 12px;
  line-height: 20px;
  margin: 0 0 0 25px;
  padding: 2px 0 2px 0;
}

#issue .header .desc {
  font-size: 9px;
  margin: 0 0 0 25px;
}

#issue .body {
}

#issue .body ul {
  width: 297px;
  margin: 0 auto;
}

#issue .body ul li {
  width: 89px;
  height: 164px;
  float: left;
  position: relative;
  margin: 0 5px 10px 5px;
  overflow: hidden;
}

#issue .body ul li.block {
  line-height: 165px;
  color: #fff;
  font-size: 13px;
  font-style: italic;
  clear: both;
}

#issue .body ul li.block:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 82px 0 82px 22px;
  position: absolute;
  top: 0;
  left: 67px;
}
#issue .body ul li.block.c1:before {
  border-color: transparent transparent transparent #e95257;
}
#issue .body ul li.block.c2:before {
  border-color: transparent transparent transparent #9a569e;
}
#issue .body ul li.block.c3:before {
  border-color: transparent transparent transparent #00a0da;
}
#issue .body ul li.block.c4:before {
  border-color: transparent transparent transparent #00b1bb;
}
#issue .body ul li.block.c5:before {
  border-color: transparent transparent transparent #32b16b;
}
#issue .body ul li.block.c6:before {
  border-color: transparent transparent transparent #b1a70a;
}

#issue .body ul li.block span {
  display: block;
  width: 57px;
  height: 164px;
  padding: 0 0 0 10px;
  position: relative;
  z-index: 100;
}
#issue .body ul li.block.c1 span {
  background-color: #e95257;
  width: 62px;
  padding: 0 0 0 5px;
  font-size: 12px;
}
#issue .body ul li.block.c2 span {
  background-color: #9a569e;
}
#issue .body ul li.block.c3 span {
  background-color: #00a0da;
}
#issue .body ul li.block.c4 span {
  background-color: #00b1bb;
}
#issue .body ul li.block.c5 span {
  background-color: #32b16b;
}
#issue .body ul li.block.c6 span {
  background-color: #b1a70a;
}

#issue .body ul li.block span p {
  width: 130px;
}

#issue .body ul li.grid {
  background-color: #fff;
}

#issue .body ul li.grid .img_block {
  width: 89px;
  height: 104px;
  margin: 0 0 4px 0;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 89px 104px;
}
#issue .body ul li.grid .img_block.p1 {
  background-image: url("../img/pic_issue1_sp.jpg");
}
#issue .body ul li.grid .img_block.p2 {
  background-image: url("../img/pic_issue2_sp.jpg");
}
#issue .body ul li.grid .img_block.p3 {
  background-image: url("../img/pic_issue3_sp.jpg");
}
#issue .body ul li.grid .img_block.p4 {
  background-image: url("../img/pic_issue4_sp.jpg");
}
#issue .body ul li.grid .img_block.p5 {
  background-image: url("../img/pic_issue5_sp.jpg");
}
#issue .body ul li.grid .img_block.p6 {
  background-image: url("../img/pic_issue6_sp.jpg");
}
#issue .body ul li.grid .img_block.p7 {
  background-image: url("../img/pic_issue7_sp.jpg");
}
#issue .body ul li.grid .img_block.p8 {
  background-image: url("../img/pic_issue8_sp.jpg");
}
#issue .body ul li.grid .img_block.p9 {
  background-image: url("../img/pic_issue9_sp.jpg");
}
#issue .body ul li.grid .img_block.p10 {
  background-image: url("../img/pic_issue10_sp.jpg");
}
#issue .body ul li.grid .img_block.p11 {
  background-image: url("../img/pic_issue11_sp.jpg");
}
#issue .body ul li.grid .img_block.p12 {
  background-image: url("../img/pic_issue12_sp.jpg");
}
#issue .body ul li.grid .img_block.p13 {
  background-image: url("../img/pic_issue13_sp.jpg");
}
#issue .body ul li.grid .img_block.p14 {
  background-image: url("../img/pic_issue14_sp.jpg");
}
#issue .body ul li.grid .img_block.p15 {
  background-image: url("../img/pic_issue15_sp.jpg");
}
#issue .body ul li.grid .img_block.p16 {
  background-image: url("../img/pic_issue16_sp.jpg");
}
#issue .body ul li.grid .img_block.p17 {
  background-image: url("../img/pic_issue17_sp.jpg");
}
#issue .body ul li.grid .img_block.p18 {
  background-image: url("../img/pic_issue18_sp.jpg");
}
#issue .body ul li.grid .img_block.p19 {
  background-image: url("../img/pic_issue19_sp.jpg");
}
#issue .body ul li.grid .img_block.p20 {
  background-image: url("../img/pic_issue20_sp.jpg");
}
#issue .body ul li.grid .img_block.p21 {
  background-image: url("../img/pic_issue21_sp.jpg");
}
#issue .body ul li.grid .img_block.p22 {
  background-image: url("../img/pic_issue22_sp.jpg");
}
#issue .body ul li.grid .img_block.p23 {
  background-image: url("../img/pic_issue23_sp.jpg");
}
#issue .body ul li.grid .img_block.p24 {
  background-image: url("../img/pic_issue24_sp.jpg");
}
#issue .body ul li.grid .img_block.p25 {
  background-image: url("../img/pic_issue25_sp.jpg");
}
#issue .body ul li.grid .img_block.p26 {
  background-image: url("../img/pic_issue26_sp.jpg");
}
#issue .body ul li.grid .img_block.p27 {
  background-image: url("../img/pic_issue27_sp.jpg");
}
#issue .body ul li.grid .img_block.p28 {
  background-image: url("../img/pic_issue28_sp.jpg");
}
#issue .body ul li.grid .img_block.p29 {
  background-image: url("../img/pic_issue29_sp.jpg");
}
#issue .body ul li.grid .img_block.p30 {
  background-image: url("../img/pic_issue30_sp.jpg");
}
#issue .body ul li.grid .img_block.p31 {
  background-image: url("../img/pic_issue31_sp.jpg");
}
#issue .body ul li.grid .img_block.p32 {
  background-image: url("../img/pic_issue32_sp.jpg");
}
#issue .body ul li.grid .img_block.p33 {
  background-image: url("../img/pic_issue33_sp.jpg");
}
#issue .body ul li.grid .img_block.p34 {
  background-image: url("../img/pic_issue34_sp.jpg");
}
#issue .body ul li.grid .img_block.p35 {
  background-image: url("../img/pic_issue35_sp.jpg");
}
#issue .body ul li.grid .img_block.p36 {
  background-image: url("../img/pic_issue36_sp.jpg");
}
#issue .body ul li.grid .img_block.p37 {
  background-image: url("../img/pic_issue37_sp.jpg");
}
#issue .body ul li.grid .img_block.p38 {
  background-image: url("../img/pic_issue38_sp.jpg");
}
#issue .body ul li.grid .img_block.p39 {
  background-image: url("../img/pic_issue39_sp.jpg");
}
#issue .body ul li.grid .img_block.p40 {
  background-image: url("../img/pic_issue40_sp.jpg");
}
#issue .body ul li.grid .img_block.p41 {
  background-image: url("../img/pic_issue41_sp.jpg");
}
#issue .body ul li.grid .img_block.p42 {
  background-image: url("../img/pic_issue42_sp.jpg");
}
#issue .body ul li.grid .img_block.p43 {
  background-image: url("../img/pic_issue43_sp.jpg");
}
#issue .body ul li.grid .img_block.p44 {
  background-image: url("../img/pic_issue44_sp.jpg");
}
#issue .body ul li.grid .img_block.p45 {
  background-image: url("../img/pic_issue45_sp.jpg");
}
#issue .body ul li.grid .img_block.p46 {
  background-image: url("../img/pic_issue46_sp.jpg");
}
#issue .body ul li.grid .img_block.p47 {
  background-image: url("../img/pic_issue47_sp.jpg");
}

#issue .body ul li.grid.c1 .img_block {
  border-top: 3px solid #e95257;
}
#issue .body ul li.grid.c2 .img_block {
  border-top: 3px solid #9a569e;
}
#issue .body ul li.grid.c3 .img_block {
  border-top: 3px solid #00a0da;
}
#issue .body ul li.grid.c4 .img_block {
  border-top: 3px solid #00b1bb;
}
#issue .body ul li.grid.c5 .img_block {
  border-top: 3px solid #32b16b;
}
#issue .body ul li.grid.c6 .img_block {
  border-top: 3px solid #b1a70a;
}

#issue .body ul li.grid .title {
  height: 40px;
  font-size: 11px;
  line-height: 16px;
  margin: 0 6px 0 6px;
  position: relative;
  padding: 0 0 0 12px;
}

#issue .body ul li.grid .title:before {
  content: '';
  width: 9px;
  height: 9px;
  background-image: url("../img/bg_arrow_sp.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 9px 9px;
  position: absolute;
  top: 4px;
  left: 0;
}

#issue .body ul li.grid .title span {
  font-size: 8px;
  display: block;
  white-space: nowrap;
}
#issue .body ul li.grid .title span.small {
  font-size: 7px;
  letter-spacing: -0.1em;
}

/* ------------------------------------
◆　#banner
------------------------------------ */
#banner {
  width: 100%;
  padding: 20px 0 16px 0;
}

#banner ul {
  width: 286px;
  margin: 0 auto;
}

#banner ul li {
  width: 135px;
  float: left;
  margin: 0 3px 4px 3px;
  border: 1px #bbb solid;
}

#banner ul li img {
  width: 100%;
  height: auto;
}

/* ------------------------------------
◆　#footer
------------------------------------ */
#footer {
  background-color: #343434;
  padding: 20px 0 20px;
}

#footer p {
  font-size: 10px;
  color: #fff;
  text-align: center;
}

#footer .totop {
  width: 50px;
  height: 40px;
  background-image: url("../img/btn_header_close_sp.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 40px 36px;
  position: fixed;
  bottom: -40px;
  right: 5px;
  z-index: 9999;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#footer .totop.on {
  bottom: 0;
}

/* ------------------------------------
◆　#link_sitemap
------------------------------------ */
#link_sitemap {
  margin: 2px 0 16px 0;
}

#link_sitemap .title {
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.04em;
  margin: 0 15px 5px 0;
  padding: 0 0 1px 18px;
  position: relative;
  float: right;
}

#link_sitemap .title:before {
  content: "";
  width: 13px;
  height: 13px;
  background-image: url("../img/bg_arrow_sp.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 13px 13px;
  position: absolute;
  top: 0;
  left: 0;
}

/* ------------------------------------
◆　#sitemap
------------------------------------ */
#sitemap {
  padding: 20px 0 10px 25px;
}

#sitemap ul li {
  margin: 0 0px 16px 24px;
}

#sitemap ul li.top {
  margin-left: 0;
}

#sitemap .title {
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 0.04em;
  padding: 0 0 1px 18px;
  position: relative;
}

#sitemap .title:before {
  content: "";
  width: 13px;
  height: 13px;
  background-image: url("../img/bg_arrow_sp.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 13px 13px;
  position: absolute;
  top: 0;
  left: 0;
}

/* ------------------------------------
◆　#survey
------------------------------------ */
#survey {
  margin: 30px 25px 40px 25px;
  padding: 28px 15px 30px 15px;
  border: 1px #cbcbcb solid;
  background-color: #fff;
}

#survey .topic4 {
  font-size: 14px;
  border: none;
  margin: 0 0 17px 0;
}

#survey .q_block {
  width: 100%;
  margin: 0 0 18px 0;
}

#survey .q_block .q_topic {
  width: 14%;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background-color: #E1E0E0;
  font-size: 14px;
  letter-spacing: 1px;
  font-style: italic;
  float: left;
}

#survey .q_block .q_txt {
  width: 80%;
  float: right;
}

#survey .a_block {
  margin: 0 0 31px 0;
}

#survey .a_block .btn {
  width: 70%;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 12px;
  border: 1px #e1e0e0 solid;
  margin: 0 0 6px 0;
  margin: 0 auto 6px;
}

#survey .a_block .btn.on {
  background-color: #ffc300;
}

#survey .a_block .btn span {
  padding: 0 0 0 10px;
  background-image: url("../img/bg_activity_prefecture.png");
  background-repeat: no-repeat;
  background-position: left center;
}

#survey .btn_submit {
  width: 85%;
  height: 38px;
  line-height: 38px;
  border: 1px #cbcbcb solid;
  background-color: #fff;
  font-size: 13px;
  text-align: center;
  opacity: 0.5;
  margin: 0 auto;
}
#survey .btn_submit span {
  display: inline-block;
  background-image: url("../img/bg_arrow_right.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 20px;
  letter-spacing: 1px;
}
#survey .btn_submit.on {
  opacity: 1;
  cursor: pointer;
}

/* ------------------------------------
◆　.page_recipe
------------------------------------ */
#post.page_recipe .body_area h5,
#post.page_recipe .body_area ul,
#post.page_recipe .body_area dl{
    margin: 0 25px 12px 25px;
}

#post.page_recipe .body_area dl{
    background: #ddd;
    padding: 15px;
}


/* ------------------------------------
◆　.slick
------------------------------------ */
/* ----------------
.slick-link 
---------------- */
.slick-link {
	display: block;
	z-index: 15;
	overflow: inherit;
	position: relative;
	font-size: 11px;
	top: -51px;
	left: 26px;
}


.slick-link a {
  color: #ffc300;
  padding: 4px 6px 4px 30px;
  position: relative;
  width: 80px;
  border: 1px #ffc300 solid;
}

.slick-link a:before {
  content: '';
  width: 13px;
  height: 13px;
  background-image: url("/original/common/img/bg_arrow_sp.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 13px 13px;
  position: absolute;
  top: 5px;
  left: 10px;
  
}

/* ----------------
img
---------------- */
img {
	width: 100%;
    height: auto;
}

/*-----------------
.org-dot
-----------------*/
.org-dot {
  position: absolute;
  bottom: 0px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
}

.org-dot li {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 14px;
  margin: 0px;
  padding: 0;
  cursor: pointer;
}

.org-dot li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.org-dot li.slick-active button:before {
  color: #ffffff;
}

.org-dot li button:before {
  font-size: 15px;
  line-height: 19px;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}