@charset "UTF-8";
/*=============================================================

	Date: 2024-07-28
	CSS Document ： 誰でもフィット 仮想Lp
	
=============================================================*/
.sr_page-shopping-result__free .fca_container__in {
		max-width: 100%;
}
.sr_page-shopping-result__free .fca_container {
		padding: 0;
}
.fca_page-shop-category__body {
		margin-top: 5px;
}
#container_fl .pc_fl {
		display: none !important;
}
#container_fl .sp_fl {
		display: block;
}
ruby {
		line-height: 2.0em;
}
rt {
		font-size: 65%;
		transform: scale(0.8);
		letter-spacing: 0.0em;
}
#container_fl {
		font-family: "A1 Gothic R", "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
		font-weight: normal;
		color: #333333;
		line-height: 1.8;
		letter-spacing: 0.08em;
		font-size: 3.6vw;
}
#container_fl a {
		display: block;
		text-decoration: none;
}
/*==================================

FVエリア

==================================*/
#fv-ttl {}
#fv-ttl .fv-inner {
		max-width: 920px;
		width: 100%;
		margin: 0 auto;
		position: relative;
		height: 515px;
}
#fv-ttl .ttl-image01 {
		position: absolute;
		top: 0;
		left: -89%;
		width: 131%;
}
#fv-ttl .ttl-image01 img {
		border-radius: 0 0 4em 0;
		width: 100%;
}
#fv-ttl .ttl-image02 {
		position: absolute;
		top: 133px;
		left: 60%;
		width: 128%;
}
#fv-ttl .ttl-image02 img {
		border-radius: 3em 0 0 3em;
		width: 100%;
}
#fv-ttl .ttl-ashirai {
		position: absolute;
		top: 68px;
		right: 1%;
		width: 26%;
		z-index: 1;
}
#fv-ttl .ttl-ashirai img {
		width: 100%;
}
#fv-ttl .ttl-ribbon {
		position: absolute;
		top: 47%;
		left: -15%;
		width: 1104px;
}
#fv-ttl .ttl-ribbon img {}
#fv-ttl .ttl-logo {
		position: absolute;
		top: 16px;
		left: 34.5%;
		width: 28%;
}
#fv-ttl .ttl-logo img {
		width: 100%;
}
/* スクロール */
.scroll-wrap {
		position: absolute;
		width: 100%;
		top: 413px;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
}
.scroll-wrap .ttl-scroll {
		position: relative;
}
.scroll-wrap .ttl-scroll img {}
/* スクロールアニメ */
.scroll-wrap .scroll-line {
		position: relative;
}
.scroll-wrap .scroll-line::after {
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		width: 1px;
		height: 20px;
		background: #000;
		/*線の動き1.4秒かけて動く。永遠にループ*/
		animation: pathmove 1.8s ease-in-out infinite;
		opacity: 0;
}
/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove {
		0% {
				height: 0;
				top: 0;
				opacity: 0;
		}
		30% {
				height: 20px;
				opacity: 1;
		}
		100% {
				height: 0;
				top: 40px;
				opacity: 0;
		}
}
/* コンセプト */
.concept-main {
		position: absolute;
		bottom: -100px;
		left: 41%;
}
.concept-main img {}
.fv-concept {
		display: flex;
		justify-content: center;
		align-items: center;
}
.fv-concept .concept-image {
		margin-right: -44px;
}
.fv-concept .concept-image img {
		border-radius: 2em;
}
.fv-concept .concept-sub {
		margin-top: 67px;
}
.fv-concept .concept-sub img {}
/*==================================

アンカーリンク 

==================================*/
.lineup-link {
		width: 470px;
		margin: 2.5em auto;
		position: relative;
}
.lineup-link img {
		position: relative;
		filter: drop-shadow(0 0 3px rgba(233, 45, 95, 0.55));
		transform: translateZ(0);
}
#items_fl .lineup-link::before {
		display: block;
		width: 586px;
		height: 500px;
		content: '';
		background-image: url(../images/item_ribbon01.svg?$staticlink$);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
		position: absolute;
		top: -168%;
		left: -30%;
		opacity: 0.85;
}
/*==================================

レポート

==================================*/
#report {
		width: 920px;
		margin: 8em auto 0;
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: url(../images/report_bg.jpg?$staticlink$);
		background-repeat: repeat-y;
		background-position: center center;
		background-size: auto;
		border-radius: 3em 3em 0 0;
		overflow: hidden;
		padding: 0 0 3em;
}
#report-inner {
		width: 580px;
}
/*==================================

title

==================================*/
#report-ttl {
		position: relative;
}
#report-ttl .report-ttl-image {}
#report-ttl .report-ttl-main {
		position: absolute;
		top: 45px;
		left: 204px;
}
/*==================================

profile

==================================*/
#prof_fl {
		letter-spacing: 0.06em;
		width: 88%;
		margin: 2em auto 2.5em;
		position: relative;
		font-size: 80%;
}
#prof_fl p {
		text-align: center;
}
#prof_fl p span {
		display: block;
		font-weight: bold;
		font-size: 120%;
}
/*==================================

レポート内容

==================================*/
#items_fl {}
#items_fl .item_fl {
		margin-bottom: 7em;
}
.item-ttl {
		position: relative;
		margin: 4em 0 3em;
		text-align: center;
}
.item-ttl .item-ttl-main {
		position: relative;
		height: 57px;
		width: auto;
		border: 1px solid #d1567f;
		border-right: 0;
		border-left: 0;
}
.item-ttl p.c-ttl {
		margin: 0.5em 0 0;
		position: relative;
		color: #d1567f;
		font-size: 125%;
		line-height: 1.4;
		letter-spacing: 0.1em;
}
.item-ttl::before {
		display: block;
		width: 586px;
		height: 500px;
		content: '';
		background-image: url(../images/item_ribbon01.svg?$staticlink$);
		background-repeat: no-repeat;
		background-position: top;
		background-size: contain;
		position: absolute;
		top: -52%;
		left: -11%;
		opacity: 0.85;
}
#items_fl .item_fl:nth-child(2n) .item-ttl::before {
		background-image: url(../images/item_ribbon02.svg?$staticlink$);
		top: -86%;
		left: 0%;
		width: 670px;
}
p.report-staff {
		/* color: #AF679C; */
		line-height: 1.6;
		font-size: 110%;
		text-indent: -1.5em;
		padding: 0 0 0 1.5em;
		letter-spacing: 0.15em;
		margin: 1.2em 1.5em 1.5em;
		text-align: left;
		font-family: "A1 Gothic M";
		position: relative;
}
p.report-staff::before {
		content: "";
		display: inline-block;
		border-top: 1px solid #000;
		width: 1.1em;
		margin-right: 0.4em;
		vertical-align: middle;
}
/* メインレポート */
.report-main {
		position: relative;
}
.report-main .fukidashi {
		background: #FFF;
		border-radius: 0.8em;
		font-size: 88%;
		letter-spacing: 0.05em;
		padding: 1.4em 1.8em;
		line-height: 1.9;
		text-align: justify;
		position: absolute;
}
.report-main .fukidashi span.marker {
		background: #d2ebe5;
		font-weight: bold;
		font-family: "A1 Gothic M";
}
.report-main .fukidashi01::before {
		display: block;
		width: 2em;
		height: 2em;
		content: '';
		background-image: url(../images/fukidashi_arrow_r.svg?$staticlink$);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		position: absolute;
		top: 32%;
		left: calc(100% - 0.7em);
}
.report-main .photo {
		position: absolute;
}
/*==================================

個別

==================================*/
/* c01 */
#c01_fl {}
#c01_fl .report-main {
		/* height: 730px; */
		aspect-ratio: 100/109;
		width: 100%;
}
#c01_fl .fukidashi01 {
		width: 63%;
		top: 0;
		left: 5%;
}
#c01_fl .fukidashi02 {
		width: 43%;
		top: 49%;
		right: 11%;
}
#c01_fl .photo01 {
		top: 0;
		right: 0;
}
#c01_fl .photo02 {
		top: 34%;
		right: 0;
		border-radius: 2em 0 0;
		filter: drop-shadow(0 0 8px rgba(183, 105, 105, 0.15));
		width: 46%;
}
#c01_fl .photo03 {
		bottom: 0;
		left: 0%;
		width: 55%;
}
/* c02 */
#c02_fl {}
#c02_fl p.report-staff {
		margin-bottom: 0;
}
#c02_fl .report-main {
		height: 738px;
}
#c02_fl .fukidashi01 {
		width: 37%;
		top: 6%;
		left: 9%;
}
#c02_fl .fukidashi02 {
		width: 43%;
		top: 71%;
		right: 5%;
}
#c02_fl .photo01 {
		top: 0;
		right: 0;
		width: 57%;
}
#c02_fl .photo02 {
		top: 32%;
		left: 0;
		width: 41%;
}
#c02_fl .photo03 {
		bottom: 0;
		left: 0;
		border-radius: 0 2em 0 0;
		filter: drop-shadow(0 0 8px rgba(183, 105, 105, 0.15));
		width: 46%;
}
/* c03 */
#c03_fl {}
#c03_fl p.report-staff {
		margin-bottom: 0.3em;
}
#c03_fl .report-main {
		height: 750px;
}
#c03_fl .fukidashi01 {
		width: 34%;
		top: 10%;
		right: 12%;
}
#c03_fl .report-main .fukidashi01::before {
		background-image: url(../images/fukidashi_arrow_l.svg?$staticlink$);
		left: auto;
		right: calc(100% - 0.7em);
}
#c03_fl .fukidashi02 {
		width: 38%;
		top: 74%;
		right: 9%;
}
#c03_fl .photo01 {
		top: 0;
		left: 0;
		width: 57%;
}
#c03_fl .photo02 {
		top: 31%;
		right: 7%;
}
#c03_fl .photo03 {
		bottom: 0;
		left: 0;
		border-radius: 0 2em 0 0;
		filter: drop-shadow(0 0 8px rgba(183, 105, 105, 0.15));
		width: 46%;
}
/* c04 */
#items_fl #c02_fl {
		margin-bottom: 4em;
}
#c04_fl p.report-staff {
		/* margin-bottom:0; */
}
#c04_fl .report-main {
		height: 743px;
}
#c04_fl .fukidashi01 {
		width: 52%;
		top: 2%;
		left: 6%;
}
#c04_fl .fukidashi02 {
		width: 39%;
		top: 31%;
		right: 5%;
}
#c04_fl .fukidashi03 {
		width: 39%;
		top: 71%;
		left: 5%;
}
#c04_fl .photo01 {
		top: 0%;
		right: 6%;
		width: 34%;
}
#c04_fl .photo02 {
		top: 25%;
		left: 0;
		border-radius: 0 2em 0 0;
		filter: drop-shadow(0 0 8px rgba(183, 105, 105, 0.15));
		width: 46%;
}
#c04_fl .photo03 {
		bottom: 0;
		right: 0;
		border-radius: 2em 0 0 0;
		filter: drop-shadow(0 0 8px rgba(183, 105, 105, 0.15));
		width: 46%;
}
/*==================================

spec

==================================*/
.spec_wrap_fl {
		/*background: #F2FBFB;*/
		overflow: hidden;
		width: 80%;
		margin: 1.3em auto 1em;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 1;
}
.spec_wrap_fl img {
		width: 16vw;
}
#container_fl .spec_wrap_fl a {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		text-decoration: none;
		padding: 0.4em 0;
		padding-right: 2.7em;
}
.spec_wrap_fl a .spec_fl {
		line-height: 1.6;
		font-size: 80%;
		/* color: #4B4B4B; */
}
.spec_wrap_fl a .spec_fl .name_fl {
		display: block;
		text-align: left;
}
.price_fl {
		font-size: 80%;
}
.spec_wrap_fl a::after {
		content: "";
		display: block;
		background-image: url(../images/link_arrow.svg?$staticlink$);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 98%;
		width: 1.3em;
		height: 1.3em;
		position: absolute;
		top: auto;
		right: 0.4em;
		transition: all 0.3s;
}
.spec_wrap_fl a.spec_sub_fl {
		border-top: #FFF 2px solid;
}
.spec_wrap_fl {
		border-bottom: #FFF 2px solid;
}
.spec_txt_fl {
		width: 100%;
}
/*==================================

PC

==================================*/
@media screen and (min-width: 769px) {
		#container_fl .pc_fl {
				display: block !important;
		}
		#container_fl .sp_fl {
				display: none;
		}
		#container_fl a {
				transition: all 0.3s;
		}
		#container_fl a:hover {
				opacity: 0.7;
		}
		#container_fl {
				letter-spacing: 0.08em;
				text-align: center;
				font-size: 105%;
		}
		/*==================================

profile

==================================*/
		#prof_fl {
				width: 500px;
				margin: 3em auto 2.5em;
		}
		/*==================================

items

==================================*/
		#items_fl {
				width: 580px;
				margin: 0 auto;
				font-size: 110%;
		}
		/*==================================

bnrs

==================================*/
		.bnrs_fl {
				width: 490px;
		}
}
/*==================================

SP

==================================*/
@media screen and (max-width: 768px) {
		#container_fl {}
		/*==================================

FVエリア

==================================*/
		#fv-ttl {}
		#fv-ttl .fv-inner {
				height: 144vw;
		}
		#fv-ttl .ttl-image01 {
				width: 211%;
				right: 29%;
				left: auto;
		}
		#fv-ttl .ttl-image01 img {
				width: 100%;
		}
		#fv-ttl .ttl-image02 {
				right: auto;
				left: 33%;
				width: 206%;
				top: 74vw;
				z-index: 1;
		}
		#fv-ttl .ttl-image02 img {
				width: 100%;
		}
		#fv-ttl .ttl-ashirai {
				width: 35%;
				top: 65vw;
		}
		#fv-ttl .ttl-ashirai img {
				width: 100%;
		}
		#fv-ttl .ttl-ribbon {
				top: 51vw;
				width: 122%;
		}
		#fv-ttl .ttl-ribbon img {}
		#fv-ttl .ttl-logo {
				width: 43%;
				left: 60%;
		}
		#fv-ttl .ttl-logo img {}
		/* スクロール */
		.scroll-wrap {
				top: 4vw;
				left: 1vw;
				width: 6vw;
		}
		.scroll-wrap .ttl-scroll {}
		.scroll-wrap .ttl-scroll img {
				margin-bottom: 0.5em;
		}
		/* スクロールアニメ */
		.scroll-wrap .scroll-line {}
		.scroll-wrap .scroll-line::after {
				height: 50vw;
		}
		@keyframes pathmove {
				0% {
						height: 0;
						top: 0;
						opacity: 0;
				}
				30% {
						height: 40px;
						opacity: 1;
				}
				100% {
						height: 0;
						top: 80px;
						opacity: 0;
				}
		}
		/* コンセプト */
		.concept-main {
				width: 15vw;
				position: absolute;
				top: 71vw;
				left: 10vw;
		}
		.concept-main img {}
		.fv-concept {
				justify-content: flex-start;
		}
		.fv-concept .concept-image {
				width: 52%;
				margin-right: -1.9em;
		}
		.fv-concept .concept-image img {
				border-radius: 0 2em 2em 0;
		}
		.fv-concept .concept-sub {
				margin-top: 0em;
		}
		.fv-concept .concept-sub img {
				width: 48vw;
		}
		/*==================================

アンカーリンク 

==================================*/
		.lineup-link {
				width: 81%;
		}
		.lineup-link img {}
		#items_fl .lineup-link::before {
				width: 126%;
		}
		/*==================================

レポート

==================================*/
		#report {
				width: 100%;
				border-radius: 0;
		}
		#report-inner {}
		/*==================================

title

==================================*/
		#report-ttl {}
		#report-ttl .report-ttl-image {
				width: 177%;
				max-width: max-content;
				margin: 0 -42%;
		}
		#report-ttl .report-ttl-main {
				top: 12%;
				left: 6%;
				width: 57%;
		}
		/*==================================

profile

==================================*/
		#prof_fl {}
		#prof_fl p {}
		#prof_fl p span {}
		#prof_fl::before {}
		#prof_fl::after {}
		/*==================================

レポート内容

==================================*/
		#items_fl {}
		#items_fl .item_fl {
				margin-bottom: 9em;
		}
		.item-ttl {}
		.item-ttl .item-ttl-main {
				height: 9.89vw;
		}
		.item-ttl p.c-ttl {}
		.item-ttl::before {
				width: 110vw;
				height: 100vw;
		}
		#items_fl .item_fl:nth-child(2n) .item-ttl::before {
				width: 110%;
		}
		p.report-staff {}
		p.report-staff::before {}
		/* メインレポート */
		.report-main {}
		.report-main .fukidashi {}
		.report-main .fukidashi span.marker {}
		.report-main .fukidashi01::before {}
		.report-main .photo {}
		/*==================================

個別

==================================*/
		/* c01 */
		#c01_fl {}
		#c01_fl .report-main {
				/* height: 126vw; */
		}
		#c01_fl .fukidashi01 {}
		#c01_fl .fukidashi02 {}
		#c01_fl .photo01 {
				width: 35%;
		}
		#c01_fl .photo02 {}
		#c01_fl .photo03 {}
		/* c02 */
		#c02_fl {}
		#c02_fl p.report-staff {}
		#c02_fl .report-main {
				height: 131vw;
		}
		#c02_fl .fukidashi01 {}
		#c02_fl .fukidashi02 {}
		#c02_fl .photo01 {}
		#c02_fl .photo02 {}
		#c02_fl .photo03 {}
		/* c03 */
		#c03_fl {}
		#c03_fl p.report-staff {}
		#c03_fl .report-main {
				height: 129vw;
		}
		#c03_fl .fukidashi01 {}
		#c03_fl .report-main .fukidashi01::before {}
		#c03_fl .fukidashi02 {}
		#c03_fl .photo01 {}
		#c03_fl .photo02 {
				width: 34%;
		}
		#c03_fl .photo03 {}
		/* c04 */
		#items_fl #c04_fl {}
		#c04_fl p.report-staff {}
		#c04_fl .report-main {
				height: 133vw;
		}
		#c04_fl .fukidashi01 {}
		#c04_fl .fukidashi02 {}
		#c04_fl .fukidashi03 {}
		#c04_fl .photo01 {}
		#c04_fl .photo02 {}
		#c04_fl .photo03 {}
		/*==================================

spec

==================================*/
		.spec_wrap_fl {}
		.spec_wrap_fl img {}
		#container_fl .spec_wrap_fl a {}
		.spec_wrap_fl a .spec_fl {}
		.spec_wrap_fl a .spec_fl .name_fl {}
		.price_fl {}
		.spec_wrap_fl a::after {}
		.spec_wrap_fl a.spec_sub_fl {}
		.spec_wrap_fl {}
		.spec_txt_fl {}
}