@charset "utf-8";

/* ========================================================
	cheese_omelette.css
======================================================== */

.arial {
	font-family: "arial", sun-serif;
}

.black {
	font-family: "arial black", sun-serif;
}

#cheese_omelette section .row:after {
	display: none;
}

.page-cheese_omelette {
	font-size: 1.6rem;
}

.page-cheese_omelette h1,
.page-cheese_omelette h2,
.page-cheese_omelette h3,
.page-cheese_omelette .price {
	font-family: "arial black", "arial", sun-serif;
}

.row {
	width: 100%;
	max-width: 1090px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.rights_row {
	width: 100%;
	padding-left: calc(50vw - 545px);
	position: relative;
}

.imgs {
	position: relative;
}

.imgs > img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px;
	line-height: 1;
}

.imgs > img + img {
	margin-top: 4rem;
}

.tate {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.abs {
	position: absolute;
}

.right_top {
	top: 0px;
	right: 0px;
}

.right_bottom {
	right: 0px;
	bottom: 0px;
}

.img_right {
	margin-left: auto;
	margin-right: 0px;
	display: block;
}

.page-cheese_omelette p {
	font-size: 2rem;
}



.bg_orange span {
	background: #f5ab2d;
}

.bg_orange_anime span {
	position: relative;
	display: inline-block;
}

.bg_orange_anime span:before {
	z-index: -1;
	content: '';
	display: block;
	width: 1.5em;
	height: 0%;
	opacity: 1;
	background: #f5ab2d;
	transition: all 0.3s;
	position: absolute;
	left: 0.1em;
	top: -0.1em;
}

.bg_orange_anime.active span:before {
	height: 100%;
	opacity: 1;
}

.bg_orange_anime span:nth-of-type(1):before {
	transition-delay: 1.5s;
}

.bg_orange_anime span:nth-of-type(2):before {
	transition-delay: 2s;
}

.bg_orange_anime span:nth-of-type(3):before {
	transition-delay: 2.5s;
}

.bg_orange_anime span:nth-of-type(4):before {
	transition-delay: 3s;
}



.li_orange li span {
	position: relative;
	display: inline-block;
}

.li_orange li span:before {
	content: '';
	display: block;
	background: #f5ab2d;
	width: 0%;
	height: 1em;
	position: absolute;
	top: 0.4em;
	left: 0px;
	z-index: -1;
	transition: all 0.3s;
}

.li_orange.active span:before {
	width: 100%;
	opacity: 1;
}

.li_orange.active li:nth-of-type(1) span:before {
	transition-delay: 0.5s;
}

.li_orange.active li:nth-of-type(2) span:before {
	transition-delay: 1s;
}

.li_orange.active li:nth-of-type(3) span:before {
	transition-delay: 1.5s;
}

.li_orange.active li:nth-of-type(4) span:before {
	transition-delay: 2s;
}

#thought h2,
.item h3,
#catchcakes .tit h2,
.page-cheese_omelette .price {
	color: #FFF;
	text-shadow: 1px 1px 0 #0d1d37, -1px 1px 0 #0d1d37, 1px -1px 0 #0d1d37, -1px -1px 0 #0d1d37;
	line-height: 1.1;
}

.page-cheese_omelette .price {
	font-size: 5.3rem;
}

.page-cheese_omelette .price small {
	font-size: 0.8em;
}


#mv .tit {
	padding-top: 202px;
	position: relative;
}

#mv h1 {
	position: relative;
	z-index: 10;
	font-size: 11rem;
	letter-spacing: 0.1em;
	color: #0d1d37;
	line-height: 1.2;
	margin-bottom: 4rem;
	width: 92vw;
	max-width: 1090px;
	margin: 0px auto;
	position: relative;
	bottom: -10rem;
	margin-bottom: 10rem;
}

#mv h1.anime span {
	position: relative;
	opacity: 0;
	transition: all 1s;
	transform: translateX(-20px);
	display: block;
}

#mv h1.anime.active span {
	opacity: 1;
	transform: translateX(0px);
}

#mv h1.anime.active span:nth-of-type(1) {
	transition-delay: 1.5s;
}

#mv h1.anime.active span:nth-of-type(2) {
	transition-delay: 2s;
}

#mv h1.anime.active span:nth-of-type(3) {
	transition-delay: 2.5s;
}


#mv .tit_bg {
	margin: 0px auto;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/mv_cake_bg.jpg) center top no-repeat;
	background-size: 100% 100%;
	height: 600px;
	overflow: hidden;
	display: flex;
	align-items: flex-start;
}

#mv .tit_bg img#mv_cake {
	position: relative;
	display: block;
	max-width: 100%;
	margin: 0px auto;
	width: 100%;
	height: auto;
}


@media screen and (max-width: 1200px),
print {
	#mv .tit_bg {
		align-items: flex-end;
	}

}

#mv p + p {
	margin-top: 2rem;
}

#mv p em {
	font-size: 4.8rem;
	line-height: 1.2;
	font-weight: bold;
	display: block;
}

#mv .mark {
	margin-top: -2rem;
	padding: 7rem 0px 15rem;
}

#mv .mark .mark_img {
	position: absolute;
	right: 0px;
	/*top: 50%;
	margin-top: -124px;*/
	transition-timing-function: ease-in;
}


.lp_menu {
	background: #f5ab2d;
}

.lp_menu ul {
	display: flex;
	width: 92vw;
	max-width: 920px;
	margin: 0px auto;
	justify-content: space-around;
	align-items: center;
}

.lp_menu ul li a {
	transition: all 0.4s;
	text-decoration: none;
	display: block;
	font-weight: bold;
	color: #0d1d37;
	padding: 2rem;
}

.lp_menu ul li a:hover {
	background: #be9756;
}

#thought {
	padding-top: 15rem;
}

#thought .row {
	display: flex;
	align-items: center;
}

#thought .imgs {
	width: 652px;
	flex-shrink: 0;
}

#thought h2 {
	font-size: 11rem;
	left: -11rem;
	position: relative;
	letter-spacing: 0.1em;
	text-shadow: 1px 1px 0 #0d1d37, -1px 1px 0 #0d1d37, 1px -1px 0 #0d1d37, -1px -1px 0 #0d1d37;
}

#handmade {
	padding-top: 15rem;
}

#handmade .tit .main1 {
	margin-bottom: 3rem;
}

#handmade .tit .row.col2 {
	display: flex;
	justify-content: space-between;
}

#handmade .tit .row.col2 > div {
	flex-basis: 48%;
	max-width: 48%;
}


#handmade h2 {
	color: #FFF;
	font-size: 11rem;
	position: absolute;
	left: -10px;
	bottom: 1em;
	text-shadow: 1px 1px 0 #0d1d37, -1px 1px 0 #0d1d37, 1px -1px 0 #0d1d37, -1px -1px 0 #0d1d37;
}

#fresh {
	padding-top: 15rem;
}

#fresh > .row {}

#fresh h2 {
	position: absolute;
	left: 0.5em;
	top: -0.5em;
	transform: rotate(90deg);
	color: #dadf00;
	line-height: 1;
	font-size: 11rem;
	transform-origin: center left;
	letter-spacing: 0.1em;
}

#fresh .fresh_main {
	padding-left: 15rem;
}

#fresh h2 + p {
	width: 265px;
	margin: 4rem 0px;
	margin-left: 15rem;
}

#lineup {
	padding-top: 15rem;
}

#lineup .tit {
	background: url(../images/lineup_main.jpg) center top no-repeat;
	background-size: 100% auto;
	padding-top: 600px;
	position: relative;
	margin-bottom: 4rem;
}

#lineup .tit h2 {
	font-size: 12rem;
	width: 92vw;
	max-width: 1090px;
	color: #FFF;
	margin-left: auto;
	margin-right: auto;
	letter-spacing: 0.1em;
	line-height: 0.75em;
	text-shadow: 1px 1px 0 #0d1d37, -1px 1px 0 #0d1d37, 1px -1px 0 #0d1d37, -1px -1px 0 #0d1d37;
}

#lineup .lead {
	font-weight: bold;
	font-size: 4.6rem;
	letter-spacing: 1em;
	position: absolute;
	right: 1rem;
	top: -29rem;
}

#lineup .lead span {
	position: relative;
	display: inline-block;
}

#lineup .lead em {
	font-weight: bold;
	color: #FFF;
}

.item {
	max-width: 840px;
	margin: 0px auto 10rem;
}

.item .imgs {
	margin-bottom: 4rem;
	padding: 0px;
}

.item h3 {
	font-size: 5.3rem;
	color: #FFF;
}

.item .col2.just {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.item .col2.just form {
	display: flex;
	align-items: center;
}

.item .col2.just form dl {
	display: flex;
	align-items: center;
	margin-right: 2rem;
}

.item form button {
	width: 250px;
	text-align: center;
	background-color: #be9756;
	border: 0;
	color: #fff;
	font-size: 1.5rem;
}

.item form button span {
	display: inline-block;
	padding: 8px 10px 8px 32px;
	background: url(../../images/ico_cart.png) no-repeat 0;
	-webkit-background-size: 24px;
	background-size: 24px;
}

.item form dl select {
	height: 32px;
	padding: 0 40px 0 1em;
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAUCAYAAADPym6aAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM1MiwgMjAyMC8wMS8zMC0xNTo1MDozOCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REY4QjQ4RTRBRjc3MTFFQUFBQUQ5RUZEQ0IxODA3RTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REY4QjQ4RTNBRjc3MTFFQUFBQUQ5RUZEQ0IxODA3RTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzcxOUMwMEM0QkFCMTFFQTgwNzZGNzJFNEFBQkRFRDgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzcxOUMwMEQ0QkFCMTFFQTgwNzZGNzJFNEFBQkRFRDgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7I7BWeAAAA6UlEQVR42mL8//8/w3AATAzDBIx6ZLABFnSB5ORkGFMJiJ8D8XcyzdYC4utA/H/u3LkDFiOaQHwUiNcDMScZ5joD8WkgngbEjAOVtJSBeB8QSwCxOxmeAXliExBzAXEGEE8cKI+AktMVJD4pnkH2BAj8AuIDA+WRb0DsD8R7SPQMNk9EAvG6gSy1SPXMgHqCUPEL88xuAp4ZcE8QU4+APBOAxzODwhPEVoi4PLNvsHiClJodm2csBosnSG2iYPMMCPweaE+Q09ZC98yvweAJchuNMM9sBeIoIF47GBqNjKMdq1GP0AYABBgANtdG3naEDO8AAAAASUVORK5CYII=) no-repeat 100%;
	-webkit-background-size: 25px;
	background-size: 25px;
	border: 1px solid #918b8a;
	text-align: center;
}

#sound {
	margin-top: 15rem;
}

#sound .tit {
	width: 50%;
	max-width: 595px;
	flex-shrink: 0;
}

#sound .tit h2 {
	font-size: 60px;
	font-weight: bold;
	color: #0d1d37;
	font-family: arial, sun-serif;
	letter-spacing: 0.1em;
	line-height: 1.5;
}

.lineer span {
	display: block;
}

.lineer.anime span {
	position: relative;
	opacity: 0;
	transition: all 1s;
	transform: translateX(-20px);
	display: block;
}

.lineer.anime.active span {
	opacity: 1;
	transform: translateX(0px);
}

.lineer.anime.active span:nth-of-type(1) {
	transition-delay: 0s;
}

.lineer.anime.active span:nth-of-type(2) {
	transition-delay: 0.5s;
}

.lineer.anime.active span:nth-of-type(3) {
	transition-delay: 1s;
}

.lineer_down.anime span {
	display: inline-block;
	position: relative;
	opacity: 0;
	transition: all 0.3s;
	transform: translateY(10px);
}

.lineer_down.anime.active span {
	opacity: 1;
	transform: translateY(0px);
}


#sound h4 {
	border: 1px solid #0d1d37;
	font-size: 3.2rem;
	padding: 1rem;
	font-weight: normal;
	display: inline-block;
	line-height: 1.1;
	margin: 4rem 0px;
}

#voice {
	margin-top: 15rem;
}

#voice .bg {
	background: url(../images/voice_main.jpg) center top no-repeat;
	background-size: 100% auto;
	padding-top: 600px;
	opacity: 0.5;
}

#voice h2 {
	font-size: 12rem;
	font-weight: bold;
	color: #244c90;
	font-family: arial, sun-serif;
	letter-spacing: 0.1em;
	line-height: 1.1;
	position: relative;
	margin-top: -12rem;
}

#voice h2 span {
	display: block;
}

#voice h3 {
	color: #244c90;
	font-size: 4.4rem;
	margin: 4rem 0px 0rem;
}

#voice .col2_rev:after {
	display: none;
}

#voice p + p {
	margin-top: 2rem;
}

#voice p.lead {
	color: #244c90;
	font-size: 2.6rem;
}


#arrange {
	margin-top: 10rem;
	padding: 10rem 0px;
	background: #FFF;
}

#arrange h2 {
	font-size: 6rem;
	color: #0d1d37;
	letter-spacing: 0.1em;
	line-height: 1.4;
}

#arrange h3 {
	font-weight: bold;
	font-family: sun-serif;
	line-height: 1.3;
	font-size: 4.4rem;
	margin: 4rem 0px;
	letter-spacing: 0.1em;
}

#arrange h3 small {
	font-size: 2.4rem;
	display: block;
}

#arrange > .row.w880 {
	max-width: 880px;
	display: flex;
	justify-content: space-between;
}

#arrange > .row.w880 > div {
	max-width: 48%;
	flex-basis: 48%;
}

#catchcakes {
	padding-top: 10rem;
}

#catchcakes .catchcakes_mv {
	background: url(../images/catchcakes_main.jpg) center top no-repeat;
	background-size: 100% auto;
	height: 660px;
	opacity: 0.5;
}

#catchcakes h2 {
	text-align: center;
	font-size: 60px;
	color: #0d1d37;
	margin-bottom: 3rem;
	letter-spacing: 0.1em;
}

#catchcakes .tit {
	z-index: 10;
	position: relative;
}

#catchcakes .tit h2 {
	color: #FFF;
	text-align: left;
	width: 92vw;
	max-width: 840px;
	line-height: 1.2;
	font-size: 7.6rem;
	margin: -7rem auto 3rem;
}

#catchcakes .tit p {
	width: 345px;
	margin-left: calc(50vw - 420px);
	margin-right: auto;
}

#catchcakes .item .imgs {
	margin-top: -12rem;
}

#catchcakes .item .imgs img {
	max-width: 420px;
	margin: 0px 0px -15rem auto;
}

#catchcakes .center a.cake_btn {
	display: block;
	padding: 1rem 2rem;
	color: #FFF;
	width: 80%;
	max-width: 400px;
	text-align: center;
	text-decoration: none;
	margin: 3rem auto;
	background: #ea6000;
}

#catchcakes .center a.cake_btn:hover {
	opacity: 0.6;
}

@media screen and (min-width: 769px),
print {

	#container {
		padding: 0px 0px 100px;
		background: none;
		width: 100%;
		max-width: none;
	}

	#container::before {
		display: none;
	}

	#thought .right_top {
		right: 2rem;
		font-size: 2.6rem;
		font-weight: bold;
	}

	#thought .right_bottom {
		width: 210px;
	}

	#sound > .rights_row {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		margin-bottom: 10rem;
	}

	#handmade .tit + p {
		margin: 5rem 0px;
		max-width: 560px;
	}

	#handmade .handmade_copy {
		width: 285px;
		position: absolute;
		left: 50%;
		margin-left: 260px;
		top: 320px;
	}

	#handmade .handmade_img2 {
		margin-top: -100px;
		position: relative;
	}

	.item .left_bottom {
		position: absolute;
		left: 0px;
		bottom: 0px;
	}

	#voice .col2_rev {
		margin-top: 5rem;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}

	#voice .col2_rev > div {
		width: 447px;
	}

	#voice .col2_rev > .sp_col2 {
		width: 540px;
	}

	#voice .col2_rev > .sp_col2 .imgs {}

	#voice .col2_rev > .sp_col2 div + div {
		margin-top: 2rem;
	}

}

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



	.page-cheese_omelette {
		background-color: #fcf9ee;
	}

	.page-cheese_omelette p {
		font-size: 1.5rem;
	}

	.page-cheese_omelette #container {
		padding-top: 0px;
	}

	#container::before {
		display: none;
	}

	#mv .tit_bg {
		height: 60vw;
	}

	#mv h1 {
		font-size: 3.4rem;
		bottom: auto;
		top: -15vw;
		margin: 0px auto;
		width: 80vw;
	}

	#mv .mark {
		padding: 0px;
		width: 80vw;
		margin: -10vw auto 10vw;
	}

	#mv .mark .mark_img {
		position: relative;
		right: auto;
		/*top: auto;*/
		margin: 2rem auto;
	}

	#mv .mark .mark_img img {
		margin: 0px auto;
		display: block;
		max-width: 40vw;
	}

	#mv p {
		text-align: center;
	}

	#mv p em {
		font-size: 2.8rem;
		letter-spacing: 0.2em;
	}

	#mv p + p {
		margin-top: 1rem;
	}

	.lp_menu ul {
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}

	.lp_menu ul li {
		box-sizing: border-box;
		border-top: 1px solid #FFF;
		flex-grow: 1;
		width: 50%;
	}

	.lp_menu ul li:nth-of-type(odd) {
		border-right: 1px solid #FFF;
	}

	.lp_menu ul li a {
		padding: 0px;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 16vw;
		text-align: center;
		line-height: 1.4;
	}


	#handmade,
	#fresh,
	#lineup,
	#catchcakes,
	#thought {
		padding-top: 16vw;
	}

	#handmade .rights_row > *.delay_05,
	#handmade .rights_row > *.delay_15,
	#thought .anime.anime.delay_1 {
		transition-delay: 0s;
	}

	#fresh > .row,
	#lineup > .row,
	#sound > .row,
	#voice > .row,
	#thought .row {
		display: block;
		width: 92vw;
	}

	#thought .right_top {
		font-size: 2.6rem;
		position: relative;
		margin: 0px auto 2rem;
		right: auto;
		top: auto;
	}

	#thought .imgs {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	#thought h2 {
		font-size: 4rem;
		left: auto;
		top: auto;
		margin: -3.8rem auto 2rem;
		width: 100%;
	}

	#thought .right_bottom {
		position: relative;
	}

	#handmade h2 {
		font-size: 4rem;
		position: relative;
		left: 0px;
		bottom: auto;
		margin-top: -5rem;
	}

	#handmade > .row,
	#handmade > .rights_row {
		width: 92vw;
		margin-left: auto;
		margin-right: auto;
	}

	#handmade .tit + p {
		margin: 0rem 0px 4rem;
	}

	#handmade .rights_row > * {
		margin-top: 2rem;
	}

	#handmade .rights_row > .handmade_img1 {
		width: 70vw;
		margin-right: 0px;
		margin-left: auto;
	}

	#fresh h2 {
		font-size: 4rem;
	}

	#fresh h2 + p {
		padding-left: 5rem;
		margin: 1rem auto;
		width: auto;
	}

	#fresh .fresh_main {
		padding-left: 5rem;
	}

	#lineup .tit {
		padding-top: 40vw;
		margin-bottom: 2rem;
	}

	#lineup .tit h2 {
		font-size: 4rem;
	}

	#lineup .lead.tate {
		margin-bottom: 1rem;
		writing-mode: horizontal-tb;
		-ms-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
		letter-spacing: 0.1em;
		font-size: 2rem;
		position: relative;
		top: auto;
		right: auto;
	}

	#lineup .lead.tate em {
		color: inherit;
	}

	.item {
		margin: 2rem auto 4rem;
	}

	.item .left_bottom {
		margin-top: -3rem;
	}

	.item h3,
	.page-cheese_omelette .item .price {
		font-size: 3rem;
	}

	.item .col2.just form,
	.item .col2.just {
		display: block;
		margin: 1rem 0px;
	}

	.item form button {
		margin-top: 2rem;
		width: 100%;
	}

	#voice,
	#sound {
		margin-top: 0px;
		padding-top: 10vw;
	}

	#sound .rights_row {
		width: 92vw;
		margin: 0px auto;
		display: block;
	}

	#sound .rights_row > .imgs {
		display: none;
	}

	#sound .tit {
		width: 100%;
		margin-bottom: 2rem;
	}

	#sound .tit h2 {
		font-size: 3rem;
		padding: 13vw 0px;
		background: url(../images/sound_main.jpg) right center no-repeat;
		background-size: auto 100%;
	}

	#sound h4 {
		font-size: 1.8rem;
		margin: 3rem 0px;
	}

	#voice .bg {
		height: 40vw;
		padding-top: 0px;
	}

	#voice h2 {
		font-size: 4rem;
		text-align: center;
		margin-top: 2rem;
	}

	#voice h2 span {
		display: inline-block;
	}

	#voice h3 {
		font-size: 2rem;
		margin: 1rem auto 0px;
		text-align: center;
	}

	#voice p.lead {
		font-size: 1.7rem;
		text-align: center;
	}

	#voice .row.sp_col2 {
		display: flex;
		margin-top: 2rem;
	}

	#voice .row.sp_col2 > * {
		flex-basis: 50%;
		max-width: 50%;
	}

	#voice .row.sp_col2 > .img + .img {
		margin-top: 0px;
	}

	#catchcakes .item,
	#catchcakes .tit {
		width: 92vw;
		margin-left: auto;
		margin-right: auto;
	}

	#catchcakes h2 {
		font-size: 3rem;
	}

	#catchcakes .catchcakes_mv {
		height: 40vw;
	}

	#catchcakes .tit h2 {
		font-size: 4rem;
		margin: -3rem auto 2rem;
	}

	#catchcakes .tit p {
		width: auto;
		margin: 2rem auto;
	}

	#catchcakes .item .imgs {
		margin: 0px auto;
	}

	#catchcakes .item .imgs img {
		margin: 0px 0px -6rem 0px;
	}


}

/* ========================================================
	20210512追加
======================================================== */

.circle_li > li.red {
	color: red;
	padding-left: 0;
	font-size: 1.5rem;
}

.circle_li > li.red::before {
	content: "";
}


.sound_btn{
	margin-top: 30px;
}
.sound_btn > a{
	display:block;
	transition: 0.3s;
}
@media screen and (min-width: 769px) {
	.sound_btn{
		width: 180px;
	}
	.sound_btn img{
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.sound_btn{
		text-align: center;
		width:40%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
}
.sound_btn_top{
	position:absolute;
	z-index:100;
}
@media screen and (min-width: 769px) {
	.sound_btn_top{
		width: 250px;
		right: 30px;
		bottom:50px;
	}
	.sound_btn_top > a:hover{
		transform: rotate(15deg);
	}
}
@media screen and (max-width: 768px) {
	.sound_btn_top{
		width: 40vw;
	}
	.sound_btn_top > a{
		display:block;
		width: 100%;
	}
}


.remodal{
	background: none;
}
@media screen and (min-width: 769px) {
	.remodal{
		width: 390px;
	}
	.modal-movie{
		margin: 0 auto;
	}
}
.modal-movie #video{
	margin:0 auto;
}
@media screen and (max-width: 768px) {
	.modal-movie #video{
		width:100%;
		max-height: 80vh;
	}
}


.mv-info{
	position: absolute;
	top:20px;
	left:50%;
	transform: translateX(-50%);
	z-index: 2;
	line-height: 1;
	font-size:1.6rem;
	width:100%;
	text-align: center;
}
.mv-info-text{
	background-color:#fff;
	display: inline-block;
	padding:0.5em 1em 0.4em;
	border-radius: 2em;
}
.popup-btn[href]{
	background-color:#EB612A;
	color:#fff;
	text-decoration: none;
	display: inline-block;
	font-size:0.9em;
	padding:0.3em 0.7em;
}
.modal-wrap-qas{
	background:url(../images/bg_modal.jpg)top center no-repeat #fff;
	width:620px;
	border-radius: 30px;
	background-size:75%;
}
.modal-title{
	font-size:2.4rem;
	margin-bottom:3em;
}
.modal-wrap-qas .modal-text{
	font-size:1.6rem;
}
.modal-wrap-qas .remodal-close{
	top:10px;
	left:10px;
}
@media screen and (min-width: 769px) {
	.modal-qas{
		margin: 0 auto;
		padding:30px 20px;
	}
}
@media screen and (max-width: 768px) {
	.modal-wrap-qas{
		width:90%;
		background-size:100%;
		padding:30px;
	}
	.modal-qas{
		padding:0px;
	}
	.modal-title{
		font-size:1.8rem;
		margin-top:1em;
		margin-bottom:3em;
	}
	.modal-wrap-qas .modal-text{
		font-size:1.2rem;
		text-align: left;
	}
}


.efforts{
	margin-top:10rem;
}

.efforts .efforts_text{
	text-align: center;
}

.efforts .center a.cake_btn {
	display: block;
	padding: 1rem 2rem;
	color: #FFF;
	width: 80%;
	max-width: 400px;
	text-align: center;
	text-decoration: none;
	margin: 3rem auto;
	background: #ea6000;
}

.efforts .center a.cake_btn:hover {
	opacity: 0.6;
}

@media screen and (max-width: 768px) {
	.efforts .row{
		width:92vw;
		margin-left:auto;
		margin-right:auto;
	}
}