@charset "utf-8";
/* CSS Document */
img{width: 100%;}
.pink{color: #ce4186;}
/*=====================================================================================
***************************************************************************************


		
***************************************************************************************
=====================================================================================*/

/*******************************************************
全体共通の設定
********************************************************/

html {scroll-behavior: smooth;}
#fv h2{font-size: 30px;}
#contents{padding: 0 20px;}
.contents_box{
	margin-bottom: 68px;
	text-align: left;
}
.contents_in_box{margin-bottom: 20px;}
h3{
	text-align: center;
	font-size: 26px;
	line-height: 1.5;
	margin-bottom: 35px;
	letter-spacing: -1px;
}
h3 span{font-size: 14px;}


/****セレクトボタン****/
.select{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 34px 0;
}
.select li{
	width: 48%;
	margin-bottom: 15px;
}
.select li:last-child{width: 100%;}
.select a{
	width: 100%;
	height: 32px;
	border-radius: 50px;
	background-color: #eae7de;
	font-size: 13px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	font-weight: bold;
}
.select a::after{
	content: "＞";
	margin-left: 5px;
	transform:rotate(90deg);
	font-size: 11px;
}


/****コンテンツ****/
.cont{
	text-align: center;
	scroll-margin-top: 80px
}
.cont p{text-align: justify;}


/****一番大きな英字見出し****/
h4{
	padding-bottom: 5px;
	border-bottom: 1px solid #ce4186;
	text-align: center;
	font-size: 35px;
	display: inline-block;
	margin-bottom: 34px;
}


/****h4の下にある見出し文(GOURMET、SHOPPING)****/
h5{
	font-size: 21px;
	margin-bottom: 8px;
	text-align: left;
}


/****日付、時間、特典内容****/
.timetable{
	font-size: 13px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
}
.timetable .day{
	background-color: #db5e2c;
	padding: 2px 7px;
	margin-right: 6px;
	display: inline-block;
	margin-bottom: 7px;
}
.timetable .time{
	background-color: #000000;
	padding: 2px 7px;
	margin-right: 6px;
	display: inline-block;
	margin-bottom: 7px;
}
.timetable .yusen{
	background-color: #ce4186;
	color: #FFFFFF;
	padding: 4px 10px;
	display: inline-block;
	border-radius: 50px 50px 50px 0;
	margin-bottom: 7px;
}


/****背景ベージュ部分****/
.bg_beige{
	background-color: #eae7de;
	padding: 34px 20px;
	text-align: left;
	margin-bottom: 34px;
	overflow: hidden;
}

/****背景ベージュ部分内の明朝体見出し文****/
.bg_beige em{
	margin-bottom: 10px;
	font-size: 21px;
	display: block;
	line-height: 1.4;
}

/****背景ベージュ部分内のゴシック体見出し****/
.bg_beige b{
	display: inline-block;
	font-size: 18px;
	margin: 0 0 15px;
	font-weight: inherit;
}
.bg_beige p{margin-bottom: 15px;}

/****背景ベージュ部分内のリスト****/
.bg_beige ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.bg_beige li{
	width: 47%;
	margin-bottom: 15px;
}
.bg_beige li span{
	font-size: 17px;
	line-height: 1.1;
	display: block;
}
.bg_beige li img{margin-bottom: 6px;}

/****注釈内容****/
small{color: #979797;}
small span{letter-spacing: -0.9px;}

/****文字間詰め****/
.tume{letter-spacing: -0.9px;}



/*******************************************************
CONTEST
********************************************************/

/****タブの内容2つ目以降****/
.in_tab{margin-top: 44px;}
.gardens_ul li p{line-height: 1;}

/****ハンギングバスケットのロゴ****/
.hb_logo{margin-bottom: 15px;}

/****投票企画（紫のカテゴリ部分）****/
.choice em{color: #6356a3;}
.choice .day{background-color:  #6356a3;}

/****ガーデンコンテストへのボタン****/
.btn_pink{
	width: 100%;
	height: 40px;
	border-radius: 50px;
	background-color: #ce4186;
	color: #FFFFFF;
	font-size: 13px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}
.btn_pink::after{
	content: "＞";
	margin-left: 5px;
	font-size: 11px;
}

/****ピックアップコンテンツ****/
.pickup{margin-top: 34px;}
.pickup h4{
	font-size: 24px;
	margin-bottom: 15px;
	padding-bottom: 2px;
	border-bottom: none;
}

/****ピックアップコンテンツの見出し（下線）****/
.pickup_st{
    border-bottom: 1px solid #ce4186;
    margin-bottom: 25px;
    display: block;
    font-size: 21px;
	margin-top: -10px;
}


@media screen and (max-width: 700px){
	#contest .tab-label{font-size: 11px;}
}


/*******************************************************
FLOWERS
********************************************************/
#flowers .bg_beige{margin-bottom: 0;}

/****店のアイコンがつく見出し****/
#flowers .title_logo{
	margin-bottom: 15px;
	display: flex;
	align-items: center;
    justify-content: space-between;
	font-size: 21px;
}
#flowers .title_logo strong{width: 80%;}
#flowers .title_logo img{width: 20%;}


/*******************************************************
GOURMET
********************************************************/
#gourmet .bg_beige{margin-bottom: 0;}
.gourmet_p{margin-bottom: 15px;}

/****and more...****/
.andmore{
	font-size: 21px;
	text-align: end;
	font-weight: bold;
	display: block;
}

/****店舗3と4の間に×を置く処理****/
#gourmet .bg_beige li:nth-of-type(3)::after{
	content: "×";
	top: 29%;
    position: absolute;
    left: 98%;
    font-size: 25px;
}

/****aタグからホバーを外す（リンクが入ったら消すこと）****/
#gourmet .bg_beige li a:hover{opacity: inherit;}

/*******************************************************
SHOPPING
********************************************************/

/****落ちないように文字間詰め****/
.bg_beige li .gyo{font-size: 15px;}
#shopping h5{letter-spacing: -1px;}


/*******************************************************
SPECIAL CONTENT
********************************************************/
/****スペシャルコンテンツ背景****/
#special{margin-bottom: 0;}
#special .bg_beige{margin-bottom: 0;}
.w_100{padding: 40px 30px 0;}

.hanrei{
	margin-bottom: 20px;
	display: flex;
    flex-direction: column;
    align-items: center;
}

/****スペシャルコンテンツ内の項目****/
.category{margin-bottom: 70px;}

/****スペシャルコンテンツ内の見出し文****/
.category span{
	font-size: 21px;
	margin-bottom: 15px;
	display: block;
}

/****店のアイコンがつく見出し****/
.category .title_logo{
	border-top: 1px solid #ce4186;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
    justify-content: space-between;
	font-size: 21px;
}
.category .title_logo strong{
	width: 80%;
	padding-top: 7px;
}
.category .title_logo img{
	width: 20%;
	padding-top: 15px;
}

/****店のアイコンがつく、上の線がない見出し****/
.category .title_logo_s{border-top: none;}
.category .title_logo_s strong{width: 50%;}
.category .title_logo_s img{width: 40%;}

/****一番下の注釈文****/
.henko{
	margin-top: -15px;
	margin-bottom: 15px;
}
.category .tume_2{
	letter-spacing: -1.2px;
	font-size: 15px;
    margin-bottom: 0;
    display: inline;
}


/*******************************************************
以下はタブ切り替えの設定です
********************************************************/
/*タブ切り替え*/

.tab-wrap {
	display: flex;
	flex-wrap: wrap;
}
.tab-label {
	color: #ffffff;
	background: #ce4186;
	font-weight: bold;
	padding: 10px .5em;
	order: -1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	flex: 1;
	font-size: 13px;
	line-height: 1.5;
	display: flex;
	justify-content: center;
	align-items: center;
}
#artists .tab-label {
	padding: 10px .2em;
	font-size: 11px;
}
.tab-label:not(:last-of-type) {margin-right: 5px;}
.tab-content {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
	background: #eae7de;
	color: #ce4186;
}
.tab-switch:checked+.tab-label+.tab-content {
	height: auto;
	overflow: auto;
	opacity: 1;
}
/* ラジオボタン非表示 */
.tab-switch {display: none;}