@charset "utf-8";

/* CSS Document */
html,
body {
  height: 100%;
}

#top_all_wrap {
  background: #fffdf9;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}

/* opening */
#cover {
  background: #fffdf4;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}

#cover_inner {
  position: relative;
  text-align: center;
}

#parts1,
#parts3,
#parts4 {
  position: absolute;
  width: 100%;
  opacity: 0;
}

#parts1 {
  padding-top: 0;
}

#parts1 img {
  margin-right: 5px;
}

#parts3 {
  padding-top: 15px;
}

#parts4 {
  padding-top: 15px;
}

/* opening end */

#mv_slide {
  margin-top: 20px;
  margin-bottom: 15px;
}

.sp-horizontal .sp-previous-arrow {
  left: 50% !important;
  margin-left: -512px !important;
  /*font-size:70px;*/
  text-indent: -9999px;
  background: url("../../image/arrow_prev.png") no-repeat;
  width: 23px;
  height: 41px;
}

.sp-horizontal .sp-next-arrow {
  right: 50% !important;
  margin-right: -512px !important;
  /*font-size:70px;*/
  text-indent: -9999px;
  background: url("../../image/arrow_next.png") no-repeat;
  width: 23px;
  height: 41px;
}

.sp-horizontal .sp-arrow {
  margin-top: -20px !important;
}

.sp-previous-arrow::before,
.sp-next-arrow::before {
  color: #eb2f2e !important;
}

.sp-arrow {
  text-shadow: none !important;
}

.sp-buttons {
  padding-top: 20px !important;
}

/*
.sp-button{
	width:185px !important;
	height:70px !important;
	-moz-border-radius:0 !important;
	-webkit-border-radius:0 !important;
	-ms-border-radius:0 !important;
	-o-border-radius:0 !important;
	border-radius:0 !important;
	border:none !important;
}

.sp-selected-button{
	border:2px solid #e60012 !important;
}

.thumb1{background:url("../../image/mv_thumbnail1.jpg") no-repeat;}
.thumb2{background:url("../../image/mv_thumbnail2.jpg") no-repeat;}
.thumb3{background:url("../../image/mv_thumbnail3.jpg") no-repeat;}
.thumb4{background:url("../../image/mv_thumbnail4.jpg") no-repeat;}
.thumb5{background:url("../../image/mv_thumbnail5.jpg") no-repeat;}
.thumb6{background:url("../../image/mv_thumbnail6.jpg") no-repeat;}
*/

.sp-button {
  /*border: 2px solid #000;*/
  border-radius: 50% !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  /* display: inline-block; */
  height: 14px !important;
  margin: 4px;
  width: 14px !important;
  background: #ddd;
  box-shadow: inset 1px 2px 2px rgba(0, 0, 0, 0.2);
  border: none !important;
}

.sp-selected-button {
  background: #e60012 !important;
}

.sp-buttons {
  padding-top: 10px !important;
}

#article_top {
  width: 720px;
  float: left;
}

#article_top .topics_list {
  margin: 5px 10px 0 10px;
}

#article_top .topics_list li {
  border-bottom: 1px dotted #d8d8d8;
  padding: 10px 0 9px 5px;
}

#article_top .topics_date {
  color: #745604;
  width: 105px;
  float: left;
}

#article_top .topics_txt {
  width: 87px;
  float: left;
  width: 490px;
  padding-left: 95px;
}

#article_top .topics_txt a {
  text-decoration: none;
  color: #454545;
}

#article_top .topics_txt a:hover {
  text-decoration: underline;
}

#article_top .topics_txt.cat1 {
  background: url("../image/icon_cat1.gif") no-repeat;
}

#article_top .topics_txt.cat2 {
  background: url("../image/icon_cat2.gif") no-repeat;
}

#article_top .topics_txt.cat3 {
  background: url("../image/icon_cat3.gif") no-repeat;
}

#article_top .section {
  margin-bottom: 35px;
}

#top_recipe_block {
  margin-top: 23px;
  width: 732px;
  margin-left: -12px;
  margin-bottom: 23px;
}

#top_recipe_block li {
  border: 1px solid #e0e0e0;
  padding: 7px 7px 12px;
  width: 216px;
  position: relative;
  float: left;
  margin-left: 12px;
  background: #fff;
}

#top_recipe_block li .recipe_pin {
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -13px;
  z-index: 100;
}

#top_recipe_block li figure {
  text-align: center;
  width: 216px;
  overflow: hidden;
}

#top_recipe_block li figure img {
  width: 216px;
  height: auto;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  transition: none !important;
}


#top_recipe_block li p {
  background: url("../image/arrow1.gif") 2px 3px no-repeat;
  padding-left: 14px;
  line-height: 1.4;
  margin-top: 15px;
}

#top_recipe_block li p a {
  color: #454545;
  text-decoration: none;
}

#top_recipe_block li p a:hover {
  text-decoration: underline;
}

#top_recommend_bn {
  width: 735px;
  margin-left: -15px;
  margin-top: 23px;
}

#top_recommend_bn li {
  float: left;
  margin-left: 15px;
  margin-bottom: 15px;
}

#aside_top {
  width: 210px;
  float: right;
  padding-top: 14px;
}

.aside_top_section {
  margin-bottom: 40px;
}

#aside_top li {
  margin-top: 9px;
}



/*20190319追記*/
.anniversaryMV {
  max-width: 960px;
  width: 100%;
  margin: auto;
  font-size: 0;
}

.anniversaryMV ul {
  font-size: 0;
  margin-top: 20px;
  display: block;
  width: 100%;
  letter-spacing: 0;
}

.anniversaryMV ul li {
  display: inline-block;
  margin-left: 10px;
  /*width: 475px;*/
}

.anniversaryMV ul li:nth-child(1) {
  margin-left: 0;
}

.anniversaryMV ul li img {
  width: 100%;
}

.anniversaryMV ul li a:hover {
  opacity: 0.6;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
}

@media screen and (max-width: 750px) {
  .anniversaryMV ul li:nth-child(1) {
    display: block;
  }
}



@media screen and (max-width: 960px) {
  .spHide2 {
    display: none !important;
  }

  .spDisp2 {
    display: block !important;
  }

  .sp-anniversaryMV p {
    display: inline-block;
    margin-bottom: 10px;
  }

  .sp-anniversaryMV p img {
    width: 100%;
  }

  .sp-anniversaryMV ul {
    font-size: 0;
    margin-bottom: 10px;
  }

  .sp-anniversaryMV ul li {
    display: inline-block;
    width: 100%;
  }

  .sp-anniversaryMV ul li img {
    width: 100%;
  }




}

@media screen and (min-width: 961px) {
  .spHide2 {
    display: block;
  }

  .spDisp2 {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .spHide {
    display: none;
  }

  .spDisp {
    display: block;
  }
}

@media screen and (min-width: 751px) {
  .spHide {
    display: block;
  }

  .spDisp {
    display: none;
  }
}