@charset "UTF-8";

/* -----PC/SP表示設定----- */
[data-browse-mode="P"] .sp_only {
    display: none;
}
[data-browse-mode="S"] .pc_only {
    display: none;
}

/* -----共通----- */
#panapre {
    line-height: 1.8;
    color: #000;
}
#panapre h1,
#panapre h2,
#panapre h3,
#panapre h4 {
    border: none;
    background: none;
    margin: 0;
    padding: 0;
}
#panapre img {
    vertical-align: bottom;
}

/* -----パンくず----- */
.breadcrumb {
    background: #f8f8f8;
}
[data-browse-mode="P"] .breadcrumb {
    padding: 15px 0;
    font-size: 12px;
}
[data-browse-mode="S"] .breadcrumb {
  font-size: 10px;
}
[data-browse-mode="P"] .breadcrumb > div {
    width: 1000px;
    margin: 0 auto;
}
.breadcrumb ul {
    display: flex;
    flex-wrap: wrap;
}
[data-browse-mode="S"] .breadcrumb ul {
  padding: 5px 15px;
}
.breadcrumb a {
    display: inline-block;
    margin-left: 10px;
}
[data-browse-mode="P"] .breadcrumb a {
    padding: 0 7px;
}
[data-browse-mode="S"] .breadcrumb a {
  padding: 2px 7px;
}
.breadcrumb li {
    position: relative;
}
.breadcrumb li:after {
    position: absolute;
    left: 2px;
    font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;
    content: '>';
}
[data-browse-mode="P"] .breadcrumb li:after {
    top: -1px;
}
[data-browse-mode="S"] .breadcrumb li:after {
  top: 9px;
  transform: translateY(-50%);
}
.breadcrumb li:first-child,
.breadcrumb li:first-child a {
    padding-left: 0;
    margin-left: 0;
}
.breadcrumb li:first-child:after {
    display: none;
}
.border-bottom {
    border-bottom: 1px solid #444;
}
.breadcrumb a:hover .border-bottom {
    border-bottom: 1px solid #976F34;
}

/* -----コンテンツ----- */
[data-browse-mode="P"] #panapre {
    width: 100%;
    margin: 0 auto 100px;
}
[data-browse-mode="S"] #panapre {
    margin: 0 auto 50px;
}
[data-browse-mode="P"] #panapre_inner {
    width: 1000px;
    margin: 0 auto;
}
/* MVテキスト */
#panapre .lead_txt {
	color: #5b6770;
    text-align: center;
    line-height: 2;
}
[data-browse-mode="P"] #panapre .lead_txt {
    padding: 40px 0;
    font-size: 22px;
  background: url(/img/usr/event/panapre/lead_pc_bg.png) no-repeat top 20px center;
}
[data-browse-mode="S"] #panapre .lead_txt {
    padding: 45px 0;
    font-size: 3.7vw;
  background: url(/img/usr/event/panapre/lead_sp_bg.png) no-repeat top 3px center;
	background-size: contain;
}
#panapre .txt_em01 {
    font-weight: bold;
    color: #ff90ac;
}
#panapre .txt_em02 {
    color: #ff628a;
}
#panapre .txt_em03 {
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 3px;
}
#panapre .txt_em04 {
    font-weight: bold;
    font-size: 26px;
}
[data-browse-mode="S"] #panapre .txt_em03 {
    font-size: 5vw;
	line-height: 1.5;
    letter-spacing: 1.5px;
}
[data-browse-mode="S"] #panapre .txt_em04 {
    font-size: 4.5vw;
}
#panapre .txt_em05 {
    color: #67ab9d;
}
#panapre .txt_em-bold {
    font-weight: bold;
}
#panapre .txt_marker {
    background:linear-gradient(transparent 60%, #ffc7d1 60%);
}
/* プレゼント概要 */
#panapre .present {
    background: #c0ebe7;
}
#panapre .present_inner {
	background: #f6fffd;
}
#panapre .present_inner h2 {
	background: #c0ebe7;
}
[data-browse-mode="P"] #panapre .present {
    margin-bottom: 45px;
	padding: 50px 0 45px;
}
[data-browse-mode="S"] #panapre .present {
    margin-bottom: 30px;
	padding: 30px 0;
}
#panapre .present h3 {
    text-align: center;
    font-weight: bold;
    color: #5b6770;
    position: relative;
}
[data-browse-mode="P"] #panapre .present h3 {
    margin-bottom: 25px;
    font-size: 36px;
}
[data-browse-mode="S"] #panapre .present h3 {
    margin: 20px auto 15px;
    font-size: 4.86vw;
	line-height: 1.5;
}
 #panapre .present h3::before,
 #panapre .present h3::after {
    position: absolute;
    content: '';
}
[data-browse-mode="P"] #panapre .present h3::before,
[data-browse-mode="P"] #panapre .present h3::after {
    top: 1.2rem;
    height: 2rem;
}
/*[data-browse-mode="S"] #panapre .present h3::before,
[data-browse-mode="S"] #panapre .present h3::after {
    top: 0;
    height: 22vw;
}*/
 #panapre .present h3::before {
    border-left: solid 2px;
}
[data-browse-mode="P"] #panapre .present h3::before {
    transform: rotate(-25deg);
    left: 75px;
}
/*[data-browse-mode="S"] #panapre .present h3::before {
    transform: rotate(-20deg);
    left: 15px;
}*/
 #panapre .present h3::after {
    border-right: solid 2px;
}
[data-browse-mode="P"] #panapre .present h3::after {
    transform: rotate(25deg);
    right: 75px;
}
/*[data-browse-mode="S"] #panapre .present h3::after {
    transform: rotate(20deg);
    right: 15px;
}*/
[data-browse-mode="P"] #panapre .present_inner {
	width: 1000px;
	margin: auto;
	padding: 0 0 40px;
}
[data-browse-mode="P"] #panapre .present_inner h2 {
	margin: 0 0 40px;
}
[data-browse-mode="S"] #panapre .present_inner {
    margin: 0 10px;
	padding: 0 0 10px;
	/*background: #fff;*/
}
#panapre .present_txt {
	position: relative;
    color: #5b6770;
    /*text-align: center;*/
}
[data-browse-mode="P"] #panapre .present_txt {
    margin: 0 0 60px 60px;
    font-size: 24px;
}
[data-browse-mode="S"] #panapre .present_txt {
    margin: 0 0 25px 30px;
    font-size: 3.2vw;
}
[data-browse-mode="S"] #panapre .present_txt .present_txt_main {
	position: relative;
	z-index: 2;
    text-shadow:
    0 1px 0 #fff,
    1px 0 0 #fff,
    0 -1px 0 #fff,
    -1px 0 0 #fff,
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff
    ;
}
#panapre .present_txt .present_txt_sub {
	display: block;
    margin: 20px 0 0;
}
[data-browse-mode="P"] #panapre .present_txt .present_txt_img {
    position: absolute;
	top: 0;
	right: 50px;
}
[data-browse-mode="S"] #panapre .present_txt .present_txt_img {
    position: absolute;
	top: 0;
	right: 15px;
	width: 48%;
	z-index: 1;
}
[data-browse-mode="P"] #panapre .present_txt .txt_em01,
[data-browse-mode="P"] #panapre .present_txt .txt_em02,
[data-browse-mode="P"] #panapre .present_txt .txt_em05 {
    font-size: 28px;
}
[data-browse-mode="S"] #panapre .present_txt .txt_em01,
[data-browse-mode="S"] #panapre .present_txt .txt_em02,
[data-browse-mode="S"] #panapre .present_txt .txt_em05 {
    font-size: 4.5vw;
}
[data-browse-mode="P"] #panapre .present_block {
    margin: 20px 40px;
    border-radius: 20px;
    background: #fff;
	box-shadow: 11px 11px 5px -5px rgb(0 0 0 / 8%);
}
[data-browse-mode="S"] #panapre .present_block {
    margin: 0 20px 15px;
	box-shadow: 0px 4px 20px -10px #a6a6a6;
    border-radius: 0 0 10px 10px;
}
[data-browse-mode="P"] #panapre .present_block_inner {
	position: relative;
    display: flex;
    justify-content: space-between;
    padding: 40px 60px 40px 25px;
}
[data-browse-mode="S"] #panapre .present_block_inner {
    padding: 20px;
	background: #fff;
    border-radius: 15px;
}
#panapre .present_block h4 {
    border-radius: 15px 15px 0 0;
    background: #67ab9d;
    text-align: center;
    color: #fff;
    font-weight: 500;
	letter-spacing: 2px;
}
[data-browse-mode="P"] #panapre .present_block h4 {
    padding: 10px 0;
    font-size: 40px;
}
[data-browse-mode="S"] #panapre .present_block h4 {
    padding: 8px 0 5px;
    font-size: 4.3vw;
	letter-spacing: 1px;
}
#panapre .present_block .txt01 {
    display: inline-block;
    border-bottom: 1px solid #67ab9d;
    font-weight: bold;
    letter-spacing: .15em;
}
[data-browse-mode="P"] #panapre .present_block_inner_txt_inner {
    margin: 0 auto 0 40px;
}
[data-browse-mode="S"] #panapre .present_block_inner_txt {
    text-align: center;
}
#panapre .present_block .txt01 {
	color: #5b6770;
    margin-bottom: 20px;
}
#panapre .present_block .txt02 {
	color: #7d848d;
}
[data-browse-mode="P"] #panapre .present_block .txt01 {
    margin-bottom: 10px;
    padding: 0 0 15px;
	font-size: 26px;
	line-height: 1.6;
}
[data-browse-mode="S"] #panapre .present_block .txt01 {
    font-size: 4vw;
	line-height: 1.5;
	width: 100%;
	padding: 0 0 10px;
}
[data-browse-mode="P"] #panapre .present_block_inner_txt .txt_em01,
[data-browse-mode="P"] #panapre .present_block_inner_txt .txt_em02,
[data-browse-mode="P"] #panapre .present_block_inner_txt .txt_em05,
[data-browse-mode="P"] #panapre .present_block_inner_txt .txt_em06 {
    font-size: 28px;
}
[data-browse-mode="S"] #panapre .present_block_inner_txt .txt_em01,
[data-browse-mode="S"] #panapre .present_block_inner_txt .txt_em02,
[data-browse-mode="S"] #panapre .present_block_inner_txt .txt_em05,
[data-browse-mode="S"] #panapre .present_block_inner_txt .txt_em06 {
    font-size: 4.5vw;
}
[data-browse-mode="P"] #panapre .present_block .txt02 {
    margin-bottom: 20px;
    line-height: 1.8;
    font-size: 18px;
}
[data-browse-mode="S"] #panapre .present_block .txt02 {
    margin-bottom: 20px;
    line-height: 1.7;
    font-size: 3.1vw;
	text-align: left;
}
#panapre .present_block .txt03 {
    text-indent: -1em;
    padding-left: 1em;
}
[data-browse-mode="P"] #panapre .present_block .txt03 {
    font-size: 12px;
}
[data-browse-mode="S"] #panapre .present_block .txt03 {
    font-size: 3.25vw;
    text-align: left;
}
[data-browse-mode="P"] #panapre .txt_link {
    margin-top: 30px;
}
[data-browse-mode="S"] #panapre .txt_link {
    text-align: center;
    font-size: 4.26vw;
}
#panapre .txt_link a {
    color: #A7705B;
    font-weight: bold;
    text-decoration: underline;
}
[data-browse-mode="P"] #panapre .txt_link a {
    font-size: 18px;
}
[data-browse-mode="P"] #panapre .txt_link a:hover {
    text-decoration: none;
}
[data-browse-mode="S"] #panapre .txt_link a {
    font-size: 4.27vw;
}
[data-browse-mode="P"] #panapre .present_block_inner_img {
    width: 424px;
}
[data-browse-mode="S"] #panapre .present_block_inner_img {
    padding: 0 0 20px;
}
[data-browse-mode="P"] #panapre .present_block_inner_bnr {
    position: absolute;
    bottom: 40px;
}
#panapre .end_txt {
    text-align: center;
    line-height: 2;
}
[data-browse-mode="P"] #panapre .end_txt {
    font-size: 16px;
}
[data-browse-mode="S"] #panapre .end_txt {
    margin-bottom: 30px;
}
#panapre .end_txt span {
    font-weight: bold;
}

/* -----エントリー概要----- */
/* 共通 */
#panapre .summary-list span {
    padding-left: 1em;
    text-indent: -1em;
	display: block;
}
#panapre .summary-list .summary-date-caption {
    line-height: 1.8;
}
#panapre .summary-list .summary-date-caption span {
    color: #c53110;
    display: inline;
    padding-left: 0;
    text-indent: 0;
}
/* pc */
[data-browse-mode="P"] #panapre .summary-area {
	width: 1000px;
	margin: 0 auto 60px;
    border-top: 1px solid #ddd;
}
[data-browse-mode="P"] #panapre .summary-list {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ddd;
}
[data-browse-mode="P"] #panapre .summary-list:last-child {
    margin-bottom: 0;
}
[data-browse-mode="P"] #panapre .summary-list dt {
    width: 20%;
    padding: 14px 20px;
    background: #f7f5f6;
    text-align: center;
    font-size: 16px;
	font-weight: 500;
	color: #5b6770;
}
[data-browse-mode="P"] #panapre .summary-list dd {
    width: 80%;
    padding: 14px 20px;
    font-size: 14px;
    line-height: 2;
	color: #5b6770;
}
[data-browse-mode="P"] #panapre .summary-list-bullet li {
    list-style: disc;
    margin: 0 0 15px 18px;
}
[data-browse-mode="P"] #panapre .summary-list-bullet li::marker {
    font-size: 10px;
}
[data-browse-mode="P"] #panapre .summary-list-bullet li:last-child {
    margin-bottom: 0;
}
[data-browse-mode="P"] #panapre .summary-list-bullet li a {
    font-weight: bold;
    color: #c53110;
    text-decoration: underline;
}
[data-browse-mode="P"] #panapre .summary-list-bullet li a:hover {
    text-decoration: none;
}
[data-browse-mode="P"] #panapre .summary-list .summary-date-caption {
    font-size: 14px;
}
[data-browse-mode="S"] #panapre .summary-area {
    margin: 0 10px 30px;
	border-bottom: 1px solid #dcdcdc;
}
/* sp */
[data-browse-mode="S"] #panapre .summary-list {
    /*margin-bottom: 30px;*/
}
[data-browse-mode="S"] #panapre .summary-list dt {
    /*margin-bottom: 10px;*/
    padding: 13px 10px;
    background: #f7f5f6;
    font-size: 4.3vw;
	font-weight: 600;
	text-align: center;
		color: #5b6770;
}
[data-browse-mode="S"] #panapre .summary-list dd {
    padding: 15px 23px;
	font-size: 3.2vw;
    line-height: 1.8;
	color: #5b6770;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}
[data-browse-mode="S"] .summary-list-bullet li {
    list-style: disc;
    margin: 0 0 10px 15px;
}
[data-browse-mode="S"] .summary-list-bullet li a {
    font-weight: bold;
    color: #cc3302;
    text-decoration: underline;
}

/* -----エントリー----- */
[data-browse-mode="P"] #panapre .entry_box {
}
[data-browse-mode="P"] #panapre .entry_box .entry_title {
	text-align: center;
	font-size: 32px;
	font-weight: 500;
	color: #5b6770;
	margin: 0 auto 15px;
}
[data-browse-mode="S"] #panapre .entry_box .entry_title {
	text-align: center;
    font-size: 4.75vw;
	font-weight: 600;
	line-height: 1.6;
	color: #5b6770;
	margin: 0 auto 15px;
}
[data-browse-mode="P"] #panapre .entry_box .entry_txt {
	text-align: center;
	font-size: 28px;
	font-weight: 500;
	color: #5b6770;
}
[data-browse-mode="S"] #panapre .entry_box .entry_txt {
	text-align: center;
    font-size: 4.25vw;
	font-weight: 500;
	color: #5b6770;
}
[data-browse-mode="P"] #panapre .entry_box .entry_btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	width: 605px;
	height: 85px;
	margin: 10px auto 40px;
	background: #67ab9d;
	border-radius: 10px;
}
[data-browse-mode="S"] #panapre .entry_box .entry_btn a {
	display: flex;
	justify-content: center;
	align-items: center;
    font-size: 4.75vw;
	font-weight: 600;
	color: #fff;
	width: 85%;
	margin: 10px auto 30px;
	padding: 10px;
	background: #67ab9d;
	border-radius: 10px;
}

[data-browse-mode="P"] #panapre .entry_box .entry_btn a:hover {
	opacity: 0.7;
}

/* -----イベント商品----- */
#panapre #goodslist_title {
    text-align: center;
	color: #5b6770;
}
[data-browse-mode="P"] #panapre #goodslist_title {
    margin-top: 70px;
    font-size: 28px;
}
[data-browse-mode="S"] #panapre #goodslist_title {
    font-size: 4.7vw;
}