.kaikin {position:relative;}
.kaikin img.main {width:75%;}
.copy {
  position:absolute;
  width:45%;
  top:3%;
  right:8%;
	}
.copy h2 {
  text-align:left;
  color:#000;
  font-size:7vw;
  letter-spacing:-0.03em;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  margin:15px 0;
  line-height:150%;
	}
.copy p {
  font-size:16px;
  line-height:170%;
	}
.copy p a{color:#55a7dc;}
.copy p.sub {font-size:13px;text-align:right;}
.kaikin .stamp {
  max-width:240px;
  float:right;
	}
.kaikin .stamp img {
  	filter: drop-shadow(0 0 3px #fff);
	}
.kaikin .btn-wrap {
  	text-align:right;
	}
.kaikin .btn a {color:#fff;}
.kaikin .btn a:hover {text-decoration:none;}
.only-smp {display:none;}

@media (max-width: 1159px) {
  .row.event-wrap dl {margin:0;padding:0;}
	.kaikin img.main {width:100%;}
	.copy {
  position:relative;
  width:90%;
  margin:-10vw 5% 20px;
  top:auto;
  right:auto;
	}
  .copy h2 {
  font-size:11vw;
  margin:13px 0 7px;
    }
  .copy p {font-size:14px;line-height:130%;margin:0.2em 0;}
  .copy p.sub {font-size:12px;}
  .kaikin .stamp {
    max-width:39%;
    position:absolute;
    top:0;
    right:0;
  	}
  .kaikin .btn-wrap {
  	text-align:center;
	}
  .kaikin br {display:none;}
  .only-smp {display:block;}
  .only-pc {display:none;}
}

a .sns-b1,a .sns-b2 {border:1px solid #ccc;}
.sns-b1 {border:1px solid #ccc;margin:5px 0;}
.sns-b2 {border:1px solid #ccc;margin:5px 0.5%;width:48%;display:inline-block;padding:0;float:left;}

.cooking-wrap-line { margin:15px 0;}
.cooking-wrap-line {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100vw;
    overflow: hidden;
  }
.cooking-wrap-line ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
  }
.cooking-wrap-line ul li {
    display: inline-block;
    width: calc(100vw / 2);
    min-width: 50px;
    margin: 0;
    list-style: none;
    text-align: center;
  }
.cooking-wrap-line ul a {
    display: block;
  }
.cooking-wrap-line ul li img {
    display: block;
    width: 100%;
    height: auto;
  }
.cooking-wrap-line ul:first-child {
    -webkit-animation: loop 50s -25s linear infinite;
    animation: loop 50s -25s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
  }
.cooking-wrap-line ul + ul {
    -webkit-animation: loop2 50s  linear infinite;
    animation: loop2 50s linear infinite;
  }

@media (max-width: 640px) {
  div.top-container {margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);}
  .cooking-wrap-line ul li {
    min-width: 80px;} 
  .ttl-h2 {font-size:14px;margin:0;padding:0;}
  .topics {width:100%;margin:0;padding:0;}
  .topics .left { width:50%;float:left;}
  .topics .right { width:50%;float:right;}
  p.small {text-align:left;font-size:10px;}
  .topics-wrap-x,.topics-wrap {background:#f5f5f5;margin:10px 0;padding:0 0 5px;}
  .topics-wrap-x h2,.topics-wrap h2 {font-size:14px !important;margin:0.5em;padding:0;}
	}
@media (min-width: 1160px) {
.content-wrap { width: 990px; }
	}
@media (max-width: 1159px) {
  .side-wrap { display:none;}
  .content-wrap { width: 96%; margin:0 auto; float:none; }
  .topics img { display:block;margin:8px auto;}
	}

@media (min-width: 641px) {
  li.prd-lst-unit {width:23%;margin:1%;}
  .topics-item li:nth-child(4),
  .topics-item li:nth-child(7),
  .topics-item li:nth-child(10){clear:both;}
  	}
@media (max-width: 640px) {
  li.prd-lst-unit { width:48%;margin:1%;}
  li.prd-lst-unit:nth-child(odd),
  .topics-item li:nth-child(odd){clear:both;}
  .topics-item {margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);margin-top:20px;padding-bottom:20px;}
  .topics-item ul li { width:48% !important;margin:1%;}
  .topics-item ul li h3 {font-size:13px;text-align:center;}
  .topics-item ul li p {font-size:11px;padding:0 1em;}
  h2.ttl-h2 {margin-top:1.8em;}
	}

.topics-item ul {margin:0;padding:0;}
.topics-item li {width:30.333%;margin:1.5%;
	float:left;
  	list-style:none;
	}

.topics .left img { width:99%;margin-right:1%;}
.topics .right img { width:99%;margin-left:1%;}
.topics.size { padding:0 10%;width:80%;}
.recommend-items ul li { padding: 1%; }


.rsstc li:first-child   { display: none; }
.rsstc li   { font-weight: bolder; list-style-type: none; border-bottom: 1px solid #dddddd; padding: 0.8em; }
.rsstc a { color: #2ca9e1; text-decoration: underline; }

.topics-wrap {
text-align:center;margin:1%;width:48%;float:left;
}
.topics-wrap h2 {
  margin: 0.4em 0;
  padding: 0.3em;
}
@media (max-width: 768px) {
	}
@media (max-width: 640px) {
    .topics-wrap {margin:10px 0;width:100%;float:none;}
	}

.free-wrap {width:45%;margin:0 2.5%;float:left;line-height:180%;}
.info-wrap {width:45%;margin:0 2.5%;float:right;line-height:180%;}
.free-wrap-title { margin:0 10px 1.5em; }

@media (max-width: 640px) {
    .free-wrap {width:90%;margin:10px 5%;float:none;}
	.info-wrap {width:90%;margin:30px 5% 0;float:none;}
	}

/*-----　スライダー　----*/

.slider-pro { clear:both; width:100%; padding:0;}


/*-----　ループアニメーション　----*/

@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}