@charset "UTF-8";



/*見出し
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.ttl_a {
margin: 8.78vw auto 0px;
text-align: center;
}
.lay101 + .ttl_a {
margin-top: 4.78vw;
}
.bg .ttl_a {
margin-top: 0;
}


.bg_green .ttl_a,
.bg_purple .ttl_a {
margin-top: 0;
}
.ttl_a p:first-child {
border: solid 1px #000;
display: inline-block;
font-size: 1.76vw;
background: #fff;
padding: 0.59vw 1.61vw 0px;
line-height: 1;
letter-spacing: 0;
height: 3.22vw;
box-sizing: border-box;
z-index: 2;
position: relative;
}
.ttl_a p.blue:first-child {
background: #4ACAF0;
}
.ttl_a p.green:first-child {
background: #5FE6C7;
}
.ttl_a p.yellow:first-child {
background: #F6AC19;
}
.ttl_a p.purple:first-child {
background: #DE79CB;
}
.ttl_a p.lightgreen:first-child {
background: #B9D932;
}
.ttl_a p.mustard:first-child {
background: #C8AA46;
}
.ttl_a p.darkpurple:first-child {
background: #B164FF;
}


.ttl_a h2 {
font-size: 4.1vw;
font-weight: 400;
padding: 1.46vw 0px;
letter-spacing: 0.59vw;
position: relative;
top: -3.07vw;
z-index: 1;
}

.ttl_a h2 span {
line-height: 0;
}
.ttl_a h2 span.line {
/* JS連動部分 */
display: block;
content: "";
width: 100%;
height: 1px;
background: #000;
line-height: 0;
padding: 0;
}
.ttl_a h2 span.line:first-child {
margin-bottom: 2.2vw;
}
.ttl_a h2 span.line:last-child {
margin-top: 0.73vw;
}
.ttl_a h2 span.text_en {
font-size: 5.12vw;
font-weight: 300;
}
.ttl_a p:last-child {
margin-top: -3.22vw;
font-size: 1.76vw;
font-weight: 400;
text-align: center;
}
.ttl_a h2 span br {
display: none;
}
#blooming_people.ttl_a h2 span:nth-child(15) {
padding-right: 25px;
}

		@media screen and (min-width:1380px) {
		.ttl_a {
		margin: 120px auto 0px;
		}
		.lay101 + .ttl_a {
		margin-top: 65px;
		}
		.ttl_a p:first-child {
		font-size: 24px;
		padding: 8px 22px 0px;
		height: 44px;
		}
		.ttl_a h2 {
		font-size: 56px;
		padding: 20px 0px;
		letter-spacing: 8px;
		top: -42px;
		}

		.ttl_a h2 span.line:first-child {
		margin-bottom: 30px;
		}
		.ttl_a h2 span.line:last-child {
		margin-top: 10px;
		}
		.ttl_a h2 span.text_en {
		font-size: 70px;
		}
		.ttl_a p:last-child {
		margin-top: -44px;
		font-size: 24px;
		text-align: center;
		}
		/*pc end*/}

		@media screen and (max-width:743px) {
		.ttl_a {
		width: auto;
		min-width: initial;
		margin: 50px 20px 0px;
		}
		.lay101 + .ttl_a {
		margin-top: 30px;
		}
		.ttl_a p:first-child {
		font-size: 13px;
		padding: 4px 10px;
		line-height: 1.4;
		height: auto;
		}
		.ttl_a h2 {
		padding: 20px 0px 10px;
		line-height: 0.8;
		top: -35px;
		}
		.ttl_a h2 span {
		font-size: 31px;
		line-height: 1;
		padding-top:15px;
		margin: 0;
		height: 0;
		}
		.ttl_a h2 span.text_en {
		font-size: 40px;
		padding-top:0px;
		}
		.ttl_a p:last-child {
		font-size: 15px;
		padding-top: 0px;
		margin-top: -30px;
		}
		.ttl_a h2 span.line:first-child {
		margin-bottom: 10px;
		}
		#blooming_people.ttl_a h2 span.line:first-child {
		margin-bottom: 20px;
		}
		.ttl_a h2 span.line:last-child {
		margin-top: 20px;
		}
		#blooming_people.ttl_a h2 span:nth-child(15) {
		padding-right: 0px;
		}
		#blooming_people.ttl_a h2 br:nth-child(16) {
		display: block;
		}

		#local_gourmet.ttl_a h2 br:nth-child(12) {
		display: block;
		}
		/*smp end*/}


/* テキスト装飾
ーーーーーーーーーーーーーーーーーーーーーーーー */

.color_white {color: #fff;}




/*ボタン風テキストリンク
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.btn_link {
margin-top: 8.78vw;
}
.btn_link a {
display: block;
width: 39.53vw;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
border: solid 1px #000;
text-align: center;
font-size: 1.32vw;
padding: 1.68vw 1.46vw;
background-image: url(/promotion/bloomingzine/common/img/btn_link_bg@2x.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.btn_link a::after {
content: "";
display: inline-block;
width: 4.39vw;
height: 1.17vw;
background-image: url(/promotion/bloomingzine/common/img/arrow_long.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: absolute;
top: calc(50% - 0.59vw);
right: 1.46vw;
z-index: 2;
}
.btn_link a:hover {
color: #fff;
}
.btn_link a:hover::after {
  filter: invert(100%); /* ホバー時に色を反転（白に変更） */
}
.btn_link a span {
position: relative;
z-index: 2;
}

.acc + .btn_link {
margin-top: 120px;
}
		@media screen and (min-width:1380px) {
		.btn_link {
		margin-top: 120px;
		}
		.btn_link a {
		width: 540px;
		font-size: 18px;
		padding: 23px 20px;
		}
		.btn_link a::after {
		width: 60px;
		height: 16px;
		top: calc(50% - 8px);
		right: 20px;
		}
		/*pc end*/}

		@media screen and (max-width:743px) {
		.btn_link {
		margin-top: 50px;
		}
		.btn_link a {
		width: auto;
		max-width: 300px;
		font-size: 15px;
		padding: 15px 15px;
		}
		.acc + .btn_link {
		margin-top: 50px;
		}
		.btn_link a::after {
		width: 30px;
		height: 8px;
		top: calc(50% - 4px);
		right: 15px;
		}
		/*smp end*/}



/*ボタン風テキストリンクver2
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.btn_link_v2 {
margin-top: 8.78vw;
position: relative;
}

.btn_link_v2 a {
display: block;
width: 45.92vw;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
text-align: center;
font-size: 2.05vw;
font-weight: 600;
padding: 1.26vw;
background: url(/promotion/bloomingzine/common/img/bg_is.jpg) repeat center center / cover;
position: relative;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
}

.btn_link_v2_text {
display: block;
margin-top: 0.29vw;
margin-left: -4.39vw;
z-index: 1;
}
.btn_link_v2_text img:first-child {
width: 3.95vw;
margin-right: 1.1vw;
position: relative;
margin-top: -0.29vw;
}

/* アニメーション */
.btn_link_v2_arrow {
position: absolute;
top:calc(50% - 0.5vw);
right: 1.46vw;
display: block;
width: 5.86vw;
z-index: 2;
overflow: hidden;
line-height: 0;
}
.btn_link_v2_arrow img {
width: 5.86vw;
animation: btn_link_v2_arrow 2s infinite; 
}

@keyframes btn_link_v2_arrow {
    0% {
        transform: translateX(-5.86vw);
    }
    50% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(5.86vw);
    }
}

		@media screen and (min-width:1380px) {
		.btn_link_v2 {
		margin-top: 100px;
		position: relative;
		}

		.btn_link_v2 a {
		width: 600px;
		font-size: 24px;
		padding: 20px;
		}

		.btn_link_v2_text {
		margin-top: 4px;
		margin-left: -50px;
		}
		.btn_link_v2_text img:first-child {
		width: 54px;
		margin-right: 20px;
		margin-top: -4px;
		}

		/* アニメーション */
		.btn_link_v2_arrow {
		top:calc(50% - 8px);
		right: 20px;
		width: 80px;
		height: 20px;
		}
		.btn_link_v2_arrow img {
		width: 80px;
		height: 16px;
		top: -17px;
		animation: btn_link_v2_arrow 2s infinite; 
		}

		@keyframes btn_link_v2_arrow {
				0% {
						transform: translateX(-80px);
				}
				50% {
						transform: translateX(0px);
				}
				100% {
						transform: translateX(80px);
				}
		}
		/*pc end*/}

		@media screen and (max-width:743px) {
		.btn_link_v2 {
		margin-top: 40px;
		}

		.btn_link_v2 a {
		display: block;
		width: auto;
		font-size: 15px;
		padding: 10px;
		margin-right: 20px;
		margin-left: 20px;
		}

		.btn_link_v2_text {
		margin-top: 4px;
		margin-left: -10%;
		}
		.btn_link_v2_text img:first-child {
		width: 32px;
		margin-right: 10px;
		margin-top: -2px;
		}

		/* アニメーション */
		.btn_link_v2_arrow {
		position: absolute;
		top:calc(50% - 4px);
		right: 10px;
		display: block;
		width: 35px;
		height: 8px;
		}
		.btn_link_v2_arrow img {
		width: 32px;
		height: 8px;
		top: -12px;
		animation: btn_link_v2_arrow 2s infinite; 
		}


		@keyframes btn_link_v2_arrow {
				0% {
						transform: translateX(-32px);
				}
				50% {
						transform: translateX(0px);
				}
				100% {
						transform: translateX(32px);
				}
		}
		/*smp end*/}



/*表示切り替え
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.display_pc {display:block;}
.display_smp {display:none;}
img.display_pc {display:inline-block;}
img.display_smp {display:none;}

		@media screen and (max-width:743px) {
		.display_pc {display:none;}
		.display_smp {display:block;}
		img.display_pc {display:none;}
		img.display_smp {display:inline-block;}
		/*smp end*/}






/* 背景
ーーーーーーーーーーーーーーーーーーーーーーー */

.bg {
padding: 8.78vw 0px;
}
.bg.green {
background: #e7fcf7;
}
.bg.purple {
background: #faebf7;
}
.bg.gray {
background:#efefef;
}
.bg.lightgreen {
background:#f5fae0;
}
.bg.blue {
background:#e4f7fd;
}
.bg.yellow {
background:#fef3dc;
}
.bg.purple {
background:#f3e8ff;
}



		@media screen and (min-width:1380px) {
		.bg {
		padding: 120px 0px;
		}
		/*pc end*/}



		@media screen and (max-width:743px) {
		.bg {
		padding: 50px 0px;
		}
		.bg.gray {
		padding-bottom: 100px;
		}
		/*smp end*/}



/* ライトボックス用コンテンツ
ーーーーーーーーーーーーーーーーーーーーーーーー */

.lightbox_contents {
width: 40%;
height: auto;
}













/*ーーーーーーーーーーーーーーーーーーーーーーーー
スペース調整
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt60 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}
.mt85 {margin-top: 85px !important;}
.mt90 {margin-top: 90px !important;}
.mt95 {margin-top: 95px !important;}
.mt100 {margin-top: 100px !important;}
.mt110 {margin-top: 110px !important;}
.mt120 {margin-top: 120px !important;}
.mt130 {margin-top: 130px !important;}
.mt140 {margin-top: 140px !important;}
.mt150 {margin-top: 150px !important;}
.mt160 {margin-top: 160px !important;}
.mt170 {margin-top: 170px !important;}
.mt180 {margin-top: 180px !important;}
.mt190 {margin-top: 190px !important;}
.mt200 {margin-top: 200px !important;}

.mr0 {margin-right: 0px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr55 {margin-right: 55px !important;}
.mr60 {margin-right: 60px !important;}
.mr60 {margin-right: 65px !important;}
.mr70 {margin-right: 70px !important;}
.mr75 {margin-right: 75px !important;}
.mr80 {margin-right: 80px !important;}
.mr85 {margin-right: 85px !important;}
.mr90 {margin-right: 90px !important;}
.mr95 {margin-right: 95px !important;}
.mr100 {margin-right: 100px !important;}

.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb60 {margin-bottom: 65px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb85 {margin-bottom: 85px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb95 {margin-bottom: 95px !important;}
.mb100 {margin-bottom: 100px !important;}
.mb110 {margin-bottom: 110px !important;}
.mb120 {margin-bottom: 120px !important;}
.mb130 {margin-bottom: 130px !important;}
.mb140 {margin-bottom: 140px !important;}
.mb150 {margin-bottom: 150px !important;}
.mb160 {margin-bottom: 160px !important;}
.mb170 {margin-bottom: 170px !important;}
.mb180 {margin-bottom: 180px !important;}
.mb190 {margin-bottom: 190px !important;}
.mb200 {margin-bottom: 200px !important;}

.ml0 {margin-left: 0px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml55 {margin-left: 55px !important;}
.ml60 {margin-left: 60px !important;}
.ml60 {margin-left: 65px !important;}
.ml70 {margin-left: 70px !important;}
.ml75 {margin-left: 75px !important;}
.ml80 {margin-left: 80px !important;}
.ml85 {margin-left: 85px !important;}
.ml90 {margin-left: 90px !important;}
.ml95 {margin-left: 95px !important;}
.ml100 {margin-left: 100px !important;}