@charset "utf-8";


.document {
	margin-top:0;
}
@media screen and (min-width: 1080px) {
	.document {
		margin-top:0;
	}
	.mainMenu a {
		color:#000000dd;
	}
	.mainMenu a[unlink] {
		color:#00000044;
	}
}
header {
	transition-property:background-color,box-shadow;
}
header[act] {
	background:#ffffff00;
}

.flx0, .flx, .flx1 {
	color:#676767;
}

.flx0[secTitle] {
	margin-bottom:0;
	background:#00000000;
}
.flx0[secTitle] .bk {
	position:absolute;
	inset:0;
	margin:auto;
}
.flx0[secTitle] .bk .green {
	background-image:linear-gradient(#29ada0 20%, #168773 75%);
	height:60%;
}
.flx0[secTitle] .bk .yellow {
	background-color:#fdd000;
	background-image:radial-gradient(circle at 25% 60%, #fedc00, #fdd000 90%);
	position:absolute;
	inset:50% 0 -10%;
	transform-origin:top center;
	transform:skewY(-5deg);
}
.flx0[secTitle] .inner {
	position:relative;
	overflow:hidden;
}
.flx0[secTitle] .izumi {
	display:block;
	max-width:70%;
	margin:10% -10% -20% auto;
}
/*
.sec03 {
	display:none;
	background-color:#00000011;
	height:var(--wwh);
	overflow:hidden;
}*/
@media screen and (min-width:840px) {
	.flx0[secTitle] .bk .yellow {
		transform:skewY(-2deg);
	}
	.flx0[secTitle] .inner {
		overflow:visible;
	}
	.flx0[secTitle] .izumi {
		max-width:50%;
		margin:10% 0 -20% auto;
	}
}

.sec03 .link {
	position:relative;
	display:block;
	background-image:radial-gradient(circle at 25% 60%, #fedc00, #fdd000 90%);
	padding:1em;
	overflow:hidden;
	border-radius:.5em;
	font-size:70%;
}
.sec03 .green {
	position:absolute;
	inset:0 -10% 0 auto;
	width:85%;
	background-image:linear-gradient(#29ada0 20%, #168773 75%);
	transform:skewX(-60deg);
	transition-duration:.7s;
	transition-property:all;
	transition-timing-function:ease-in-out;
}
.sec03 .link:hover .green {
	transform:skewX(-10deg);
	width:40%;
}
.sec03 b {
	position:relative;
	display:block;
	width:fit-content;
	margin:0 0 0 auto;
	color:#ffffff;
}
@media screen and (min-width:840px) {
	.sec03 .link {
		font-size:140%;
	}
}

/*
.sec03 input[type=radio] {
	display:none;
}
.sec03 .inner {
	background-color:#00000011;
	max-width:1280px;
	height:100%;
	margin:auto;
	perspective:900px;
}

.sec03 .inner,
.sec03 .inner * {
	transform-style:preserve-3d;
}
.sec03 .inner .field {
	position:relative;
	width:100%;
	height:100%;
}
.sec03 .inner .boxes {
	position:absolute;
    inset:-40% -32% -40% auto;
    height:125vw;
    width:125vw;
	margin:auto;
	pointer-events:none;
	transition-duration:.2s;
	transition-property:all;
	transform:translateZ(var(--gz)) rotate(var(--gd));
}
.sec03 .boxes .p3d {
	position:absolute;
    inset:0;
    height:100%;
    width:100%;
    margin:auto;
	transition-duration:.2s;
	transition-property:all;
	transform:translateZ(var(--tz)) rotate(var(--td));
}
.sec03 .boxes .glass {
	position:absolute;
	inset:-20%;
	width:140%;
	height:140%;
	background-color:#ffffff11;
}
.sec03 .boxes .boxpic {
	position:absolute;
	inset:auto 29.1% 31% auto;
	width:75%;
	height:auto;
	max-width:none;
	max-height:none;
	pointer-events:all;
}
.sec03 .boxes .round {
	position:absolute;
	inset:-30vw;
	margin:auto;
	width:5vw;
	height:5vw;
	#border:1px solid #ff0000bb;
	border-radius:50%;
}
.sec03 .menux {
	position:absolute;
	display:block;
	inset:auto 2em 2em;
    overflow:auto;
	white-space:nowrap;
	width:fit-content;
	max-width:calc(100% - 4em);
	margin:auto;
	z-index:3;
}
.sec03 .menux li {
	display:inline-block;
	padding:.3em;
	color:#ffffff;
	line-height:1;
	font-size:80%;
	font-weight:bold;
	background-color:var(--mc);
}
.sec03 .menux .rndimg {
	display:inline-block;
	width:2em;
	height:2em;
	border-radius:50%;
	overflow:hidden;
	vertical-align:middle;
}
.sec03 .menux .rndimg img {
	width:100%;
	height:100%;
}
.sec03 .menux .word {
	display:inline-block;
	vertical-align:middle;
}
@media screen and (min-width: 840px) {
	.sec03 .inner .boxes {
    	inset:-20%;
		width:800px;
		height:800px;
	}
}
*/

/*
.flx[sec01] .inner svg,
.flx[sec01] .inner img {
	width:200px;
	max-width:100%;
	max-height:300px;
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));
}
.newrbn {
	position:relative;
	display:block;
	width:200px;
	max-width:100%;
	margin:auto;
	z-index:2;
}
@keyframes anime1a {
	0%  {  transform:skewY(-5deg) rotate3d(0,1,0,calc(-40deg)) rotate3d(1,0,0,calc(0deg)); }
	30% {  transform:skewY(-5deg) rotate3d(0,1,0,calc(-40deg)) rotate3d(1,0,0,calc(65deg)); }
	40% {  transform:skewY(-5deg) rotate3d(0,1,0,calc(-40deg)) rotate3d(1,0,0,calc(55deg)); }
	50% {  transform:skewY(-5deg) rotate3d(0,1,0,calc(-40deg)) rotate3d(1,0,0,calc(60deg)); }
	80% {  transform:skewY(-5deg) rotate3d(0,1,0,calc(-40deg)) rotate3d(1,0,0,calc(0deg)); }
	90% {  transform:skewY(-5deg) rotate3d(0,1,0,calc(-40deg)) rotate3d(1,0,0,calc(15deg)); }
	100% { transform:skewY(-5deg) rotate3d(0,1,0,calc(-40deg)) rotate3d(1,0,0,calc(0deg)); }
}
.newrbn:before {
	position:absolute;
	top:0;
	left:0;
	content:'NEW';
	display:block;
	padding:.5em 2em;
	background-color:#bb3344;
	color:#ffffff;
	width:fit-content;
	perspective:400px;
	line-height:1;
	transform-origin:top left;
	animation:anime1a 6s ease;
	animation-iteration-count:infinite;
	transform:skewY(35deg);
}
*/

.sec02 {
	overflow:hidden;
}
.sec02 .outer h2 .new {
	border:1px solid #000000;
	padding:0.5em 1em;
	width:fit-content;
	line-height:1;
	vertical-align:middle;
	display:inline-block;
	font-size:10%;
	margin-right:.5em;
}
.sec02 .outer h2 svg {
	display:inline-block;
	vertical-align:middle;
	width:auto;
	height:.6em;
}
.sec02 .inner {
	pointer-events:none;
}
.sec02 .inner > div {
    #width: calc(50% - 12px);
}
.sec02 .inner > div > div {
    width:100%;
}
.sec02 .bk {
	position:relative;
	width:90%;
	width: 75%;
	border-radius:50%;
	background-repeat:no-repeat;
	background-size:264%;
	background-position:center center;
	background-image:var(--rbk);
	margin:auto;
	margin:0 0 25% auto;
	pointer-events:all;
}
.sec02 .bk:before {
	content:'';
	display:block;
	padding-top:100%;
}
.sec02 .inner:hover .bk:not(:hover) {
	filter:blur(1px);
}
.sec02 .bk:after {
	content:'';
	display:block;
	position:absolute;
	inset:0;
	margin:auto;
	width:100%;
	height:100%;
	border:1px solid #ffffff00;
	background-image:radial-gradient(#ffffff 35%, #ffffff00 66%);
	#background-image:url(shine.jpg);
	#background-position:center;
	#background-size:150%;
	border-radius:50%;
	mix-blend-mode:screen;
}
.sec02 .bk:not(.ready):after {
	width:40%;
	height:40%;
	border:5px dashed var(--mc);
	animation-duration:5s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-name:titS1;
}
@keyframes titS1 {
   0% { transform:rotate(  0deg); }
  50% { transform:rotate(180deg); }
 100% { transform:rotate(360deg); }
}
.sec02 .bk .rback {
	display:block;
	position:absolute;
	inset:-50%;
	margin:auto;
	width:100%;
	height:100%;
	border-radius:50%;
	overflow:hidden;
	transition-duration:.7s;
	transition-property:all;
	transition-timing-function:ease;
	filter:blur(.2px);
}
.sec02 .bk:not(.ready) .rback {
	filter:blur(3px);
	width:10%;
	height:10%;
}
.sec02 .inner > div:hover {
	z-index:2;
}
.sec02 .bk:hover .rback {
	#filter:blur(4px);
	width:180%;
	height:180%;
}
.sec02 .bk .rback img {
	display:block;
	position:absolute;
	inset:-10%;
	margin:auto;
	width:120%;
	max-width:none;
	max-height:none;
	height:auto;
	transform-origin:center center;
	transition-duration:1s;
	transition-property:all;
	transition-timing-function:ease;
}
.sec02 .bk:not(.ready) .rback img {
	opacity:0;
	transform:scale(7);
}
.sec02 .bk:hover .rback img {
	transform:scale(.9);
}
.sec02 .bk .caser {
	position:absolute;
	display:block;
	inset:0 auto auto 0;
	inset:6.5% 22% auto auto;
	z-index:2;
	transform-origin:center center;
	transition-duration:1s;
	transition-property:all;
	transition-timing-function:ease;
}
.sec02 .bk:not(.ready) .caser {
	opacity:0;
	#transform:scale(1.1);
	#filter:drop-shadow(10px 10px 10px #00000088);
}
.sec02 .bk .recom {
	position:relative;
	text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
	color:#000;
}
.sec02 .bk .recom .flag,
.sec02 .bk .recom:before {
	position:absolute;
	inset:auto auto -.8em 0;
	background-image:url(recom.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	padding:1.6em;
	transform-origin:center;
	transform:rotate(-13deg);
	white-space:nowrap;
}
.sec02 .bk .recom:empty:before {
	content:'発売予定';
	font-size:120%;
}
.sec02 .bk .shadow,
.sec02 .bk h3 {
	position:absolute;
	z-index:2;
	inset:75% auto auto 25%;
	-webkit-text-stroke-width:4px;
	-webkit-text-stroke-color:#ffffff;
	transform-origin:center center;
	transition-duration:1s;
	transition-property:all;
	transition-timing-function:ease;
}
.sec02 .bk :is(.shadow, h3) b {
	font-size:80%;
}
.sec02 .bk h3 {
	color:var(--mc);
	-webkit-text-stroke-color:#ffffff00;
}
.sec02 .bk .shine {
	content:'';
	display:block;
	position:absolute;
	inset:0;
	margin:auto;
	width:50%;
	height:50%;
	border:1px solid #ffffff00;
	background-image:radial-gradient(#000000ff 44%, #00000000 66%);
	border-radius:50%;
	z-index:3;
	mix-blend-mode:color-dodge;
	transform-origin:center center;
	transition-duration:.2s;
	transition-property:all;
	transition-timing-function:ease;
}
.sec02 .bk:is(:not(.ready), .ready2:not(:hover)) .shine {
	opacity:0;
}
.sec02 .bk .shine:before,
.sec02 .bk .shine:after {
	content:'';
	display:block;
	position:absolute;
	inset:0;
	border-radius:50%;
}
.sec02 .bk .shine:before {
	filter:blur(5px);
	width:70%;
	height:70%;
	margin:auto;
	background-color:var(--mc);
	opacity:.3;
}
.sec02 .bk .shine:after {
	filter:blur(5px);
	width:25%;
	height:15%;
	margin:40% auto auto;
	background-color:#ffffff99;
#	animation-duration:.6s;
#	animation-timing-function:ease;
#	animation-iteration-count:infinite;
#	animation-direction:alternate;
}
.sec02 .bk.ready .shine:after {
#	animation-name:titS2;
}
@keyframes titS2 {
	   0% { opacity:.7; }
	 100% { opacity:1; }
}

@media screen and (min-width: 600px) {
	.sec02 .outer h2 .new {
		font-size:30%;
	}
	.sec02 .outer h2 svg {
		height:1em;
	}
	.sec02 .inner {
	    display:-webkit-flex;
	    display:flex;
	    flex-wrap:wrap;
	    -webkit-justify-content:space-between;
	    justify-content:space-between;
	}
	.sec02 .inner > div {
	    width:calc(50% - 12px);
	}
	.sec02 .inner > div:nth-child(2n + 1) {
		transform:translate(-10%, 10%);
	}
}
@media screen and (min-width: 840px) {

	.sec02 .inner > div {
	    width: calc((100% - 36px) / 3);
	}
	.sec02 .inner > div:nth-child(2n + 1) {
		transform:translate(0, 0);
	}
	.sec02 .inner > div:nth-child(3n + 1) {
		transform:translate(-10%, 10%);
	}
	.sec02 .inner > div:nth-child(3n + 2) {
		transform:translate(-5%, 5%);
	}
}

.sec4 .outer {

}
.sec4 .outer ruby {
	font-size:120%;
	width:fit-content;
	margin:auto;
}
.sec4 .inner > div {
	background-color:rgba(26,60,56,.7);
	color: #fff;
	padding: 2em 2em;
}
.sec4 .inner h3 {
	text-align:center;
	font-size:150%;
}
.sec4 .inner .subh3 {
	text-align:center;
	font-size:130%;
	padding:0 0 1em;
}
.sec4 .inner small {
	font-size:70%;
}

.flx[sec01] {
	display:none;
}

[sec05] {
	counter-reset:step;
}
[sec05] .outer {
	font-size:9vw;
}
[sec05] .outer span {
	font-size:50%;
}
[sec05] .inner {
	position:relative;
	background:#f3f3f3;
	font-size:5vw;
}
@media screen and (min-width: 840px) {
	[sec05] .outer {
		font-size:40px;
	}
	[sec05] .inner {
		font-size:30px;
	}
}
[sec05] .inner:not([end]) {
	padding-bottom:0;
}
[sec05] .inner[type1]:before {
	position:absolute;
	content:'';
	display:block;
	border:2px solid #c0c0c0;
	border-style:none solid none solid;
	top:0;
	left:4vw;
	right:4vw;
	bottom:0;
}
[sec05] .inner[type1][start]:before {
	border-top:2px solid #c0c0c0;
	top:4vw;
}
[sec05] .inner[type1][end]:before {
	border-bottom:2px solid #c0c0c0;
	bottom:4vw;
}
[sec05] .inner[type1]:after {
	content:'';
	display:block;
	clear:both;
}
[sec05] .inner[type1] h4 {
	text-align:left;
	padding-left:.5em;
	margin-bottom:15px;
	width:100%;
}
[sec05] .inner[type1] h4:before {
	counter-increment:step;
	content:counter(step)'.';
	font-size:160%;
}
[zebra]:after {
	content:'';
	display:block;
	background-repeat:repeat;
	background-image:linear-gradient(90deg, #1a3c38 0px, #1a3c38 2px, #00000000 2px, #00000000 10px);
	background-size:10px 1px;
	height:15px;
	transform:skewX(-30deg) translateX(-10px);
}
[sec05] .inner[type1] > div {
	width:65%;
}
[sec05] .inner[type1] > div > div {
	font-size:60%;
	text-align:left;
	padding-right:.5em;
}
[sec05] .inner[type1] [image] {
	font-size:3vw;
	width:35%;
	position:relative;
	overflow:hidden;
	--cc:calc(754 / 504);
}
[sec05] .inner[type1] [image]:after,
[sec05] .inner[type1] [image]:before {
	content:'';
	padding-top:calc(100% / var(--cc));
	display:block;
}
[sec05] .inner:nth-of-type(2) [image]:before {
	border-radius:12px;
}
[sec05] .inner:nth-of-type(2) [image] {
	--cc:calc(754 / 632);
}
[sec05] .inner:nth-of-type(3) [image] {
	--cc:calc(754 / 634);
}
[sec05] .inner:nth-of-type(4) [image] {
	--cc:calc(754 / 504);
}
[sec05] .inner[type1] [image] img,
[sec05] .inner[type1] [image]:before {
	position:absolute;
	top:-500px;
	left:-500px;
	right:-500px;
	bottom:-500px;
	margin:auto;
}
[sec05] .inner[type1] [image] img {
	transform:scale(.9) translate(-10px, -10px);
}
[sec05] .inner[type1] [image]:before {
	width:100%;
	height:100%;
	transform:scale(.9) translate(10px, 10px);
	background:#1a3c38;
}
[sec05] .inner[type1] > div:only-child {
	width:100%;
	padding:4vw;
}
[sec05] .inner[type1] > div:only-child span {
	font-family:'Birthstone', serif;
}
[sec05] .inner > div > div[grafout] {
	position:relative;
	width:inherit;
	height:auto;
}
[sec05] .inner > div > div[grafout]:before {
	content:'';
	display:block;
	padding-top:100%;
}
[sec05] [graf] {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
[sec05] [graf] > g {
	fill:url(#cbd.graf);
}
[sec05] [lbl1a] text,
[sec05] [lbl2a] text {
	font-family:auto;
	font-size:14px;
	text-anchor:middle;
	fill:inherit;
}
[sec05] [lbl1a] {
	transform:translate(-86px,64px) scale(1.1);
}
[sec05] [lbl1a] text:nth-of-type(1) {
	alignment-baseline:after-edge;
}
[sec05] [lbl1a] text tspan,
[sec05] [lbl2a] text:nth-of-type(1),
[sec05] [lbl2a] text:nth-of-type(2) {
	font-family:'Birthstone', serif;
}
[sec05] [lbl1a] text:nth-of-type(1) tspan:nth-of-type(1) {
	font-size:300%;
}
[sec05] [lbl1a] text:nth-of-type(1) tspan:nth-of-type(2) {
	font-size:250%;
}
[sec05] [lbl1a] text:nth-of-type(2) {
	transform:translate(72px,-9px);
	font-size:10px;
}
[sec05] [lbl2a] {
	transform:translate(86px,64px) scale(1.1);
}
[sec05] [lbl2a] text:nth-child(1) {
	transform:translate(5px,-9px);
	font-size:63px;
	alignment-baseline:middle;
}
[sec05] [lbl2a] text:nth-child(1) tspan {
	font-size:99%;
}
[sec05] [lbl2a] text:nth-child(2) {
	transform:translate(0px,21px);
	font-size:40px;
}
[sec05] [lbl2a] > text:nth-child(3) {
	transform:translate(39px,-26px);
	font-size:10px;
}
[sec05] [grf1] {
	transform:translate(-86px,163px) scale(1.2);
}
[sec05] [grf1] > rect:nth-child(2) {
	transform:translateY(-2px) scaleY(73);
}
[sec05] [grf2] {
	transform:translate(86px,163px) scale(1.2);
}
[sec05] [grf3] {
	transform:translate(5px,162px) scale(.9, 1.2);
	stroke:url(#cbd.graf);
	stroke-width:0.5;stroke-miterlimit:10;stroke-dasharray:3,3;
}
[sec05] [grf2] > rect:nth-child(2) {
	transform:translateY(-2px) scaleY(1);
}
[sec05] [lbl1b] {
	transform:translate(-85px,195px) scale(1.2);
}
[sec05] [lbl1b] text {
	fill:inherit;
	alignment-baseline:central;
	font-size:22px;
	font-family:auto;
}
[sec05] [lbl2b] {
	transform:translate(85px,195px) scale(1.2);
}
[sec05] [lbl1c] {
	transform:translate(-50px,250px);
}
[sec05] [lbl1c] text {
	fill:inherit;
	alignment-baseline:central;
	font-size:12px;
	font-family:auto;
}
[sec05] [lbl2c] {
	transform:translate(70px,280px);
}
[sec05] [lbl2c] text {
	font-size:12px;
	fill:inherit;
	font-family:auto;
}
@media screen and (min-width:840px) {
	[sec05] .inner > div > div[grafout]:before {
		padding-top:75%;
	}
	[sec05] [lbl1a] {
		transform:translate(-96px,46px);
	}
	[sec05] [lbl2a] {
		transform:translate(96px,46px);
	}
	[sec05] [grf1] {
		transform:translate(-96px,133px);
	}
	[sec05] [grf2] {
		transform:translate(96px,133px);
	}
	[sec05] [grf3] {
		transform:translate(0,133px);
	}
	[sec05] [lbl1b] {
		transform:translate(-100px,155px);
	}
	[sec05] [lbl2b] {
		transform:translate(100px,155px);
	}
	[sec05] [lbl1c] {
		transform:translate(-90px,190px);
	}
	[sec05] [lbl1c] text {
		font-size:8px;
	}
	[sec05] [lbl2c] {
		transform:translate(90px,190px);
	}
	[sec05] [lbl2c] text {
		font-size:8px;
	}
	[sec05] .inner[type1]:before {
		left:24px;
		right:24px;
	}
	[sec05] .inner[type1][start]:before {
		border-top:2px solid #c0c0c0;
		top:24px;
	}
	[sec05] .inner[type1][end]:before {
		border-bottom:2px solid #c0c0c0;
		bottom:24px;
	}
	[sec05] .inner[type1] > div:only-child {
		padding:24px;
	}
	[sec05] .inner[type1] > div {
		width:50%;
	}
	[sec05] .inner[type1] > div > div {
		font-size:70%;
	}
	[sec05] .inner[type1] > p {
		font-size:20px;
		width:50%;
	}
	[sec05] .inner[type1] [image] {
		width:50%;
	}
}

.sec6 .outer {
	text-align:center;
	font-size:9vw;
	width:100%;
}
.sec6 .outer span {
	font-size:50%;
	display:block;
}
@media screen and (min-width: 840px) {
	.sec6 .outer {
		font-size:40px;
	}
}

.sec6 .inner {
	font-size:2.5vw;
}
@media screen and (min-width:840px) {
	.sec6 .inner {
		font-size:19px;
	}
}
.sec6 p {
	word-break: normal;
}
.sec6 .outer {
	padding-top:1em;
	padding-bottom:0;
}
.sec6 .inner {
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	padding-top:0;
	counter-reset:step;
}
.sec6 .inner > div {
	position:relative;
	width:calc(50% - 12px);
	display:block;
	margin-bottom:24px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	counter-increment:step;
}
.sec6 .inner > div:before {
	content:'';
	display:block;
	padding-top:100%;
}
.sec6 .inner > div > img {
	position:absolute;
	inset:0 0 auto;
	border:1px solid #000000;
}
.sec6 .inner > div > div {
	position:absolute;
	inset:0 auto auto 0;
	padding:.5em 1em;
	font-size:100%;
}
.sec6 .inner > div > div:before,
.sec6 .inner > div > div:after {
	display:block;
	line-height:1.1;
	text-align:center;
}
.sec6 .inner > div > div:before {
	content:'STEP';
	font-size:80%;
}
.sec6 .inner > div > div:after {
	content:'0'counter(step);
	font-size:200%;
	border-bottom:2px solid var(--gre1);
}
.sec6 .inner > div > h3 {
	padding-top:1em;
	font-size:110%;
}
.sec6 .inner > div > h3 p {
	width:90%;
	margin:0 auto;
}
@media screen and (min-width:840px) {
	.sec6 .inner > div {
		width:calc((100% - 72px) / 4);
		display:block;
		margin-bottom:0;
	}
	.sec6 .inner > div > div {
		font-size:80%;
	}
	.sec6 .inner > div > h3 {
		font-size:50%;
	}
}

/*
.flx[sec01] .inner .inew svg {
	height:200px;
}
.flx[sec01] .inner svg use {
	fill:#000000;
	filter:url(#nico1_shadow1);
}
.flx[sec01] .inner > div > div {
	width:100%;
}
.flx[sec01] .inner a {
	display:block;
	font-size:14px;
}
@media screen and (min-width:840px) {
	.flx[sec01] .inner > div {
		align-items:flex-start;
		padding-bottom:5em;
	}
	.flx[sec01] .inner > div:nth-child(odd) {
		width:calc(25% - 12px);
	}
	.flx[sec01] .inner > div:nth-child(even) {
		width:calc(75% - 12px);
		justify-content:flex-start;
	}
	.flx[sec01] .inner a {
		font-size:14px;
	}
}
.flx[sec01] .inner a .smallTitle {
	font-size:110%;
	font-weight:700;
}
.flx[sec01] .inner a h3 {
	font-size:150%;
	line-height:1;
	color:#000;
}
.flx[sec01] .inner a small {
	font-size:70%;
	display:inline-block;
	margin-left:2em;
}
.flx[sec01] .inner a p {
	padding:1em;
}
.flx[sec01] .inner a p {
	padding:1em;
}
.flx[sec01] .inner a:after {
	content:'購入はこちら→';
	display:block;
	margin-left:auto;
	width:fit-content;
}
.flx[sec01] .inner > div:nth-child(odd):hover + div > div a:after,
.flx[sec01] .inner > div:nth-child(even) > div a:hover:after {
	content:'購入はこちら →';
	font-weight:700;
}
*/