﻿@charset "UTF-8";

/* pc -------------------------------------------------- */
/* 共通 */
html[data-browse-mode="P"] .healing_campaign .sp_only {
	display: none !important;
}
html[data-browse-mode="P"] .healing_campaign .img {
	display: block;
}
html[data-browse-mode="P"] .healing_campaign ._fade_in {
	transition: all 1s;
}

/* mv */
html[data-browse-mode="P"] .healing_campaign .healing_campaign_mv {
	background: url(/stg/img/usr/freepage/healing_campaign/bg_mv_pc.jpg) top center no-repeat;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_mv .inner {
	display: block;
	width: 1200px;
	margin: 0 auto;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_mv h1.mv {
	margin: 0;
	display: flex;
}

/* sec */
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec .inner {
	display: block;
	width: 1200px;
	margin: 0 auto;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec .sec_item_list_ttl {
	display: flex;
	justify-content: center;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec .img-center img {
	width: 100%;;
}

/* sec01 */
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_01 {
	height: 729px;
	background: url(/stg/img/usr/freepage/healing_campaign/bg_sec_01_pc.jpg) top center no-repeat;
}

/* sec02 */
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_02 {
	margin-top: 120px;
}

/* sec03 */
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_03 {
	height: 2028px;
	margin-top: 150px;
	background: url(/stg/img/usr/freepage/healing_campaign/bg_sec_03_pc.jpg) top center no-repeat;
}
html[data-browse-mode="P"] .healing_campaign .sec_03 .sec_items ul {
	display: flex;
}
html[data-browse-mode="P"] .healing_campaign .sec_03 .sec_items ul li {
	position: relative;
	width: 50%;
	display: block;
}
html[data-browse-mode="P"] .healing_campaign .sec_03 .sec_items ul li > a {
	position: absolute;
	top: 1044px;
	right: 33px;
	display: block;
	width: 508px;
	height: 81px;
}
html[data-browse-mode="P"] .healing_campaign .sec_03 .sec_items ul li:first-child > a {
	right: 33px;
}
html[data-browse-mode="P"] .healing_campaign .sec_03 .sec_items ul li:last-child > a {
	left: 29px;
}

/* sec04 */
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_04 {
	margin-top: 200px;
}

/* sec05 */
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_05 {
	margin-top: 120px;
	background: url(/stg/img/usr/freepage/healing_campaign/bg_sec_05_pc.jpg) top center no-repeat;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_05 .sec_ttl {
	height: 534px;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_05 .sec_txt {
	margin-top: 200px;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_05 .sec_item_list {
	margin-top: 220px;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_05 .sec_item_list_items {
	margin-top: 110px;
}

/* sec06 */
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_06 {
	background: url(/stg/img/usr/freepage/healing_campaign/bg_sec_06_pc.jpg) top center no-repeat;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_06 .sec_ttl {
	height: 534px;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_06 .sec_txt {
	margin-top: 200px;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_06 .sec_item_list {
	margin-top: 220px;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_06 .sec_item_list_items {
	margin-top: 110px;
}

/* sec07 */
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_07 {
	background: url(/stg/img/usr/freepage/healing_campaign/bg_sec_07_pc.jpg) top center no-repeat;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_07 .sec_ttl {
	height: 338px;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_07 .sec_txt {
	margin-top: 150px;
}

/* sec08 */
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_08 {
	margin-top: 200px;
	background: url(/stg/img/usr/freepage/healing_campaign/bg_sec_08_pc.jpg) top center no-repeat;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_08 .sec_ttl {
	position: relative;
	height: 1220px;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_08 .sec_ttl > a {
	position: absolute;
	top: 1065px;
	left: 327px;
	display: block;
	width: 564px;
	height: 89px;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_08 .sec_heading {
	margin-top: 134px;
	background: url(/stg/img/usr/freepage/healing_campaign/bg_sec_08_heading_pc.jpg) top center no-repeat;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_08 .sec_table {
	margin-top: 108px;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_08 .sec_item_list {
	margin-top: 90px;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_08 .sec_item_list_items {
	margin-top: 110px;
}

/* sec09 */
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_09 {
	background: url(/stg/img/usr/freepage/healing_campaign/bg_sec_09_pc.jpg) top center no-repeat;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_09 .sec_ttl {
	height: 445px;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_09 .sec_txt {
	margin-top: 150px;
}

/* sec10 */
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_10 {
	margin-top: 200px;
	background: url(/stg/img/usr/freepage/healing_campaign/bg_sec_10_pc.jpg) top center no-repeat;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_10 .sec_ttl {
	position: relative;
	height: 1312px;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_10 .sec_ttl > a {
	position: absolute;
	top: 1154px;
	left: 327px;
	display: block;
	width: 564px;
	height: 89px;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_10 .sec_heading {
	margin-top: 134px;
	background: url(/stg/img/usr/freepage/healing_campaign/bg_sec_10_heading_pc.jpg) top center no-repeat;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_10 .sec_table {
	margin-top: 108px;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_10 .sec_item_list {
	margin-top: 90px;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_10 .sec_item_list_items {
	margin-top: 110px;
}
html[data-browse-mode="P"] .healing_campaign .healing_campaign_sec.sec_10 .sec_item_list_items .marginrightzero {
	margin-right: 0;
}

/* nav */
html[data-browse-mode="P"] .healing_campaign .nav .inner {
	width: 1200px;
	margin: 0 auto;
}
html[data-browse-mode="P"] .healing_campaign .nav ul {
	display: flex;
	justify-content: center;
}
html[data-browse-mode="P"] .healing_campaign .nav li a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: 1px solid #0e0509;
	border-radius: 5px;
	width: 480px;
	height: 140px;
	font-size: 28px;
	line-height: 1.77;
	transition: .3s ease;
}
html[data-browse-mode="P"] .healing_campaign .nav li a:hover {
	color: #fff;
	background: #707070;
	text-decoration: none;
}

/* sp -------------------------------------------------- */
/* 共通 */
html[data-browse-mode="S"] .healing_campaign .pc_only {
	display: none !important;
}
html[data-browse-mode="S"] .healing_campaign .img {
	display: block;
}
html[data-browse-mode="S"] .healing_campaign ._fade_in {
	transition: all 1s;
}

/* mv */
html[data-browse-mode="S"] .healing_campaign .healing_campaign_mv h1 {
  padding: 0;
}

/* sec01 */
html[data-browse-mode="S"] .healing_campaign .sec_01 {
  margin-top: 30px;
}

/* sec02 */
html[data-browse-mode="S"] .healing_campaign .sec_02 {
  margin-top: 35px;
}

/* sec03 */
html[data-browse-mode="S"] .healing_campaign .sec_03 {
  margin-top: 65px;
}
html[data-browse-mode="S"] .healing_campaign .sec_03 .sec_items ul li {
	position: relative;
}
html[data-browse-mode="S"] .healing_campaign .sec_03 .sec_items ul li:first-child > a {
	position: absolute;
	bottom: 0;
	left: 12.4vw;
	display: block;
	width: 75.2vw;
	height: 11.86vw;
}
html[data-browse-mode="S"] .healing_campaign .sec_03 .sec_items ul li:last-child > a {
	position: absolute;
	bottom: 22.53vw;
	left: 12.4vw;
	display: block;
	width: 75.2vw;
	height: 11.86vw;
}

/* sec04 */
html[data-browse-mode="S"] .healing_campaign .sec_04 {
  margin-top: 60px;
}

/* sec05, sec06, sec08 */
html[data-browse-mode="S"] .healing_campaign .sec_05 {
  margin-top: 80px;
}
html[data-browse-mode="S"] .healing_campaign .sec_05 .sec_txt,
html[data-browse-mode="S"] .healing_campaign .sec_06 .sec_txt {
  margin-top: 30px;
}
html[data-browse-mode="S"] .healing_campaign .sec_05 .sec_item_list,
html[data-browse-mode="S"] .healing_campaign .sec_06 .sec_item_list {
  margin-top: 70px;
}
html[data-browse-mode="S"] .healing_campaign .sec_05 .sec_item_list .sec_item_list_ttl,
html[data-browse-mode="S"] .healing_campaign .sec_06 .sec_item_list .sec_item_list_ttl,
html[data-browse-mode="S"] .healing_campaign .sec_08 .sec_item_list .sec_item_list_ttl,
html[data-browse-mode="S"] .healing_campaign .sec_10 .sec_item_list .sec_item_list_ttl {
  display: flex;
  justify-content: center;
}
html[data-browse-mode="S"] .healing_campaign .sec_05 .sec_item_list .sec_item_list_ttl img,
html[data-browse-mode="S"] .healing_campaign .sec_08 .sec_item_list .sec_item_list_ttl img {
  width: 57.86vw;
  height: 18.26vw;
}
html[data-browse-mode="S"] .healing_campaign .sec_06 .sec_item_list .sec_item_list_ttl img,
html[data-browse-mode="S"] .healing_campaign .sec_10 .sec_item_list .sec_item_list_ttl img {
  width: 48.8vw;
  height: 18.26vw;
}
html[data-browse-mode="S"] .healing_campaign .sec_05 .sec_item_list .sec_item_list_items,
html[data-browse-mode="S"] .healing_campaign .sec_06 .sec_item_list .sec_item_list_items {
  width: calc(335 / 375 * 100vw);
  margin: 0 auto;
}
html[data-browse-mode="S"] .healing_campaign .sec_05 .sec_item_list_items .block-thumbnail-t--goods-name,
html[data-browse-mode="S"] .healing_campaign .sec_06 .sec_item_list_items .block-thumbnail-t--goods-name {
  height: auto !important;
}

/* sec06 */
html[data-browse-mode="S"] .healing_campaign .sec_06 {
  margin-top: 50px;
}

/* sec07, sec09 */
html[data-browse-mode="S"] .healing_campaign .sec_07 {
  margin-top: 50px;
}
html[data-browse-mode="S"] .healing_campaign .sec_07 .sec_txt,
html[data-browse-mode="S"] .healing_campaign .sec_09 .sec_txt {
  margin-top: 40px;
}

/* sec08, sec10 */
html[data-browse-mode="S"] .healing_campaign .sec_08,
html[data-browse-mode="S"] .healing_campaign .sec_10 {
  margin-top: 65px;
}
html[data-browse-mode="S"] .healing_campaign .sec_08 .sec_ttl,
html[data-browse-mode="S"] .healing_campaign .sec_10 .sec_ttl {
	position: relative;
}
html[data-browse-mode="S"] .healing_campaign .sec_08 .sec_ttl > a,
html[data-browse-mode="S"] .healing_campaign .sec_10 .sec_ttl > a {
	position: absolute;
	bottom: 0;
	left: 12.4vw;
	display: block;
	width: 75.2vw;
	height: 11.86vw;
}
html[data-browse-mode="S"] .healing_campaign .sec_08 .sec_heading,
html[data-browse-mode="S"] .healing_campaign .sec_10 .sec_heading {
  margin-top: 20px;
}
html[data-browse-mode="S"] .healing_campaign .sec_08 .sec_table,
html[data-browse-mode="S"] .healing_campaign .sec_10 .sec_table {
  margin-top: 35px;
}
html[data-browse-mode="S"] .healing_campaign .sec_08 .sec_item_list,
html[data-browse-mode="S"] .healing_campaign .sec_10 .sec_item_list {
  margin-top: 35px;
}

/* sec08, sec10：商品リスト */
html[data-browse-mode="S"] .healing_campaign .sec_08 .sec_item_list_items,
html[data-browse-mode="S"] .healing_campaign .sec_10 .sec_item_list_items {
  width: calc(335 / 375 * 100vw);
  margin: 0 auto;
}
html[data-browse-mode="S"] .healing_campaign .sec_08 .block-pickup-list-p--items li,
html[data-browse-mode="S"] .healing_campaign .sec_10 .block-pickup-list-p--items li {
  border-bottom: none;
}
html[data-browse-mode="S"] .healing_campaign .sec_08 .block-pickup-list-p--items li > a,
html[data-browse-mode="S"] .healing_campaign .sec_10 .block-pickup-list-p--items li > a {
  padding: 22px 0;
  border-bottom: 1px solid #ECECEC;
}

/* sec09 */
html[data-browse-mode="S"] .healing_campaign .sec_09 {
  margin-top: 50px;
}

/* nav */
html[data-browse-mode="S"] .healing_campaign .nav {
	margin-top: 45px;
}
html[data-browse-mode="S"] .healing_campaign .nav ul li {
  display: flex;
  justify-content: center;
}
html[data-browse-mode="S"] .healing_campaign .nav ul li a {
	box-sizing: border-box;
	width: 58.6vw;
	height: 18.66vw;
	text-align: center;
	display: block;
	border: 1px solid #484343;
	margin: 0 auto;
	border-radius: 3px;
	background-color:#fff;
	font-size: 16px;
	text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}


