@charset "utf-8";
/* CSS Document */

h1,h2,h3,h4,h5 {
	font-weight: normal;
}

/*================================
	rewrite
=================================*/

.l-contents__frame {
    padding: 0 0 30px;
}

/*================================
	index slider
=================================*/
.top_slider {
	overflow: hidden;
	min-width: 1000px;
}
.top_slider_inner {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
/*	padding-bottom: 16px;*/
}
.swiper {
	width: 100%;
	height: 100%;
	overflow: visible;
	z-index: 1;
}
.swiper-slide {
	position: relative;
}
.swiper-slide a {
	display: block;
}

.swiper-pagination-bullets {
  position: static !important;
  margin-top: 12px;
} 

.swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  margin: 0 0 0 10px !important;
  background: #333 !important;
}

.swiper-pagination-bullet:first-child {
  margin: 0 !important;
}

.swiper-button-prev,
.swiper-button-next {
	fill: #fff;
	stroke: none;
	stroke-width: 0;
	z-index: 10000;
	width: 20px;
	margin-top: -18px;
	background-image: none;
}

.swiper-pagination-bullet-active {
	background: #fff;
}

.swiper-slide:not(.swiper-slide-active) {
	pointer-events: none;
	opacity: .5;
	
}
/*================================
	contents
=================================*/

.cont_ttl {
	margin-bottom: 16px;
	color: #113A62;
}
.cont_ttl h2 {
	text-align: center;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 500;
	font-size: 36px;
}

.main_group {
	width: 1000px;
	margin: 4px auto;
	background: #FFFFFF;
	padding: 24px 36px 28px;
}

/*================================
	pickup news
=================================*/

.pickup_news {
}
.pickup_news li {
	text-align: center;
}

.c-widget__content .news-widget__item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.c-widget__content .news-widget__date {
  margin-right: 40px;
  margin-bottom: 6px;
  color: var(--color__gray--dark);
}
.c-widget__content .news-widget__content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.c-widget__content .news-widget__headline {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
  font-weight: bold;
  word-break: break-all;
  cursor: pointer;
}
.c-widget__content .news-widget__headline span {
  display: block;
}
.c-widget__content .news-widget__headline i {
  display: block;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-top: 3px;
  margin-left: auto;
  color: transparent;
  user-select: none;
  background: url("/assets/svg/plus.svg") center center no-repeat;
}
.c-widget__content .news-widget__headline i.is-open {
  background: url("/assets/svg/minus.svg") center center no-repeat;
}
.c-widget__content .news-widget__detail {
  display: none;
  margin-bottom: 10px;
  line-height: 24px;
  word-break: break-all;
}

/*================================
	main ranking
=================================*/

.main_ranking section {
	padding: 6px 0 16px;
}
.main_ranking section:not(:last-child) {
	margin-bottom: 16px;
	/* border-bottom: 1px solid rgba(0,0,0,.1); */
	border-bottom: 4px solid #F6F7F6;
}
.rank_wrap {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:space-between;
	-moz-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-moz-flex-pack:space-between;
	-ms-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;

	-webkit-box-align:flex-start;
	-moz-box-align:flex-start;
	-ms-flex-align:flex-start;
	-webkit-align-items:flex-start;
	-moz-align-items:flex-start;
	align-items:flex-start;
}
.rank_series_ttl {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;

	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	align-items:center;

	position: relative;
	border-right: solid 3px #e7e7e7;
	height: 208px;
	width: 100%;
}
.rank_series_ttl::before {
	content: "";
	position: absolute;
	top: 50%;
	/*  right: -24px;*/
	right: -23px;
	margin-top: -12px;
	border: 12px solid transparent;
	border-left: 12px solid #FFF;
	z-index: 2;
}

.rank_series_ttl::after {
	content: "";
	position: absolute;
	top: 50%;
	/*  right: -30px;*/
	right: -29px;
	margin-top: -14px;
	border: 14px solid transparent;
	border-left: 14px solid #e7e7e7;
	z-index: 1;
}
.rank_series_ttl > div {
	margin: 0 auto;
}
.rank_series_ttl h3 {
	line-height: 1.3;
}
.ranking_list {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:space-between;
	-moz-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-moz-flex-pack:space-between;
	-ms-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	width: calc(100% - 208px - 32px);
}
.ranking_list li {
	width: calc((100% - (32px * 2)) / 3);
	font-size: 14px;
	line-height: 1.4;
	position: relative;
}
.ranking_list li img {
	margin-bottom: 6px;
}
.ranking_list a:link {
	text-decoration: none;
}
.ranking_list h3 {
	line-height: 1.4;
}
.ranking_list li::before,
.ranking_list li::after {
	content: "";
	display: inline-block;
	width: 42px;
	height: 42px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: -6px;
	left: -8px;	
}
.ranking_list li:nth-of-type(1)::before {
	background-image: url(svg/bakudan01_1.svg);
}
.ranking_list li:nth-of-type(2)::before {
	background-image: url(svg/bakudan01_2.svg);
}
.ranking_list li:nth-of-type(3)::before {
	background-image: url(svg/bakudan01_3.svg);
}
.ranking_list {
	counter-reset: number 0; 
}
.ranking_list li::after {
	counter-increment: number 1;
	content: counter(number)" ";
	text-align: center;
	font-size: 24px;
	line-height: 42px;
	font-weight: 600;
	color: #FFFFFF;
}

.rl_series {
	text-align: left;
	margin-bottom: 4px;
}
.rl_series span {
	font-size: 12px;
	line-height: 1;
	display: inline-block;
	padding: 3px 3px;
	border: 1px solid #ccc;
	margin-right: 6px;
}
.rank_series_ttl {
/*	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:space-between;
	-moz-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-moz-flex-pack:space-between;
	-ms-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	margin-bottom: 6px;*/
	width: 208px;
	margin-right: 32px;
	text-align: center;
}
.rank_series_ttl h3 {
/*	width: calc(100% - 25%);*/
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 500;
	font-size: 24px;
	margin: 0 auto;
}
.rank_series_ttl .link_box {
	margin-top: 16px;
}
.rank_series_ttl .link_box a {
	display: inline-block;
	height: 32px;
	padding: 0 20px;
	border-radius: 9999px;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	margin: 0 auto;
}
.rank_bt_wrap .rank_series_ttl {
	background-image: linear-gradient(145deg, rgba(250, 210, 219, 0.25), rgba(250, 210, 219, 0) 70%);
}
.rank_hc_wrap .rank_series_ttl {
	background-image: linear-gradient(145deg, rgba(193, 225, 210, 0.25), rgba(193, 225, 210, 0) 70%);
}
.rank_kp_wrap .rank_series_ttl {
	background-image: linear-gradient(145deg, rgba(253, 213, 156, 0.25), rgba(253, 213, 156, 0) 70%);
}

.rank_bt_wrap .rank_series_ttl .link_box a {
	background: rgb(250 210 219 / 50%);
}
.rank_hc_wrap .rank_series_ttl .link_box a {
	background: rgb(193 225 210 / 50%);
}
.rank_kp_wrap .rank_series_ttl .link_box a {
	background: rgb(253 213 156 / 50%);
}

.rank_series_ttl .marker {
	display: inline-block;
	padding: 0 8px;
}
.rank_bt_wrap .rank_series_ttl  .marker {
	background: linear-gradient(rgba(255,255,255,0) 60%, #FAD2DB 60%);
}
.rank_hc_wrap .rank_series_ttl  .marker {
	background: linear-gradient(rgba(255,255,255,0) 60%, #C1E1D2 60%);
}
.rank_kp_wrap .rank_series_ttl  .marker {
	background: linear-gradient(rgba(255,255,255,0) 60%, #FDD59C 60%);
}

/*================================
	pickup
=================================*/

.main_pu {
}
.main_pu .main_pu_cont {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;

	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.main_pu section {
	width: calc((100% - 32px) / 2);
	margin-bottom: 20px;
}
.main_pu section:nth-of-type(odd){
	margin-right: 32px;
}

.main_pu .pu_txt_wrap {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:space-between;
	-moz-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-moz-flex-pack:space-between;
	-ms-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;

	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	align-items:center;

	padding:  8px 0;
}
.main_pu section a {
	position: relative;
	text-decoration: none;
	display: block;
/*	overflow: hidden;*/
}

.main_pu .pu_mark {
	position: absolute;
	top: 0px;
	left: 0;
	font-size: 20px;
	line-height: 1.3;
	font-weight: 500;
	padding: 4px 24px;
	text-align: center;
	color: #113A62;
	background: #A6A6A6;
	/*border-radius: 9999px;*/
	z-index: +1;
/*	transform: skewX(-30deg);*/
}
/*
.main_pu .pu_mark > span {
	display: block;
	transform: skewX(30deg);
}
*/
.main_pu .pu_mark.pu_new {
	background: #ffd2db;
}
.main_pu .pu_mark.pu_szn {
	background: #ffd59f;
}
.main_pu .pu_mark.pu_ltd {
	background: #bce1d2;
}
.main_pu .pu_mark.pu_rec {
	background: #bae6ec;
}
.main_pu .pu_txt {
	font-size: 14px;
	line-height: 1.4;
}
.main_pu .pu_cate .marker {
	display: inline-block;
	padding: 0 6px 0;
}
.main_pu section:nth-of-type(1) .pu_cate .marker {
	background: linear-gradient(transparent 60%, #FAD2DB 30%);
}
.main_pu section:nth-of-type(2) .pu_cate .marker {
	background: linear-gradient(transparent 60%, #C1E1D2 30%);
}
.main_pu section:nth-of-type(3) .pu_cate .marker {
	background: linear-gradient(transparent 60%, #FDD59C 30%);
}
.main_pu section:nth-of-type(4) .pu_cate .marker {
	background: linear-gradient(transparent 60%, #bae6ec 30%);
}




/*================================
	series
=================================*/

.main_series {
}
.main_series section {
	border: 1px solid #C9C9C9;
}

.main_series .main_series_cont {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;

	-webkit-box-pack:space-between;
	-moz-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-moz-flex-pack:space-between;
	-ms-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
}
.main_series section {
	width: calc((100% - (32px * 2)) / 3);
}
.main_series_ttl {
/*	width: calc(100% - 25%);*/
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 500;
	font-size: 24px;
	margin: 0 auto;
	position: absolute;
	top: 4px;
	left: 4px;
}

.main_series .series_wrap a {
	display: block;
	position: relative;
}
.main_series .series_catch {
	padding: 6px;
	font-size: 16px;
	line-height: 1;
	position: relative;
}
.main_series .series_catch::after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.main_series .series_wrap a:link {
	color: #1A1A1C;
	text-decoration: none;
}
.main_series .series_wrap.s_kp .series_catch {
	background: #FDD59C;
}
.main_series .series_wrap.s_bt .series_catch {
	background: #FAD2DB;
}
.main_series .series_wrap.s_hc .series_catch {
	background: #C1E1D2;
}


/*================================
	brand
=================================*/

.main_brand {
}

.main_brand .main_brand_cont {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;

	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.main_brand section {
	width: calc((100% - 32px) / 2);
	margin-bottom: 20px;
}
.main_brand section:nth-of-type(odd){
	margin-right: 32px;
}
	
.main_brand .brand_btn {
/*	width: calc(100% - 30px);*/
/*	margin: 16px auto 0;*/
	text-align: center;
}
.main_brand .brand_btn a {
	position: relative;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	font-size: 22px;
	line-height: 60px;
	font-weight: 500;
	background: #113A62;
	color: #fff;
/*	border: 3px solid #000000;*/
	border-radius: 9999px;
	padding: 0 60px;
}

.main_brand .brand_btn a::before {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 14px;
	width: 18px;
	height: 18px;
	background: #fff;
	border-radius: 50%;
}
.main_brand .brand_btn a::after {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 21px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #113A62;
	border-right: 2px solid #113A62;
	transform: rotate(45deg);
}

/*================================
	series
=================================*/

.main_more {
}
.main_more .more_img_wrap {
/*	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:space-between;
	-moz-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-moz-flex-pack:space-between;
	-ms-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;*/
}

/*
.main_more section > a {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:space-between;
	-moz-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-moz-flex-pack:space-between;
	-ms-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	align-items: flex-start;
	text-decoration: none;
}
.main_more section:not(:last-child) > a {
	margin-bottom: 16px;
}
.main_more .more_img_wrap {
	width: 50%;
}
.main_more .more_txt_wrap {
	width: calc(50% - 16px);
}
*/

.main_more section > a {
	text-decoration: none;
}

.main_more .main_more_cont {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;

	-webkit-box-pack:space-between;
	-moz-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-moz-flex-pack:space-between;
	-ms-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
}
.main_more section {
	width: calc((100% - 32px) / 2);
	margin-bottom: 20px;
}
.main_more .more_cate {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	line-height: 1.3;
	padding: 8px;
	margin: 6px 0 12px;
	border-radius: 4px;
	position: relative;
}
.main_more .more_review .more_cate {
	color: #113A62;
	background: #81CCDB;
}
.main_more .more_onayami .more_cate {
	color: #fff;
	background: #113A62;
}
.main_more .more_cate::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
}
.main_more .more_review .more_cate::before {
  border-top: 10px solid #81CCDB;
}
.main_more .more_onayami .more_cate::before {
  border-top: 10px solid #113A62;
}


.main_more h3 {
	font-size: 16px;
	line-height: 1.4;
}

.main_magazine {
}
.main_magazine .magazine_wrap {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:space-between;
	-moz-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-moz-flex-pack:space-between;
	-ms-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
}
.main_magazine .magazine_wrap section {
	width: calc((100% - 32px) / 2);
}

.main_magazine a:link {
	display: block;
	text-decoration: none;
}

.main_magazine .magazine_cate {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	line-height: 1.3;
	margin: 6px 0;
	padding: 8px;
}

.main_magazine .magazine_recipe .magazine_cate {
	letter-spacing: 0;
	background: #fff3e3;
	border-left: 8px solid #ffd59f;
}
.main_magazine .magazine_column .magazine_cate {
	background: #fff2f5;
	border-left: 8px solid #ffd2db;
}

.main_magazine h3 {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 8px;
}


.main_cont {
}
.main_cont .cont_wrap {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:space-between;
	-moz-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-moz-flex-pack:space-between;
	-ms-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
}
.main_cont .cont_wrap section {
	width: calc((100% - (32px * 2)) / 3);
}

.main_cont a:link {
	display: block;
	text-decoration: none;
}

.main_cont .cont_cate {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	line-height: 1.3;
	margin: 6px 0;
	padding: 8px;
}

.main_cont .cont_recipe .cont_cate {
	letter-spacing: 0;
	background: #fff3e3;
	border-left: 8px solid #ffd59f;
}
.main_cont .cont_column .cont_cate {
	background: #fff2f5;
	border-left: 8px solid #ffd2db;
}
.main_cont .cont_rs .cont_cate {
	background: #e7ffe9;
    border-left: 8px solid #baf5be;
}

.main_cont h3 {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 8px;
}



/*================================
	news
=================================*/

.main_news {
}
.main_news .main_news_cont {
	width: 500px;
	margin: 0 auto;
}
.main_news section > dl {
	width: 600px;
	margin: 0 auto;
	border-bottom: 1px solid rgba(0,0,0,.15);
	margin-bottom: 12px;
	padding-bottom: 12px;
}
.main_news section > dl > dt {
	font-size: 14px;
	margin-bottom: 4px;
}
.main_news .news_btn {
	width: 180px;
	margin: 16px auto 0;
}
.main_news .news_btn a {
	position: relative;
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	line-height: 36px;
	font-weight: 500;
	background: #b8dce3;
	color: #113A62;
/*	border: 3px solid #000000;*/
	border-radius: 9999px;
}
/*
.main_news .news_btn a::before {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 14px;
	width: 18px;
	height: 18px;
	background: #fff;
	border-radius: 50%;
}
*/
.main_news .news_btn a::after {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 16px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
.main_news .news_title {
	position: relative;
	padding-right: 20px;
	font-size: 18px;
	font-weight: 500;
}
.main_news .news_more::before {
	position: absolute;
	content: '';
	top: 50%;
	right: 0;
	height: 2px;
	width: 15px;
	background: #333;
	transform: rotate(90deg);
	transition: all .3s ease-in-out;
}
.main_news .news_more::after {
	position: absolute;
	content: '';
	top: 50%;
	right: 0;
	height: 2px;
	width: 15px;
	background: #333;
	transition: all .3s ease-in-out;
}
.main_news .news_more.open::before {
	transform: rotate(180deg);
}
.main_news .news_more.open::after {
	opacity: 0;
}
.main_news .news_cont {
	display: none;
	font-size: 16px;
	margin: 4px 0 10px;
	padding: 16px 0;
	line-height: 1.5;
}
.main_news .news_cont p {
	margin-bottom: .75em;
}
.main_news .news_cont dl {
	margin: .75em 0;
}
.main_news .news_cont dt {
	margin-bottom: .25em;
}
.main_news .news_cont dd {
	margin-left: 1em;
	margin-bottom: .25em;
}


.main_sokuyaku_w .cont_ttl {
    margin-bottom: 0;
}
.main_sokuyaku_w .cont_ttl h2 {
	font-size: 24px;
}
.main_sokuyaku_w a {
/*	text-decoration: none;*/
}