@charset "utf-8";

/*--------------------------------------------------------------------------------
■PC： sunbirds
--------------------------------------------------------------------------------*/
body {
	min-width: 1500px;
}

main.str-content section:not(#main) {
	padding: 0 !important;
}


#sunbirds {
	position: relative;
	font-weight: 400;
	color: #000;
}
#sunbirds h3 {
	padding-bottom: 0;
	border-bottom: none;
	color: inherit;
}


/********** フッター **********/
#ym-footer {
	background: #fff;
}
#ym-footer .footer-contents-list {
	padding: 0;
}

#ym-footer .footer-contents-list {
	display: none !important;
}



/* ----------------------------------------
ページ内共通設定
---------------------------------------- */
.page-main {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
}
.page-main * {
	font-family: "Noto Sans JP", sans-serif;
}
#sunbirds .page-content-inner {
	position: relative;
	width: 1560px;
	margin: 0 auto;
}
#sunbirds img {
	display: block;
}
#sunbirds img.device-pc {
	display: block;
}
#sunbirds img.device-sp {
	display: none;
}
#sunbirds a {
	text-decoration: none;
}


/* ----------------------------------------
スライダー
---------------------------------------- */
#sunbirds .main-slider {
	position: relative;
}

/********** スライダー ロゴ **********/
#sunbirds .main-slider .slider-logo {
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
	left: 0;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 100%;
	padding: 0 0 2%;
}

/* --------------------
スライダー本体
-------------------- */
/********** スライダー 画像 **********/
#sunbirds .main-slider .main-slider-item img {
	width: 100%;
	height: auto;
}



/* ----------------------------------------
背景
---------------------------------------- */
#sunbirds .bg-page-contents {
	position: relative;
	
	background: url("../../images/page/sunbirds/bg-pattern.jpg") repeat 0 0;
}
#sunbirds .bg-page-contents.bg-page-contents-end::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 135px;
	background: url("../../images/page/sunbirds/f-bg.png") repeat-x 0 0;
	background-size: auto 135px;
}

/********** 白い背景のコンテンツ部分 **********/
#sunbirds .page-contents-area {
	width: 1200px;
	margin: 0 auto;
	
	padding: 0 0 180px;
	background: #fff;
}



/* ----------------------------------------
Fat Witch New Yorkはサントリーサンバーズを応援しています！
---------------------------------------- */
#sunbirds .intro {
	padding: 100px 0 100px;
}

/********** Fat Witch New Yorkはサントリーサンバーズを応援しています！ **********/
#sunbirds .intro h2 {
	padding: 0 0 30px;
	text-align: center;
	letter-spacing: 0.01em;
	font-size: 36px;
}

/********** 応援の力を、未来へつなぐ **********/
#sunbirds .intro h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	
	height: 80px;
	margin: 0 0 33px;
	text-align: center;
	font-weight: 500;
	font-size: 28px;
	background: url("../../images/page/sunbirds/t-line.png") no-repeat 50% 50%;
}

/********** 文章 **********/
#sunbirds .intro .txt {
	padding: 0 45px 35px 50px;
}
#sunbirds .intro .txt p {
	padding: 0 0 34px;
	line-height: 1.8;
	font-size: 22px;
}

/********** ファットウィッチニューヨークの歴史 **********/
#sunbirds .intro .img-history {
	padding: 2px 0 0;
}
#sunbirds .intro .img-history img {
	margin: 0 auto;
}









/* ----------------------------------------
lets-match
---------------------------------------- */
#sunbirds .lets-match {
	padding: 70px 0 0;
}

#sunbirds .page-contents-area-lets-match {
	padding-bottom: 165px;
}

/******************************
Let's Watch Witch Match開催！
******************************/
#sunbirds .lets-match .lets-match-ouen {
	padding: 0 0 60px;
}

/********** 見出し **********/
#sunbirds .lets-match .lets-match-ouen h3 {
	text-align: center;
	font-weight: 700;
	font-size: 36px;
}

/********** 応援の力を、未来へつなぐ **********/
#sunbirds .lets-match .lets-match-ouen h4 {
	display: flex;
	justify-content: center;
	align-items: center;
	
	height: 80px;
	margin: 0 0 36px;
	text-align: center;
	font-weight: 500;
	font-size: 28px;
	background: url("../../images/page/sunbirds/t-line.png") no-repeat 50% 50%;
}

/********** img-match **********/
#sunbirds .lets-match .lets-match-ouen .img-match {
	width: 650px;
	margin: 0 auto 49px;
}


/********** I Love Brownies Campaign **********/
#sunbirds .lets-match .i-love-brownies-campaign h3 {
	display: flex;
	height: 96px;
	margin: 0 0 22px;
	padding: 34px 0 0 47px;
	transform: rotate(-5deg);
	font-weight: 500;
	font-size: 42px;
	color: #cf112c;
}
#sunbirds .lets-match .i-love-brownies-campaign h4 {
	padding: 0 0 20px;
	text-align: center;
	font-size: 36px;
}
#sunbirds .lets-match .i-love-brownies-campaign .txt {
	padding: 0 0 20px;
}
#sunbirds .lets-match .i-love-brownies-campaign .txt p {
	text-align: center;
	line-height: 1.8;
	font-weight: 500;
	font-size: 28px;
}
#sunbirds .lets-match .i-love-brownies-campaign .jikihitsu-sign {
	display: flex;
	justify-content: flex-end;
	
	margin: 0 0 20px;
	padding: 0 135px 0 0;
	transform: rotate(2deg);
	font-weight: 500;
	font-size: 25px;
}

#sunbirds .lets-match .img-brownies-campaign {
	position: relative;
	
	width: 1285px;
	margin-left: -190px;
	padding: 0 0 13px;
}

/* 詳しい参加方法は、ページ下部をご確認ください。 */
#sunbirds .lets-match .txt-kuwashi-sanka {
	text-align: center;
	font-size: 22px;
}






/* ----------------------------------------
limited-edition collaboration items
コラボレーションアイテムLINEUP
---------------------------------------- */
#sunbirds .collaboration-item-lineup {
	padding: 101px 0 85px;
}
#sunbirds .collaboration-item-lineup .img-sunbirdsxfw {
	display: flex;
	justify-content: center;
	padding: 0 0 20px;
}
#sunbirds .collaboration-item-lineup .img-sunbirdsxfw img {
	width: 480px;
	height: auto;
}


/********** コラボレーションアイテムLINEUP **********/
#sunbirds .collaboration-item-lineup h3.t-collaboration {
	display: flex;
	justify-content: center;
	align-items: center;
	
	height: 80px;
	margin: 0 0 51px;
	text-align: center;
	font-weight: 500;
	font-size: 28px;
	background: url("../../images/page/sunbirds/t-line.png") no-repeat 50% 50%;
}


/********** サントリーサンバーズ大阪とのコラボ商品を、期間・数量限定で発売します。 **********/
#sunbirds .collaboration-item-lineup .txt-1 {
	display: flex;
	justify-content: center;
	padding: 0 0 89px;
}
#sunbirds .collaboration-item-lineup .txt-1 p {
	line-height: 1.8;
	font-size: 22px;
}


/********** Fat Witch New York ONLINESTORE期間限定発売 **********/
#sunbirds .collaboration-item-lineup .limited-online {
	padding: 0 0 8px;
	text-align: center;
	letter-spacing: 0.07em;
	font-size: 28px;
	font-weight: 500;
	color: #cf112c;
}


/********** 20xx/xx/xx(x)xx:xx～20xx/xx/xx(x)xx:xx **********/
#sunbirds .collaboration-item-lineup .limited-datetime {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 860px;
	height: 96px;
	margin: 0 auto 36px;
	border-radius: 100px;
	letter-spacing: 0.07em;
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	background: #cf112c;
}
#sunbirds .collaboration-item-lineup .limited-datetime .mark-1 {
	position: relative;
	margin: -5px 0 0;
	font-size: 40px;
}


/********** txt-2 **********/
#sunbirds .collaboration-item-lineup .txt-2 {
	padding: 0 0 22px;
}
#sunbirds .collaboration-item-lineup .txt-2 p {
	text-align: center;
	line-height: 1.75;
	font-size: 22px;
}


/********** txt-att **********/
#sunbirds .collaboration-item-lineup .txt-att {
	display: flex;
	justify-content: center;
}
#sunbirds .collaboration-item-lineup .txt-att p {
	padding: 0 0 0 1em;
	line-height: 1.75;
	text-indent: -1em;
	
	font-size: 22px;
	color: #cf112c;
}




/* ----------------------------------------
■商品リスト
---------------------------------------- */
#sunbirds .collaboration-item-list {
	padding: 0 30px 230px;
}

/* **********
レイアウト
********* */
#sunbirds .item-list-top .item-layout {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
}

/********** 商品名 **********/
#sunbirds .collaboration-item-list h4.heading-item-name {
	display: flex;
	
	height: 96px;
	margin: 0 0 30px;
	padding: 30px 0 0 28px;
	transform: rotate(-3deg);
	font-weight: 500;
	font-size: 30px;
	background: url("../../images/page/sunbirds/item-t-parts1.svg") no-repeat 0 0;
}
#sunbirds .collaboration-item-list h4.heading-item-name.heading-item-name-2 {
	background-image: url("../../images/page/sunbirds/item-t-parts2.svg");
}



/* --------------------
商品リスト-トップ
-------------------- */

/********************
商品画像・スライダー
********************/
/********** 商品画像 **********/
/* 商品画像：サムネイル */
#sunbirds .collaboration-item-list .item-thumb .slider-nav-unit {
}
#sunbirds .collaboration-item-list .item-thumb .slider-nav .slick-list-unit {
	overflow: hidden;
}
#sunbirds .collaboration-item-list .item-thumb .slider-nav .slick-slide img {
	border: solid 1px #ccc;
}

/********** 矢印 **********/
#sunbirds .collaboration-item-list .item-thumb .slider-nav-unit .slick-arrow {
	width: 20px;
	height: 20px;
	
	opacity: 1 !important;
}
#sunbirds .collaboration-item-list .item-thumb .slider-nav-unit .slick-arrow.slick-prev::before {
	content: url("../../images/page/sunbirds/btn-item-prev.png");
	
	opacity: 1 !important;
}
#sunbirds .collaboration-item-list .item-thumb .slider-nav-unit .slick-arrow.slick-next::before {
	content: url("../../images/page/sunbirds/btn-item-next.png");
	
	opacity: 1 !important;
}





/****************************************
商品説明・カートに入れる
****************************************/

/* オンラインストア限定 */
#sunbirds .collaboration-item-list .item-layout .item-data .icon-item-mark {
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 290px;
	height: 84px;
	margin: 0 0 28px;
	border-radius: 8px;
	
	font-weight: 700;
	font-size: 25px;
	color: #fff;
	background: #cf112c;
}
#sunbirds .collaboration-item-list .item-layout .item-data .icon-item-mark.icon-item-mark-2 {
	width: 190px;
	height: 84px;
}

/* 商品名 */
#sunbirds .collaboration-item-list .item-layout .item-data .item-name {
	width: calc(100% + 10px);
	padding: 0 0 12px;
	font-weight: 700;
	font-size: 22px;
}
/* 価格 */
#sunbirds .collaboration-item-list .item-layout .item-data .item-price .price-value {
	padding: 0 1px 0 0;
	font-weight: 700;
	font-size: 30px;
}
#sunbirds .collaboration-item-list .item-layout .item-data .item-price .price-tax {
	font-weight: 700;
	font-size: 15px;
}

/* ----------------------------------------
予約販売受付中
---------------------------------------- */
/* 予約販売受付中 */
#sunbirds .collaboration-item-list .item-layout .item-data .item-btn-cart-in button {
	display: block;
	
	width: 360px;
	height: 67px;
	margin: 0 auto 30px;
	padding: 0 0 0;
	border-radius: 100px;
	border: none;
	font-weight: 500;
	color: #fff;
	background: #000;
	
	cursor: pointer;
}
#sunbirds .collaboration-item-list .item-layout .item-data .item-btn-cart-in button .btn-cart-yoyaku {
	padding: 0 0 4px;
	text-align: center;
	font-size: 15px;
}
#sunbirds .collaboration-item-list .item-layout .item-data .item-btn-cart-in button .btn-cart-label {
	text-align: center;
	font-size: 22px;
}

/* 会場でお買い求めください */
#sunbirds .collaboration-item-list .item-layout .item-data .btn-kaijo {
	width: 360px;
	height: 67px;
	margin: 0 auto 30px;
	padding: 6px 0 0;
	border-radius: 100px;
	font-weight: 500;
	color: #fff;
	background: #999;
}
#sunbirds .collaboration-item-list .item-layout .item-data .btn-kaijo .btn-kaijo-okaimotome {
	text-align: center;
	font-size: 15px;
}
#sunbirds .collaboration-item-list .item-layout .item-data .btn-kaijo .btn-kaijo-gentei {
	text-align: center;
	font-size: 22px;
}
/* ボタン */
#sunbirds .collaboration-item-list .item-layout .item-data .item-price .item-btn-cart-in {
	padding: 0 0 0;
}
/* 説明 */
#sunbirds .collaboration-item-list .item-layout .item-data .item-setsumei {
	padding: 0 0 26px;
}
#sunbirds .collaboration-item-list .item-layout .item-data .item-setsumei p {
	line-height: 1.45;
	font-size: 21px;
}
/* 内容 */
#sunbirds .collaboration-item-list .item-layout .item-data .item-naiyou .heading-naiyou {
	padding: 0 0 9px;
	font-size: 21px;
	font-weight: 700;
}
#sunbirds .collaboration-item-list .item-layout .item-data .item-naiyou .txt-item-naiyou {
	padding: 0 0 0;
	font-size: 21px;
}




/* --------------
item-list-top
-------------- */
#sunbirds .collaboration-item-list .item-list-top {
	padding: 0 0 56px;
}

/* リストボックス */
#sunbirds .collaboration-item-list .item-list-top .collaboration-item-list-box {
	padding: 0 0 80px;
}

/* 商品画像 */
#sunbirds .collaboration-item-list .item-list-top .item-thumb {
	width: 530px;
	padding: 0 0 0 40px;
	box-sizing: border-box;
}
/* 商品画像：大 */
#sunbirds .collaboration-item-list .item-list-top .item-thumb .slider-for {
	padding: 0 0 20px;
}
/* 商品画像：サムネイル */
#sunbirds .collaboration-item-list .item-list-top .item-thumb .slider-nav .slick-list {
	width: 500px;
}
#sunbirds .collaboration-item-list .item-list-top .item-thumb .slider-nav .slick-slide {
	margin: 0 10px 0 0;
}

/* 商品データ */
#sunbirds .collaboration-item-list .item-list-top .item-layout .item-data {
	width: 550px;
	padding: 0 0 0 0;
}

/* 価格 */
#sunbirds .collaboration-item-list .item-list-top .item-layout .item-data .item-price {
	padding: 0 0 33px;
}




/* --------------
item-list-sub
-------------- */
#sunbirds .collaboration-item-list .item-list-sub {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
}

/* 商品画像 */
#sunbirds .collaboration-item-list .item-list-sub .collaboration-item-list-box-1 .item-thumb {
	width: 510px;
	padding: 0 0 155px 40px;
	box-sizing: border-box;
}
#sunbirds .collaboration-item-list .item-list-sub .collaboration-item-list-box-2 .item-thumb {
	width: 510px;
	padding: 0 0 45px 40px;
	box-sizing: border-box;
}
/* 商品画像：大 */
#sunbirds .collaboration-item-list .item-list-sub .item-thumb .slider-for {
	padding: 0 0 12px;
}
/* 商品画像：サムネイル */
#sunbirds .collaboration-item-list .item-list-sub .item-thumb .slider-nav .slick-list {
	width: 480px;
}
#sunbirds .collaboration-item-list .item-list-sub .item-thumb .slider-nav .slick-slide {
	margin: 0 10px 0 0;
}
#sunbirds .collaboration-item-list .item-list-sub .collaboration-item-list-box-2 .item-thumb .slider-nav .slick-list {
}

/* 商品データ */
#sunbirds .collaboration-item-list .item-list-sub .item-layout .item-data {
	width: 550px;
	padding: 0 0 0 0;
}
#sunbirds .collaboration-item-list .item-list-sub .item-thumb .slider-nav-unit .slick-arrow.slick-prev {
	left: -21px;
}
#sunbirds .collaboration-item-list .item-list-sub .item-thumb .slider-nav-unit .slick-arrow.slick-next {
	right: -21px;
}

/* 価格 */
#sunbirds .collaboration-item-list .item-list-sub .item-layout .item-data .item-price {
	padding: 0 0 33px;
}
/* 説明 */
#sunbirds .collaboration-item-list .item-list-sub .item-data .item-setsumei {
	padding: 0 0 42px;
}



/* ----------------------------------------
■No1～No5までのスキマ
---------------------------------------- */
#sunbirds .collaboration-item-list .item-list-top .collaboration-item-list-box.collaboration-item-list-box-1 {
	padding: 0 0 80px;
}
#sunbirds .collaboration-item-list .item-list-top .collaboration-item-list-box.collaboration-item-list-box-2 {
	padding: 0 0 42px;
}
#sunbirds .collaboration-item-list .item-list-top .collaboration-item-list-box.collaboration-item-list-box-3 {
	padding: 0 0 80px;
}
#sunbirds .collaboration-item-list .item-list-sub .collaboration-item-list-box.collaboration-item-list-box-4 {
}
#sunbirds .collaboration-item-list .item-list-sub .collaboration-item-list-box.collaboration-item-list-box-5 {
}










/* ----------------------------------------
■Fat Witch New Yorkと一緒にブラウニーの魅力を発信
---------------------------------------- */
/********** Fat Witch New Yorkと一緒にブラウニーの魅力を発信 **********/
#sunbirds .miryoku-hasshin {
	
}
#sunbirds .miryoku-hasshin h3 {
	padding: 0 0 18px;
	text-align: center;
	font-size: 36px;
	font-weight: 700;
}
#sunbirds .miryoku-hasshin .txt-shohin-hasshin {
	padding: 0 0 48px;
}
#sunbirds .miryoku-hasshin .txt-shohin-hasshin p {
	text-align: center;
	font-size: 28px;
}

#sunbirds .miryoku-hasshin .img-ilovebrownies {
	position: relative;
	
	width: 1480px;
	margin: 0 0 0 -140px;
}
#sunbirds .miryoku-hasshin .img-ilovebrownies img {
	
}

/********** 投稿期間 **********/
#sunbirds .toukou-kikan {
	position: relative;
	margin-top: -5px;
	padding: 0 210px;
}

#sunbirds .toukou-kikan .heading {
	position: relative;
	margin-top: -3px;
	font-size: 25px;
	font-weight: 700;
}
#sunbirds .toukou-kikan .datetime {
	position: relative;
	
	margin-top: -3px;
	padding: 0 0 23px;
	letter-spacing: 0.01em;
	font-size: 25px;
	font-weight: 700;
}
#sunbirds .toukou-kikan .datetime .mark-1 {
	font-size: 32px;
}

/* 参加方法 */
#sunbirds .toukou-kikan .sheading {
	padding: 0 0 10px;
	
	font-size: 25px;
	font-weight: 700;
}
#sunbirds .toukou-kikan .sheading.sheading-2 {
	padding: 0 0 4px;
}

/* txt */
#sunbirds .toukou-kikan .txt {
	padding: 0 0 33px;
}
#sunbirds .toukou-kikan .txt ul li {
	line-height: 1.9;
	letter-spacing: 0.1em;
	font-size: 20px;
}
#sunbirds .toukou-kikan .txt p {
	line-height: 1.9;
	letter-spacing: 0.1em;
	font-size: 20px;
}
#sunbirds .toukou-kikan .txt p .mark-sign {
	letter-spacing: 0;
	font-weight: 700;
}
#sunbirds .toukou-kikan .txt p .txt-sns {
	letter-spacing: 0;
}
#sunbirds .toukou-kikan .txt-1 ul {
	font-weight: 500;
}
#sunbirds .toukou-kikan .txt-2 p {
	letter-spacing: 0;
}

#sunbirds .toukou-kikan .img-present {
	max-width: none;
	width: 910px;
	height: auto;
	padding: 0 0 109px;
}


/* ----------------------------------------
■配送スケジュール
---------------------------------------- */
#sunbirds .schedule {
	padding: 0 0 75px;
}

/********** 見出し **********/
#sunbirds .schedule h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	
	margin: 0 0 62px;
	font-size: 36px;
	text-align: center;
}

#sunbirds .schedule h3::before,
#sunbirds .schedule h3::after {
	position: relative;

	content: '';
	width: 330px;
	height: 1px;
	margin-top: 2px;
	background-color: #000;
}

#sunbirds .schedule h3::before {
	margin-right: 30px;
}
#sunbirds .schedule h3::after {
	margin-left: 30px;
}

/********** 日付 **********/
#sunbirds .schedule .datetime {
	padding: 0 0 12px;
	text-align: center;
	font-weight: 700;
	font-size: 30px;
}
#sunbirds .schedule .datetime .mark-1 {
	font-size: 40px;
}

/********** 発送 **********/
#sunbirds .schedule .icon-hassou {
	display: flex;
	justify-content: center;
	width: 550px;
	margin: 0 auto 14px;
	padding: 10px 0 10px;
	border: solid 1px #000;
	text-align: center;
	font-weight: 500;
	font-size: 28px;
}
#sunbirds .schedule .icon-hassou .mark-bold {
	font-weight: 700;
}
#sunbirds .schedule .icon-hassou .mark-big {
	font-size: 36px;
}


/********** 注意 **********/
#sunbirds .schedule .txt-att {
	padding: 0 0 60px;
	text-align: center;
	font-size: 22px;
}
#sunbirds .schedule .txt-att.txt-att-2 {
	padding-bottom: 46px;
}



/********** 注意文 **********/
#sunbirds .att-txt-page {
	padding: 0 30px 5px 50px;
}
#sunbirds .att-txt-page ul li {
	padding: 0 0 5px 1em;
	text-indent: -1em;
	font-size: 22px;
}
#sunbirds .att-txt-page ul li .mark-1 {
	font-weight: 500;
	color: #cf112c;
}





/* ----------------------------------------
フローティングボタン
---------------------------------------- */
#sunbirds .btn-float {
	position: fixed;
	bottom: 16px;
	right: 16px;
	z-index: 100;
	width: 300px;
}
#sunbirds .btn-float a {
	display: block;
}
#sunbirds .btn-float a:hover,
#sunbirds .btn-float a:hover img {
	opacity: 1;
}

/* 止まった時のスタイル */
#sunbirds .btn-float.is-stopped {
	position: absolute;
	right: 16px;
	bottom: auto;
}

/* 判定用要素が潰れないようにする */
#sunbirds .stop-here {
	display: block;
	width: 100%;
	height: 1px;
	clear: both;
}