@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

body * {
  font-family: "Shippori Mincho B1", serif;
}
/* ヘッダー ーーーーーーーーーーーーーーーーー*/
/* ヘッダーのグラデーション */
header#header {
	background: #0F2027;
	background: linear-gradient(180deg, rgba(15, 32, 39, 1) 0%, rgba(32, 58, 67, 0.75) 50%, rgba(44, 83, 100, 0) 100%);
}
.c-gnav>.menu-item>a .ttl {
	font-size: 16px;
	font-weight: 400;
}
.c-smallNavTitle {
	font-size: 10px;
	top: 6px;
}
/* ファーストビュー ーーーーーーーーーーーーーーーー*/
.p-mainVisual__textLayer {
	justify-content: flex-end;
	padding-bottom: 100px;
}
.p-mainVisual__slideTitle {
	font-size: 35px;
	font-weight: 400;
	line-height: 1.5;
}
.-height-full .p-mainVisual__slideText {
	font-size: 16px;
	font-weight: 400;
}
.p-mainVisual__textLayer>.p-blogParts {
	margin-top: 30px;
}
.simple-btn a {
	background-color: #0F2027;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	border-radius: 0;
	min-width: 250px;
	text-align: left;
	transition: .3s;
	text-shadow: none;
	position: relative;
}
.simple-btn a:after {
	content: "";
	display: inline-block;
	height: 100%;
	width: 1px;
	background-color: #FFFFFF;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%) rotate(-90deg);
	transition: .3s;
}
.simple-btn a:hover {
	background-color: #FFFFFF;
	color: #2E2722;
	transition: .3s;
}
.simple-btn a:hover:after {
	transform: translateY(-50%) rotate(180deg);
	transition: .3s;
}
@media screen and (max-width: 960px) {
	.p-mainVisual__slideTitle {
		font-size: 30px;
	}
	.-height-full .p-mainVisual__slideText {
		font-size: 14px;
	}
}
@media screen and (max-width: 600px) {
	.p-mainVisual__textLayer {
		padding-bottom: 80px;
	}
	.p-mainVisual__slideTitle {
		font-size: 28px;
	}
	.simple-btn a {
		min-width: 200px;
	}
}

/* 共通 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

/* セクションタイトル（CENTER） */
.section-ttl-center {
	margin-bottom: 40px;
}
.section-ttl-center-en-unit {
	margin-bottom: 0;
	position: relative;
}
.section-ttl-center-en-unit p.big-en-txt {
	font-size: 100px;
	line-height: 1;
	margin-bottom: 0;
	color: rgba(255,255,255,.5);
	font-weight: 300;
}
.section-ttl-center-en-unit p.small-en-txt {
	font-size: 16px;
	color: #FFFFFF;
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%,-70%);
	font-weight: 300;
}
.section-ttl-center h2.is-style-section_ttl {
	margin-top: 0;
	font-size: 30px;
	font-weight: 600;
	color: #FFFFFF;
	position: relative;
	padding-bottom: 25px;
}
.section-ttl-center h2.is-style-section_ttl:after {
	content: "";
	display: inline-block;
	height: 20px;
	width: 2px;
	background-color: #FFFFFF;
	position: absolute;
	bottom: 0;
	left: 50%;
}
@media screen and (max-width: 1280px) {
	.section-ttl-center-en-unit p.big-en-txt {
		font-size: 80px;
	}
}
@media screen and (max-width: 960px) {
	.section-ttl-center {
		margin-bottom: 35px;
	}
	.section-ttl-center-en-unit p.big-en-txt {
		font-size: 70px;
		line-height: 1.1;
	}
	.section-ttl-center h2.is-style-section_ttl {
		font-size: 25px;
		padding-bottom: 20px;
	}
	.section-ttl-center h2.is-style-section_ttl:after {
		height: 15px;
		width: 2px;
	}
}
@media screen and (max-width: 600px) {
	.section-ttl-center-en-unit p.big-en-txt {
		font-size: 50px;
	}
	.section-ttl-center h2.is-style-section_ttl {
		font-size: 20px;
		padding-bottom: 20px;
	}
	.section-ttl-center h2.is-style-section_ttl:after {
		height: 10px;
	}
}
/* セクションタイトル（LEFT） */
.section-ttl-left {
	margin-bottom: 40px;
}
.section-ttl-left-en-unit {
	margin-bottom: 0;
	position: relative;
}
.section-ttl-left-en-unit p.big-en-txt {
	font-size: 100px;
	line-height: 1;
	margin-bottom: 0;
	color: rgba(255,255,255,.5);
	font-weight: 300;
}
.section-ttl-left-en-unit p.small-en-txt {
	font-size: 16px;
	color: #FFFFFF;
	position: absolute;
	bottom: 0;
	left: 0;
	font-weight: 300;
}
.section-ttl-left h2.is-style-section_ttl {
	margin-top: 0;
	display: inline-block;
	font-size: 30px;
	font-weight: 600;
	color: #FFFFFF;
	position: relative;
	padding-bottom: 0px;
}
.section-ttl-left h2.is-style-section_ttl:after {
	content: "";
	display: inline-block;
	height: 2px;
	width: 20px;
	background-color: #FFFFFF;
	position: absolute;
	top: 50%;
	right: -40px;
	transform: translateY(-50%);
}
@media screen and (max-width: 1280px) {
	.section-ttl-left-en-unit p.big-en-txt {
		font-size: 80px;
	}
}
@media screen and (max-width: 960px) {
	.section-ttl-left {
		margin-bottom: 35px;
	}
	.section-ttl-left-en-unit p.big-en-txt {
		font-size: 70px;
		line-height: 1.1;
	}
	.section-ttl-left h2.is-style-section_ttl {
		font-size: 25px;
	}
	.section-ttl-left h2.is-style-section_ttl:after {
		width: 15px;
		right: -30px;
	}
}
@media screen and (max-width: 600px) {
	.section-ttl-left-en-unit p.big-en-txt {
		font-size: 50px;
	}
	.section-ttl-left h2.is-style-section_ttl {
		font-size: 20px;
	}
	.section-ttl-left h2.is-style-section_ttl:after {
		width: 10px;
		right: -20px;
	}
}
/* セクションサブコピー(H3) */
h3.is-style-section_ttl.sub-copy-txt {
	color: #FFFFFF;
	font-weight: 400;
	margin-bottom: 20px;
	line-height: 1.8;
	margin-top: 0;
}
/* セクションバックなし */
.bg-none {
	background-color: transparent !important;
}
/* シンプルテキスト */
p.simple-txt {
	font-size: 16px;
	font-weight: 400;
	line-height: 2;
}

/*   ----------------------------------------トップページ ----------------------------------------トップページ ----------------------------------------トップページ
トップページ
 ----------------------------------------*/
/* Lucianoについて---------------------------- */
#about-section {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}
.about-section-group {
	position: relative;
}
.top-about-disc {
	font-size: 16px;
	font-weight: 400;
	line-height: 2;
}
/* 左右上下の画像配置 */
.about-left-top-image {
	position: absolute;
	top: -50px;
	left: -200px;
	margin-bottom: 0;
}
.about-right-bottom-image {
	position: absolute;
	bottom: -50px;
	right: -200px;
	margin-bottom: 0;
}
@media screen and (max-width: 960px) {
	#about-section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}
	.about-left-top-image {
		display: none;
	}
	.about-right-bottom-image {
		display: none;
	}
}
/* メンズオーダースーツ---------------------------------- */
.top-service-group {
	max-width: 	1440px;
	margin-left: auto;
	padding-left: 100px;
}
.top-service-group > .wp-block-group__inner-container {
	display: flex;
	align-items: center;
}
.top-service-left {
	flex-basis: 50%;
	padding-right: 35px;
	margin-bottom: 0;
}
.top-service-right {
	flex-basis: 50%;
	margin-bottom: 0;
}
.top-service-group .section-ttl-left-en-unit {
	height: 100px;
}
.top-service-group .section-ttl-left-en-unit p.big-en-txt {
	white-space: nowrap;
	position: absolute;
}
.top-service-left-inner p.simple-txt {
	margin-bottom: 30px;
}
/* メニューリスト */
ul.top-service-list {
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 15px 30px;
	margin-bottom: 30px;
}
ul.top-service-list li {
	margin: 0;
	flex-basis: calc((100% - 30px) / 2);
}
ul.top-service-list li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #FFFFFF;
	font-weight: 400;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
}
ul.top-service-list li a:after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 11px;
	background-image: url(http://luciano.photo-shiki.com/wp-content/uploads/2026/07/servicelink-list-arrow-1.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.service-right-image-tab-image {
	display: none;
}
.service-right-image-pc-image {
	margin-bottom: 0;
}
@media screen and (min-width: 1440px) {
	.top-service-group {
		max-width: 	1440px;
		margin: 0 auto;
		padding-left: 0;
	}
}
@media screen and (max-width: 1280px) {
	.top-service-group {
		margin: 0 auto;
		padding: 0;
	}
	.top-service-group > .wp-block-group__inner-container {
		flex-wrap: wrap;
		gap: 30px;
	}
	.top-service-left {
		flex-basis: 100%;
		padding-right: 0;
		order: 2;
		padding: 0 20px;
	}
	.top-service-right {
		flex-basis: 100%;
		order: 1;
	}
	.service-right-image-pc-image {
		display: none;
	}
	.service-right-image-tab-image {
		display: block;
	}
	.top-service-group .section-ttl-left-en-unit {
		height: auto;
	}
	.top-service-group .section-ttl-left-en-unit p.big-en-txt {
		white-space: wrap;
		position: static;
	}
}
@media screen and (max-width: 960px) {
	.top-service-group > .wp-block-group__inner-container {
		gap: 20px;
	}
	/* メニューリスト */
	ul.top-service-list {
		gap: 10px 10px;
	}
	ul.top-service-list li {
		margin: 0;
		flex-basis: calc((100% - 10px) / 2);
	}
	ul.top-service-list li a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #FFFFFF;
		font-weight: 400;
		border-bottom: 1px solid #FFFFFF;
		padding: 5px;
	}
	ul.top-service-list li a:after {
		content: "";
		display: inline-block;
		width: 15px;
		height: 11px;
		background-image: url(http://luciano.photo-shiki.com/wp-content/uploads/2026/07/servicelink-list-arrow-1.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
}
@media screen and (max-width: 600px) {
	.top-service-group > .wp-block-group__inner-container {
		gap: 20px;
	}
	.top-service-left-inner p.simple-txt {
		margin-bottom: 20px;
	}
	/* メニューリスト */
	ul.top-service-list {
		gap: 10px 10px;
	}
	ul.top-service-list li {
		flex-basis: calc((100% - 10px) / 2);
	}
	ul.top-service-list li a {
		padding: 5px 0;
		font-size: 14px;
	}
}
/* オーダー事例------------------------------------------------ */
#case-section {
	background-image: url(http://luciano.photo-shiki.com/wp-content/uploads/2026/07/back-suit-image.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.top-case-txtarea {
	max-width: 1200px;
	margin: 0 auto 40px;
}
@media screen and (max-width: 1280px) {
	.top-case-txtarea {
		max-width: 1200px;
		margin: 0 auto 40px;
		padding: 0 20px;
	}
}
/* オーダーの流れ------------------------------------------------ */
.flow-item-unit {
}
.flow-item-unit > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 50px;
	justify-content: center;
}
.flow-item {
	margin-bottom: 0;
	flex-basis: calc((100% - 100px) / 3);
	padding: 15px;
	background-color: #F6F0E8;
	color: #333333;
	border-radius: 10px;
	position: relative;
}
.flow-item figure {
	background-color: #2C5364;
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 10px;
	border-radius: 50px;
}
.flow-item figure img {
	width: 50px;
	height: 50px;
}
.flow-item h3.is-style-section_ttl {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 500;
	position: relative;
	padding-bottom: 10px;
}
.flow-item h3.is-style-section_ttl:after {
	content: "";
	display: inline-block;
	width: 30px;
	height: 2px;
	background: #0F2027;
	background: linear-gradient(180deg, rgba(15, 32, 39, 1) 0%, rgba(32, 58, 67, 0.75) 50%, rgba(44, 83, 100, 0) 100%);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.flow-item p {
	font-size: 15px;
	line-height: 2;
}
.pc-arrow-on:after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 20px;
	background-color: #F6F0E8;
	position: absolute;
	top: 50%;
	right: -35px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (max-width: 1280px) {
	.flow-item-unit > .wp-block-group__inner-container {
		gap: 30px 20px;
	}
	.flow-item {
		flex-basis: calc((100% - 40px) / 3);
	}
	.pc-arrow-on:after {
		width: 15px;
		height: 20px;
		right: -15px;
	}
}
@media screen and (max-width: 960px) {
	.flow-item-unit > .wp-block-group__inner-container {
		gap: 25px 20px;
	}
	.flow-item {
		flex-basis: 100%;
	}
	.flow-item figure {
		width: 80px;
		height: 80px;
	}
	.flow-item figure img {
		width: 40px;
		height: 40px;
	}
	.pc-arrow-on:after {
		content: none;
	}
	.flow-item:before {
		content: "";
		display: inline-block;
		width: 20px;
		height: 12px;
		background-color: #F6F0E8;
		position: absolute;
		bottom: -11px;
		left: 50%;
		transform: translateX(-50%);
clip-path: polygon(0 0, 100% 0, 50% 100%);
	}
}