@charset "utf-8";

/*

************************************************************************

 見出し

************************************************************************

*/

.section-title

{

	line-height:1;

	font-size: 5em;
	font-weight:bold;
}


.section-title .sub {
	font-size: 16px;
	display: block;
	letter-spacing: 0.15em;
}



/* 01-01 */

.SECTION-TITLE-01-01 .section-title > .title-wrap

{

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	align-content: center;

}

.SECTION-TITLE-01-01 .section-title > .title-wrap:before

{

	content:"";



	position:absolute;

	top:calc(100% + 1em);

	left:0;



	width:20em;

	border-top:1px solid var(--body-border-color);

}

.SECTION-TITLE-01-01 .section-title > .title-wrap > i

{

	font-size: 2.4em !important;

	color:var(--body-icon-color);

	margin-right:0.25em;

}

.SECTION-TITLE-01-01 .section-title > .title-wrap > .main

{

	font-size:2.4em;

	color:var(--body-font-color);

}

.SECTION-TITLE-01-01 .section-title > .title-wrap > .sub

{

	position:absolute;

	bottom:calc(100% + 0.5em);

	left:3.1em;



	font-size:1.0em;

	color:var(--body-icon-color-light);

}



/* 01-02 */

.SECTION-TITLE-01-02 .section-title

{

	text-align:center;

}

.SECTION-TITLE-01-02 .section-title > .title-wrap

{

	display: flex;

	flex-wrap: wrap;

	padding-bottom:2.0em;

}

.SECTION-TITLE-01-02 .section-title > .title-wrap:before

{

	content:"";



	position:absolute;

	top:100%;

	right:calc(50% + 2em);



	width:10em;

	border-top:1px solid var(--body-border-color);

}

.SECTION-TITLE-01-02 .section-title > .title-wrap:after

{

	content:"";



	position:absolute;

	top:100%;

	left:calc(50% + 2em);



	width:2em;



	width:10em;

	border-top:1px solid var(--body-border-color);

}

.SECTION-TITLE-01-02 .section-title > .title-wrap > i

{

	position: absolute;

	bottom: calc(0% - 0.5em);

	left: calc(50% - 0.5em);

	font-size: 2.4em !important;



	color:var(--body-icon-color);

}

.SECTION-TITLE-01-02 .section-title > .title-wrap > .main

{

	flex: 0 0 100%;



	font-size:2.4em;

	order:1;



	color:var(--body-font-color);

}

.SECTION-TITLE-01-02 .section-title > .title-wrap > .sub

{

	flex: 0 0 100%;

	font-size:1.0em;

	margin-bottom:0.5em;



	color:var(--body-icon-color-light);

}



/* 01-03 */

.SECTION-TITLE-01-03 .section-title > .title-wrap

{

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	align-content: center;

	justify-content: flex-end;

}

.SECTION-TITLE-01-03 .section-title > .title-wrap:before

{

	content:"";



	position:absolute;

	top:calc(100% + 1em);

	right:0;



	width:20em;

	border-top:1px solid var(--body-border-color);

}

.SECTION-TITLE-01-03 .section-title > .title-wrap > i

{

	font-size: 2.4em !important;

	color:var(--body-icon-color);

	margin-right:0.25em;

}

.SECTION-TITLE-01-03 .section-title > .title-wrap > .main

{

	font-size:2.4em;

	color:var(--body-font-color);

}

.SECTION-TITLE-01-03 .section-title > .title-wrap > .sub

{

	position:absolute;

	bottom:calc(100% + 0.5em);

	right:0.0em;



	font-size:1.0em;

	color:var(--body-icon-color-light);

}



/* 02-01 */

.SECTION-TITLE-02-01 .section-title > .title-wrap

{

	display: flex;

	align-items: center;

	align-content: center;



	padding:1.8em 0.8em 0.8em calc(0.8em + calc(var(--border-radius) / 2));

	border-radius: var(--border-radius);

	background-color: var(--accent-background-color);

	border:2px solid var(--accent-frame-color);



	box-shadow: 2px 2px 3px 0px #00000044;

}

.SECTION-TITLE-02-01 .section-title > .title-wrap > i

{

	font-size: 2.0em !important;

	color:var(--accent-icon-color);

	margin-right:0.25em;

}

.SECTION-TITLE-02-01 .section-title > .title-wrap > .main

{

	font-size:2.0em;

	color:var(--accent-font-color);

}

.SECTION-TITLE-02-01 .section-title > .title-wrap > .sub

{

	position:absolute;

	top:0.5em;

	left:calc(1.0em + calc(var(--border-radius) / 2));



	font-size:1.0em;

	color:var(--accent-font-color-light);

}



/* 02-02 */

.SECTION-TITLE-02-02 .section-title > .title-wrap

{

	display: flex;

	align-items: center;

	align-content: center;

	justify-content: center;



	padding:1.8em 0.8em 0.8em 0.8em;

	border-radius: var(--border-radius);

	background-color: var(--accent-background-color);

	border:2px solid var(--accent-frame-color);



	box-shadow: 2px 2px 3px 0px #00000044;

}

.SECTION-TITLE-02-02 .section-title > .title-wrap > i

{

	font-size: 2.0em !important;

	color:var(--accent-icon-color);

	margin-right:0.25em;

}

.SECTION-TITLE-02-02 .section-title > .title-wrap > .main

{

	font-size:2.0em;

	color:var(--accent-font-color);

}

.SECTION-TITLE-02-02 .section-title > .title-wrap > .sub

{

	position:absolute;

	top:0.5em;

	left:50%;

	transform:translateX(-50%);



	font-size:1.0em;

	color:var(--accent-font-color-light);

}



/* 02-03 */

.SECTION-TITLE-02-03 .section-title > .title-wrap

{

	display: flex;

	align-items: center;

	align-content: center;

	justify-content: flex-end;



	padding:1.8em calc(0.8em + calc(var(--border-radius) / 2)) 0.8em 0.8em ;

	border-radius: var(--border-radius);

	background-color: var(--accent-background-color);

	border:2px solid var(--accent-frame-color);



	box-shadow: 2px 2px 3px 0px #00000044;

}

.SECTION-TITLE-02-03 .section-title > .title-wrap > i

{

	font-size: 2.0em !important;

	color:var(--accent-icon-color);

	margin-right:0.25em;

}

.SECTION-TITLE-02-03 .section-title > .title-wrap > .main

{

	font-size:2.0em;

	color:var(--accent-font-color);

}

.SECTION-TITLE-02-03 .section-title > .title-wrap > .sub

{

	position:absolute;

	top:0.5em;

	right:calc(1.0em + calc(var(--border-radius) / 2));



	font-size:1.0em;

	color:var(--accent-font-color-light);

}



/* 03-01 */

.SECTION-TITLE-03-01 .section-title > .title-wrap

{

	display: flex;

	align-items: center;

	align-content: center;



	padding:1.8em 0.8em 0.8em calc(0.8em + calc(var(--border-radius) / 2));

	border-radius: var(--border-radius);

	border:2px solid var(--body-frame-color);

	background-color: var(--body-background-color);



	box-shadow: 2px 2px 3px 0px #00000044;

}

.SECTION-TITLE-03-01 .section-title > .title-wrap > i

{

	font-size: 2.0em !important;

	color:var(--body-icon-color);

	margin-right:0.25em;

}

.SECTION-TITLE-03-01 .section-title > .title-wrap > .main

{

	font-size:2.0em;

	color:var(--body-font-color);

}

.SECTION-TITLE-03-01 .section-title > .title-wrap > .sub

{

	position:absolute;

	top:0.5em;

	left:calc(1.0em + calc(var(--border-radius) / 2));



	font-size:1.0em;

	color:var(--body-font-color-light);

}



/* 03-02 */

.SECTION-TITLE-03-02 .section-title > .title-wrap

{

	display: flex;

	align-items: center;

	align-content: center;

	justify-content: center;



	padding:1.8em 0.8em 0.8em 0.8em;

	border-radius: var(--border-radius);

	border:2px solid var(--body-frame-color);

	background-color: var(--body-background-color);



	box-shadow: 2px 2px 3px 0px #00000044;

}

.SECTION-TITLE-03-02 .section-title > .title-wrap > i

{

	font-size: 2.0em !important;

	color:var(--body-icon-color);

	margin-right:0.25em;

}

.SECTION-TITLE-03-02 .section-title > .title-wrap > .main

{

	font-size:2.0em;

	color:var(--body-font-color);

}

.SECTION-TITLE-03-02 .section-title > .title-wrap > .sub

{

	position:absolute;

	top:0.5em;

	left:50%;

	transform:translateX(-50%);



	font-size:1.0em;

	color:var(--body-font-color-light);

}



/* 03-03 */

.SECTION-TITLE-03-03 .section-title > .title-wrap

{

	display: flex;

	align-items: center;

	align-content: center;

	justify-content: flex-end;



	padding:1.8em calc(0.8em + calc(var(--border-radius) / 2)) 0.8em 0.8em ;

	border-radius: var(--border-radius);

	border:2px solid var(--body-frame-color);

	background-color: var(--body-background-color);



	box-shadow: 2px 2px 3px 0px #00000044;

}

.SECTION-TITLE-03-03 .section-title > .title-wrap > i

{

	font-size: 2.0em !important;

	color:var(--body-icon-color);

	margin-right:0.25em;

}

.SECTION-TITLE-03-03 .section-title > .title-wrap > .main

{

	font-size:2.0em;

	color:var(--body-font-color);

}

.SECTION-TITLE-03-03 .section-title > .title-wrap > .sub

{

	position:absolute;

	top:0.5em;

	right:calc(1.0em + calc(var(--border-radius) / 2));



	font-size:1.0em;

	color:var(--body-font-color-light);

}



/* 04-01 */

.SECTION-TITLE-04-01 .section-title > .title-wrap

{

	display: flex;

	align-items: center;

	align-content: center;



	padding:1.8em 0.8em 0.8em calc(0.8em + calc(var(--border-radius) / 2));

	border-radius: var(--border-radius);

	background-color: var(--accent-background-color);

	border:2px solid var(--accent-frame-color);



	box-shadow: 2px 2px 3px 0px #00000044;

}

.SECTION-TITLE-04-01 .section-title > .title-wrap:before

{

	content:"";



	position:absolute;

	top:100%;

	left:calc(1.5em + var(--border-radius));



	width:0;

	height:0;



	border:1.0em solid transparent;

	border-top:1.0em solid var(--accent-frame-color);

}

.SECTION-TITLE-04-01 .section-title > .title-wrap:after

{

	content:"";



	position:absolute;

	top:calc(100% - 3px);

	left:calc(1.5em + var(--border-radius));



	width:0;

	height:0;



	border:1.0em solid transparent;

	border-top:1.0em solid var(--accent-background-color);

}

.SECTION-TITLE-04-01 .section-title > .title-wrap > i

{

	font-size: 2.0em !important;

	color:var(--accent-icon-color);

	margin-right:0.25em;

}

.SECTION-TITLE-04-01 .section-title > .title-wrap > .main

{

	font-size:2.0em;

	color:var(--accent-font-color);

}

.SECTION-TITLE-04-01 .section-title > .title-wrap > .sub

{

	position:absolute;

	top:0.5em;

	left:calc(1.0em + calc(var(--border-radius) / 2));



	font-size:1.0em;

	color:var(--accent-font-color-light);

}



/* 04-02 */

.SECTION-TITLE-04-02 .section-title > .title-wrap

{

	display: flex;

	align-items: center;

	align-content: center;

	justify-content: center;



	padding:1.8em 0.8em 0.8em 0.8em;

	border-radius: var(--border-radius);

	background-color: var(--accent-background-color);

	border:2px solid var(--accent-frame-color);



	box-shadow: 2px 2px 3px 0px #00000044;

}

.SECTION-TITLE-04-02 .section-title > .title-wrap:before

{

	content:"";



	position:absolute;

	top:100%;

	left:calc(50% -0.5em);



	width:0;

	height:0;



	border:1.0em solid transparent;

	border-top:1.0em solid var(--accent-frame-color);

}

.SECTION-TITLE-04-02 .section-title > .title-wrap:after

{

	content:"";



	position:absolute;

	top:calc(100% - 3px);

	left:calc(50% -0.5em);



	width:0;

	height:0;



	border:1.0em solid transparent;

	border-top:1.0em solid var(--accent-background-color);

}

.SECTION-TITLE-04-02 .section-title > .title-wrap > i

{

	font-size: 2.0em !important;

	color:var(--accent-icon-color);

	margin-right:0.25em;

}

.SECTION-TITLE-04-02 .section-title > .title-wrap > .main

{

	font-size:2.0em;

	color:var(--accent-font-color);

}

.SECTION-TITLE-04-02 .section-title > .title-wrap > .sub

{

	position:absolute;

	top:0.5em;

	left:50%;

	transform:translateX(-50%);



	font-size:1.0em;

	color:var(--accent-font-color-light);

}



/* 04-03 */

.SECTION-TITLE-04-03 .section-title > .title-wrap

{

	display: flex;

	align-items: center;

	align-content: center;

	justify-content: flex-end;



	padding:1.8em calc(0.8em + calc(var(--border-radius) / 2)) 0.8em 0.8em ;

	border-radius: var(--border-radius);

	background-color: var(--accent-background-color);

	border:2px solid var(--accent-frame-color);



	box-shadow: 2px 2px 3px 0px #00000044;

}

.SECTION-TITLE-04-03 .section-title > .title-wrap:before

{

	content:"";



	position:absolute;

	top:100%;

	right:calc(1.5em + var(--border-radius));



	width:0;

	height:0;



	border:1.0em solid transparent;

	border-top:1.0em solid var(--accent-frame-color);

}

.SECTION-TITLE-04-03 .section-title > .title-wrap:after

{

	content:"";



	position:absolute;

	top:calc(100% - 3px);

	right:calc(1.5em + var(--border-radius));



	width:0;

	height:0;



	border:1.0em solid transparent;

	border-top:1.0em solid var(--accent-background-color);

}

.SECTION-TITLE-04-03 .section-title > .title-wrap > i

{

	font-size: 2.0em !important;

	color:var(--accent-icon-color);

	margin-right:0.25em;

}

.SECTION-TITLE-04-03 .section-title > .title-wrap > .main

{

	font-size:2.0em;

	color:var(--accent-font-color);

}

.SECTION-TITLE-04-03 .section-title > .title-wrap > .sub

{

	position:absolute;

	top:0.5em;

	right:calc(1.0em + calc(var(--border-radius) / 2));



	font-size:1.0em;

	color:var(--accent-font-color-light);

}



/* 05-01 */

.SECTION-TITLE-05-01 .section-title > .title-wrap

{

	display: flex;

	align-items: center;

	align-content: center;



	padding:1.8em 0.8em 0.8em calc(0.8em + calc(var(--border-radius) / 2));

	border-radius: var(--border-radius);

	border:2px solid var(--body-frame-color);

	background-color: var(--body-background-color);



	box-shadow: 2px 2px 3px 0px #00000044;

}

.SECTION-TITLE-05-01 .section-title > .title-wrap:before

{

	content:"";



	position:absolute;

	top:100%;

	left:calc(1.5em + var(--border-radius));



	width:0;

	height:0;



	border:1.0em solid transparent;

	border-top:1.0em solid var(--body-frame-color);

}

.SECTION-TITLE-05-01 .section-title > .title-wrap:after

{

	content:"";



	position:absolute;

	top:calc(100% - 3px);

	left:calc(1.5em + var(--border-radius));



	width:0;

	height:0;



	border:1.0em solid transparent;

	border-top:1.0em solid var(--body-background-color);

}

.SECTION-TITLE-05-01 .section-title > .title-wrap > i

{

	font-size: 2.0em !important;

	color:var(--body-icon-color);

	margin-right:0.25em;

}

.SECTION-TITLE-05-01 .section-title > .title-wrap > .main

{

	font-size:2.0em;

	color:var(--body-font-color);

}

.SECTION-TITLE-05-01 .section-title > .title-wrap > .sub

{

	position:absolute;

	top:0.5em;

	left:calc(1.0em + calc(var(--border-radius) / 2));



	font-size:1.0em;

	color:var(--body-font-color-light);

}



/* 05-02 */

.SECTION-TITLE-05-02 .section-title > .title-wrap

{

	display: flex;

	align-items: center;

	align-content: center;

	justify-content: center;



	padding:1.8em 0.8em 0.8em 0.8em;

	border-radius: var(--border-radius);

	border:2px solid var(--body-frame-color);

	background-color: var(--body-background-color);



	box-shadow: 2px 2px 3px 0px #00000044;

}

.SECTION-TITLE-05-02 .section-title > .title-wrap:before

{

	content:"";



	position:absolute;

	top:100%;

	left:calc(50% - 0.5em);



	width:0;

	height:0;



	border:1.0em solid transparent;

	border-top:1.0em solid var(--body-frame-color);

}

.SECTION-TITLE-05-02 .section-title > .title-wrap:after

{

	content:"";



	position:absolute;

	top:calc(100% - 3px);

	left:calc(50% - 0.5em);



	width:0;

	height:0;



	border:1.0em solid transparent;

	border-top:1.0em solid var(--body-background-color);

}

.SECTION-TITLE-05-02 .section-title > .title-wrap > i

{

	font-size: 2.0em !important;

	color:var(--body-icon-color);

	margin-right:0.25em;

}

.SECTION-TITLE-05-02 .section-title > .title-wrap > .main

{

	font-size:2.0em;

	color:var(--body-font-color);

}

.SECTION-TITLE-05-02 .section-title > .title-wrap > .sub

{

	position:absolute;

	top:0.5em;

	left:50%;

	transform:translateX(-50%);



	font-size:1.0em;

	color:var(--body-font-color-light);

}



/* 05-03 */

.SECTION-TITLE-05-03 .section-title > .title-wrap

{

	display: flex;

	align-items: center;

	align-content: center;

	justify-content: flex-end;



	padding:1.8em calc(0.8em + calc(var(--border-radius) / 2)) 0.8em 0.8em ;

	border-radius: var(--border-radius);

	border:2px solid var(--body-frame-color);

	background-color: var(--body-background-color);



	box-shadow: 2px 2px 3px 0px #00000044;

}

.SECTION-TITLE-05-03 .section-title > .title-wrap:before

{

	content:"";



	position:absolute;

	top:100%;

	right:calc(1.5em + var(--border-radius));



	width:0;

	height:0;



	border:1.0em solid transparent;

	border-top:1.0em solid var(--body-frame-color);

}

.SECTION-TITLE-05-03 .section-title > .title-wrap:after

{

	content:"";



	position:absolute;

	top:calc(100% - 3px);

	right:calc(1.5em + var(--border-radius));



	width:0;

	height:0;



	border:1.0em solid transparent;

	border-top:1.0em solid var(--body-background-color);

}

.SECTION-TITLE-05-03 .section-title > .title-wrap > i

{

	font-size: 2.0em !important;

	color:var(--body-icon-color);

	margin-right:0.25em;

}

.SECTION-TITLE-05-03 .section-title > .title-wrap > .main

{

	font-size:2.0em;

	color:var(--body-font-color);

}

.SECTION-TITLE-05-03 .section-title > .title-wrap > .sub

{

	position:absolute;

	top:0.5em;

	right:calc(1.0em + calc(var(--border-radius) / 2));



	font-size:1.0em;

	color:var(--body-font-color-light);

}



/* 06-01 */

.SECTION-TITLE-06-01 .section-title > .title-wrap

{

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	align-content: center;

}

.SECTION-TITLE-06-01 .section-title > .title-wrap > i

{

	font-size: 2.4em !important;

	color:var(--accent-icon-color);

	margin-right:0.25em;



	padding:0.25em;

	background-color: var(--accent-background-color);

	border-radius:100%;



}

.SECTION-TITLE-06-01 .section-title > .title-wrap > .main

{

	font-size:2.4em;

	color:var(--body-font-color);

}

.SECTION-TITLE-06-01 .section-title > .title-wrap > .sub

{

	position:absolute;

	bottom:calc(100% + 0.0em);

	left:4.5em;



	font-size:1.0em;

	color:var(--body-icon-color-light);

}



/* 06-02 */

.SECTION-TITLE-06-02 .section-title > .title-wrap

{

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center;

	align-content: center;



	padding-top:3.0em;

	padding-bottom:1.0em;

}

.SECTION-TITLE-06-02 .section-title > .title-wrap > i

{

	position: absolute;

	top: calc(0% - 0.75em);

	left: calc(50% - 0.75em);



	font-size: 2.4em !important;

	color:var(--accent-icon-color);



	padding:0.25em;

	background-color: var(--accent-background-color);

	border-radius:100%;



}

.SECTION-TITLE-06-02 .section-title > .title-wrap > .main

{

	font-size:2.4em;

	color:var(--body-font-color);

}

.SECTION-TITLE-06-02 .section-title > .title-wrap > .sub

{

	position:absolute;

	top:calc(100% - 0.5em);

	left:50%;

	transform: translateX(-50%);



	font-size:1.0em;

	color:var(--body-icon-color-light);

}



/* 06-03 */

.SECTION-TITLE-06-03 .section-title > .title-wrap

{

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	align-content: center;

	justify-content: flex-end;

}

.SECTION-TITLE-06-03 .section-title > .title-wrap > i

{

	font-size: 2.4em !important;

	color:var(--accent-icon-color);

	margin-right:0.25em;



	padding:0.25em;

	background-color: var(--accent-background-color);

	border-radius:100%;

}

.SECTION-TITLE-06-03 .section-title > .title-wrap > .main

{

	font-size:2.4em;

	color:var(--body-font-color);

}

.SECTION-TITLE-06-03 .section-title > .title-wrap > .sub

{

	position:absolute;

	bottom:calc(100% + 0.0em);

	right:0.0em;



	font-size:1.0em;

	color:var(--body-icon-color-light);

}









.title-lv2

{


}

.row.row-title-lv2 {

}


.title-lv2.title-category {
	background-color: var(--color-brown);
	color: #fff;

	font-size: 1.4em;

	font-weight: bold;
	padding: 0.5em 1em;

	margin-bottom: 3em;
}

.title-lv2.title-category .label {
	padding-right: 1em;
}

.title-lv2.title-category  > .main

{

	font-size:1.5em;

}



/* ################################################################################################ */

/* ## TAB                        ################################################################## */

/* ################################################################################################ */

@media screen and (max-width:1040px) {

}



/* ################################################################################################ */

/* ## スマホサイト用スタイル ###################################################################### */

/* ################################################################################################ */

@media screen and (max-width:640px) {
	.section-title {
		font-size: 4em;
	}
	.block-stage-shop .section-title {
		font-size: 1.4em;
	}

	.row.row-title-lv2 {
		padding: 0;
		margin: 0;
	}

	.title-lv2.title-category {
		margin-bottom: 2em;
	}
}