@charset "utf-8";

html {
	font-size: 18px;
}
body {
  font-family: "Montserrat","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  font-size: 18px;
  letter-spacing: .025em;
  color: #111;
	word-wrap: break-word;
    overflow-wrap: break-word;
}
a {
  transition: opacity .2s;
  text-decoration: none;
  color: /*#1ca9e3*/#fd445e;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  border-style: none;
}
.pc-only {
  display: inline-block;
}
.sp-only {
  display: none;
}
.display-none {
	display: none;
}
/*--------------------------------
 レイアウト
---------------------------------*/
.wrapper {
  /*padding-top: 66px;*/
	/*min-height: 100dvh;	*/
}
.section {
  padding: 72px 0; display: block;
}
.common .section {
  padding: 44px 0 60px; display: block;
}
.section:nth-of-type(even) {
  background-color: #f5eeed;
}
.container {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 40px;
	position: relative;
}
.container.container-narrow {
	  max-width: 640px;
}
.small {
	font-size: .8em;
}
.text-large {
	font-size: 1.5rem;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;	
}
.strong {
	font-weight: 700;
}
.center-block {
	margin: 1rem auto;
	display: block;
	text-align: center;
}
ul.main-text {
	font-size: 0;
}
ul.main-text li {
  position: relative;
  list-style-type: none;
	font-size: 1rem;
}

ul.main-text li:before { 
  display:inline-block; 
  vertical-align: middle;
  content:'';
  width: .25rem;
  height: .25rem;
  background: #333;
  border-radius: 50%;
  margin-right: 8px; margin-bottom: 2px;
}
ul.main-text li.capture:before,
ul.main-text li.caution:before {
	  content: none;
}
ul.main-text li.capture {
	margin-top: 1rem;
}
ul.main-text li.caution, .caution {
	margin-top: .35rem;
	font-size: .85rem;
}
.back-gray .caution {
	color: #fb2f55;
}
.capture {
	margin-top: 1rem;
}
a.link-black {
	color: #111;
}
.caution a {
	font-weight: 900;
}
.caution.center {
	    width: 100%;
    display: block;
}
a.caution {
	text-decoration: underline;
	font-size: .9rem;
	margin-bottom: 3rem;
}
.frame-scroll {
	background: #f5eeed;
	height: 12.5rem;
	border-radius: 4px;
	padding: 1rem;
	overflow-y: scroll;
	font-size: .9rem;
}
.frame-scroll h3, .frame-scroll h4 {
	margin-top: .5rem; margin-bottom: .5rem;
}
.input-normal {
	width: 100%;
	padding: .75rem;
	box-sizing: border-box;
	border-radius: 4px;
	border: solid 2px #333;
	letter-spacing: .05rem;
}
.input-normal:focus {
  background: #feffbf;
}
.illustration {
	margin: 1.5rem 0;
}
.container-narrow-pay .input-normal.input-short {
		width: calc(40% - 1.5rem);
	display: inline;
	}
.container-narrow-pay .input-normal.input-shorter {
	width: calc(33% - 1.5rem);
	display: inline;
}
.text-auxiliary {
	margin: 0 .5rem;
}
.no-edit-normal {
	width: 100%;
    padding: 0.75rem;
    box-sizing: border-box;
    border-radius: 4px;
    background: #f5eeed;
}
.confirmation-list {
	padding: 20px 20px 36px;
    background: #fff;
    margin: 20px -20px;
	border-radius: 4px;
}

/*--------------------------------
 見出し
---------------------------------*/
.title {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 48px;
	  letter-spacing: .025rem;
	color: /*#ff6252*/#fff;
}
.subhead {
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 24px; margin-top: 54px;
	color: #333;
}
.simple-image {
	width: 15%;
}
.lead {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 30px;
}

/*--------------------------------
ヘッダー
---------------------------------*/
.logo-container_fankuru {
  position: absolute;
	/*top: 0;*/
  z-index: 3;
  width: 100%;
  background-color: transparent;
}
.logo-container_fankuru .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.5rem 40px;
}
.header-logo {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: .025em;
	height: 3rem;
	position: relative;
	width: 100%;
}
.header-logo img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	padding: 0;
}
.header-logo a {
  color: #fff;
}
.header-logo a span {
	font-weight: 500;
	font-size: .75em;
}
.gnav-list {
  display: flex;
  justify-content: space-between;
  list-style: none;
}
.gnav-item:not(:last-child) {
  margin-right: 20px;
}
.gnav-item a {
  position: relative;
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  padding: 5px 0;
  transition: .2s;
  letter-spacing: .05em;
  color: #333;
}
.gnav-item a:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  content: "";
  transition: .2s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fd445e;
}
.gnav-item a:hover:after {
  width: 100%;
}

/*--------------------------------
 メインビジュアル
---------------------------------*/
.mv {
  display: flex;
  justify-content: left;
	padding-left: 7.5rem;
  height: 460px;
	background-size: cover;
}
.mv-top {
	position: absolute;
	top: 0;
	padding-left: 0;
}
.mv {
    position: relative;
    overflow: hidden;
}
.mv .mv-inner {
	position: absolute;
	top: 0; left: 0;
	width: 800vw;
	height: 100%;
	display: flex;
	animation: loop_800vw_1 60s linear infinite;
	z-index: -1;
}
.mv.mv-inner.mv-back{
	left: -1px;
    right: 1px;
	animation: loop_800vw_2 60s linear infinite;
}
.mv .mv-inner span {
	width: 100vw;
	height: 100%;
}
.mv .mv-inner img {
	width: 100%; height: 100%;
	object-fit: cover;
}
.mv .container {
	   width: 100%;
    max-width: 1024px;
    padding-top: 7.5rem;
    left: 50%;
    position: absolute;
    margin: 0 auto;
    transform: translateX(-50%);
}
.mv .mv-inner {
	width: 400vw;
	animation: loop_400vw_1 60s linear infinite;
}
.mv .mv-inner.mv-back{
	animation: loop_400vw_2 60s linear infinite;
}
.mv .mv-inner span {
	width: 50vw;
	}
.mv .mv-inner {
	width: 266.72vw;
	animation: loop_267vw_1 60s linear infinite;
}
.mv .mv-inner.mv-back{
	animation: loop_267vw_2 60s linear infinite;
}
.mv .mv-inner span {
	width: 33.34vw;
	}
}
@keyframes loop_800vw_1 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-800vw);
    }
}
@keyframes loop_800vw_2 {
    0% {
        transform: translateX(800vw);
    }
    100% {
        transform: translateX(0vw);
    }
}
@keyframes loop_400vw_1 {
    0% {
        transform: translateX(0vw);
    }
    100% {
        transform: translateX(-400vw);
    }
}
@keyframes loop_400vw_2 {
    0% {
        transform: translateX(400vw);
    }
    100% {
        transform: translateX(0vw);
    }
}
@keyframes loop_267vw_1 {
    0% {
        transform: translateX(0vw);
    }
    100% {
        transform: translateX(-266.72vw);
    }
}
@keyframes loop_267vw_2 {
    0% {
        transform: translateX(100vw);
    }
    100% {
        transform: translateX(266.72vw);
    }
}
.screenshot-wrap {
	position: absolute;
}
.dark {
	background: #111;
}
.common .mv, .mv-common {
  height: 10rem;
	padding-left: 0;
	background: #111 !important;
	color: #fff;
	justify-content: center;
}
.mv-container {
  padding: 0 40px;
}
.mv.mv-avatar > img {
	filter: blur(7px);
	    height: calc(100% + 28px);
    object-fit: cover;
    object-position: calc(90% - 14px) -14px;
    position: absolute;
}
.mv-title {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: .05rem;
	color: #fff;
}
.mv-subtitle {
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1;
	margin-top: 20px;
  margin-bottom: 0;
	  line-height: 1.6;
	/*color: #3e01db;*/
}
.mv-text {
  font-size: 16px;
  line-height: 1.8; color: #fff;
}
.mv-image {
	display: block;
	width: 85%;
	margin: -222px auto 1rem; 
}

/*--------------------------------
 Works
---------------------------------*/
.works-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -40px;
}

.works-item {
  width: 32.167%;
  margin-right: 1.75%;
  margin-bottom: 40px;
  color: /*#333*/#444;
}
/*.movie*/ .works-item:nth-child(3n) {
  margin-right: 0;	
}
.works-list_pick .works-item:nth-child(3n) {
  margin-right: 1.75%;		
}

.works-item:hover {
	opacity: 1;
}

.works-img {
	background: #ddd;
		border-radius: 4px;
	position: relative;
	z-index: 0;
}
.works-img img {
	border-radius: 4px;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: center center;
	position: relative;
	z-index: 0;
  display: block;
  text-decoration: none;
}
.works-name {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 12px;
	line-height: 1.25;
}
.shutter {
	display: block;
	border-radius: 1000px;
	border: 4px solid #fff;
	height: 4.5rem; width: 4.5rem;
	background: transparent;
	margin: 0 3rem;
}
.shutter a {
 position: relative;
	height: 100%; width: 100%;
	display: block;
	border-radius: 1000px;
}
.menu-icon_avatar img {
	display: block;
	width: 3.25rem;
	margin: 0 auto;
}
.menu-icon_avatar span {
		display: block;
	color: #fff;
	text-align: center;
	font-size: .9rem;
}
@media screen and (min-width: 855px) {
	.form-container {
	margin-top: 30px;
}
	.works-name {
  margin-bottom: 2px;		
	}
}
.works-info {
  font-size: .9rem;
  margin-top: 5px;
}
.item-desc {
	line-height: 1.5;
}
.upper-line {
	margin-top: 1.5rem;	
}
.upper-line:first-of-type,
img + .upper-line {
	margin-top: 0;	
}
.works-list_pick {
	/*max-width: 1340px;*/
	padding: 0 40px;
	display: flex;
	overflow-x: scroll;
	margin-bottom: 0;
}
.works-list_pick .works-item {
	flex: 0 0 40%;
}
@media screen and (min-width: 1280px) {
.works-list_pick .works-item {
	flex: 0 0 30%;
}
}
.profile .works-item .container img {
	aspect-ratio: auto;	
}
.paging {
	display: flex;
	justify-content: center;
}
.paging a, .paging span {
	width: 3.25rem;
		margin: 3.5rem 0.5rem 1rem;
	transition: all .2s ease-out;
}
.paging a:hover {
	background: #fd445e;
	color: #fff;
	border-color: #fff;
}

/*--------------------------------
 menu
---------------------------------*/
.menu-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -50px;
}
.menu-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 48%;
  margin-bottom: 50px;
	position: relative;
}
.menu-img {
  width: 60px;
  height: auto;
  margin-right: 20px;
}
.menu-body {
  flex: 1;
}
.menu-name {
  margin-bottom: 10px;
}
.menu-text {
  font-size: 1rem;
  line-height: 1.35;
}

/*--------------------------------
 About
---------------------------------*/
.profile {
  margin: 0 auto;
}
.profile-img {
  width: 20%;
  margin-right: 30px;
  border-radius: 50%;
}
.profile-img img {
  border-radius: 50%;
}
.profile-body {
  flex: 1;
}
.profile-body p {
  font-size: 15px;
  line-height: 1.8;
}
.profile-body p:not(:last-child) {
  margin-bottom: 30px;
}

/*--------------------------------
 Contact
---------------------------------*/
.contact {
  text-align: center;
}
.contact-item:first-child {
  margin-right: 20px;
}
.contact-item:last-child {
	display: block;
}
.contact-item {
	color: #fd445e;
}
.contact-item.sns-icon {
	font-size: 0;
	display: inline-block;
	margin-bottom: 2rem;
}
.contact-item.sns-icon img {
	width: 2.5rem;
	height: 2.5rem;
}
.contact-item.top-contact .top-sns-icon {
	margin-bottom: 1.5rem;
	display: block;
}
.contact-item.top-contact svg {
	width: 2rem; height: 2rem;
}
.top-contact.contact-item:first-child {
    margin-right: 0;
}
.contact-text {
  margin-top: 10px;
}
.share {
	font-size: .85rem;
	margin: 1rem 0;
	text-align: right;
}

/*--------------------------------
 ページトップ
---------------------------------*/
.page-top {
  font-weight: bold;
  padding: 10px;
  cursor: pointer;
  text-align: center;
  background-color: #111;
	    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.page-top .material-icons-outlined {
  vertical-align: bottom;
  color: #fff;
}
/*--------------------------------
ログイン欄
---------------------------------*/
.container-flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.back-gray {
	background: #f5eeed;
	border-radius: 4px;
	    padding: 1rem;
	margin: 1rem auto; 
}
@media screen and (min-width: 855px) {
.shop .container-flex {
	justify-content: center;
	}
	.shop .container.pc-column {
		align-items: flex-start;
	}
	.pc-column .container-flex .button-color {
		margin: 1rem .75rem;
		font-size: 1rem;
		width: 35%;
	}
	.pc-column .back-gray .container-flex .button-color {
		margin: 1rem .75rem 0;		
	}
	.back-gray {
		padding: 1.25rem;
	}
}
.button-color, .login, .button-transparent {
	padding: 0 .5rem ;
	font-size: 1.35rem;
	font-weight: 700;
	margin: 3.25rem auto 1rem;
	width: 40%;
	display: flex;
    height: 64px;
    align-items: center;
    justify-content: center;
}
.button-color:hover, .button-transparent:hover {
	opacity: .7;
	transition: .25s;
    color: rgba(255, 255, 255, 0.7);
}
.button-color, .button-transparent {
	color: #fff;
	border-radius: 1000px;
	background: /*#ff6252*/#ff6961;
}
.button-color.button-black {
		background: #111;
	color: #fff;
}
.button-color.button-white {
		background: #fff;
	color: #111;
}
.button-transparent {
	background: transparent;
	border: 2px solid #fff;
	color: #fff;
}
.button-color.button-fit {
	width: fit-content;
	padding: .75rem 1.75rem;
	font-weight: 500;
	font-size: 1.1rem;
	display: block; margin-left: auto; margin-right: auto;
	margin-top: 3rem;
}
.button-color.button-fit.button-narrow {
	min-width: 60%;
}
.height-lump .button-transparent {
	font-size: 1rem;
}
.login {
	color: #fd445e;
	letter-spacing: .05rem;
}

.more, .menu .button-color {
	font-size: 1.25rem;
    font-weight: 700;
    display: block;
    text-align: center;
    width: 50%;
	max-width: 15rem;
    margin: 2.5rem auto 1rem;
    border: #111 solid 2px;
    border-radius: 1000px;
    color: #111;
    padding: 0.75rem;
}
.more.page-middle {
	border-color: transparent;
	margin-left: 0;
    margin-right: 0;
}
.more.page-arrow-prev,
.more.page-arrow-next {
	font-size: 0;
	position: relative;
}
.more.page-arrow-prev::before,
.more.page-arrow-next::before {
	content: '';
	position: absolute;
    top: 50%;
    left: 55%;
    width: 30%;
    height: 30%;
    transform: translate(-50%, -50%) rotate(-45deg);
    border: solid 3px transparent;
    border-top: 3px solid #333;
    border-left: 3px solid #333;
    background: transparent;
    box-shadow: none;
}
.more.page-arrow-next::before {
	content: '';
    left: 45%;
    transform: translate(-50%, -50%) rotate(135deg);	
}
.more.page-arrow-prev:hover::before,
.more.page-arrow-next:hover::before {
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
}
.menu .button-color:nth-child(even) {
	color: #fff;
	background: #fd445e;
	border: none;
    margin-left: auto; margin-right: auto;
}
.section.banner {
	padding: 20px 0;
}
.banner-container {
	width: 100%;
	max-width: 1340px;
	margin: 0 auto;
	padding : 0 40px;
	position: relative;
}
.banner-container .swiper-slide {
	border-radius: 4px;
object-fit: cover;
	width: calc(33.33% - 1.5rem);
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.banner-container .swiper-slide::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.banner-container .swiper-slide span {
	width: 100%;
	height: 100%;
	display: block;
}
.banner-container .swiper-slide img {
  position: absolute;
 top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	border-radius: 4px;
		aspect-ratio: 16 / 9;
	object-fit: cover;
}
.banner-container img:last-child {
}
.maru-container {
		position: absolute;
	bottom: -1.65rem;
	left: 50%;
	transform: translateX(-50%);
}
.banner-container .maru {
	width: .5rem; height: .5rem;
	border-radius: 1000px;
	background: #eee;
	margin-right: 1rem;
	display: inline-block;
}
.banner-container .maru:last-child {
	margin-right: 0;
}
.banner-container .maru.color {
	background: #333;	
}

/*--------------------------------
member
---------------------------------*/
	.member-container {
		display: flex;
		flex-wrap: wrap;
		/*overflow-x: scroll;*/
		gap: 1rem;
		justify-content: center;
	}
	.member-container a {
			width: calc(20.5% - .8rem);
	min-width: calc(20.5% - .8rem);
}
	.member-container a:hover {
		opacity: .5;
}
.member-container .member {
width: 100%;
	border-radius: 4px;
	aspect-ratio: 1 / 1;
    object-fit: cover;
object-position: left 0px;
}
.avatar-photo {
	padding: 80px 20px 30px;
	text-align: right;
	display: block;
}
.window-ex {
	background: rgba(0,0,0,.9);
	border-radius: .5rem;
	border: 2px solid #fff;
}
.window-ex.window-normal {
	background: rgba(0,0,0,1);
    border-radius: 4px;
    border: none;
}
.window-normal h3 {
	color: #fff;
		margin-bottom: .5rem;
}
.window-normal .container {
	margin-bottom: .5rem;
	margin-top: 1.5rem;	
}
.window-normal .container:first-child {
	margin-top: 0;
}
@media screen and (max-width: 854px) {
.window-normal h3 {
	color: #fff;
	margin-bottom: .35rem;
	}
}
.window-normal .container:last-child {
	margin-bottom: 3rem;
}
	.checkbox-container {
		padding-right: 1rem; padding-left: 1rem;	
}
.height-lump {
	max-height: 80dvh;
	padding-right: .5rem; padding-left: .5rem;
}
.height-lump .avatar-tmb-img {
    width: calc(25% - 2rem);
    margin: 0.75rem 1rem;
}
.menu-icon_avatar label:hover {
	cursor: pointer;
}
.flex-container {
	display: flex;
}
.flex-align-center {
	align-items: center;
}
.height-lump .flex-container {
	padding: 1rem .5rem 1.125rem;
}
.height-lump .flex-container.nav_box {
	padding: 0 .5rem 1.125rem;	
}
.avatar-page .height-lump .flex-container .button-transparent:nth-child(odd),
.avatar-page .height-lump .flex-container .button-transparent:nth-child(even) {
	margin: auto;
	font-size: .85rem;
}
.button-white {
	border: none;
	color: #111;
	background: #fff;
}
#overlay-ex {
	z-index: 106;
}
p.sd-catch {
	width: 100%;
	font-size: 1.15rem;
}
.nav_box li {
	width: 50%;
	padding: 0 1rem 2rem 1rem;
    text-align: center;
	font-size: 1rem;
	list-style: none;
		position: relative;
}
.nav_box li img {
	position: relative;
	margin: 0 10%;
	width: 80%;
}
.nav_box li a {
	color: #fff;
}
.icon-lock {
	filter: drop-shadow(0 2px 3px rgba(0,0,0,.2));
	    position: absolute;
    left: calc(60px - 1.25rem);
    width: 1.8rem;
    top: -0.5rem;
	z-index: 101;
}
.manu-lock {
	color: #333;
}
.tag01 {
	padding: .2rem .75rem;
	background: #fd445e;
	color: #fff;
	font-weight: 900;
	letter-spacing: .075em;
	font-size: .85rem;
	display: inline-block;
	margin: .15rem 0 0;
	border-radius: 1000px;
}
.works-name + .tag01 {
	margin-left: .25rem;
}
	.text-fix {
	color: #333;	
	}
.text-fix.fix-mail + .caution {
	margin-top: 5rem;	
	}
.link-withdrawal {
	margin-top: 3rem;
}
.line-sns {
	line-height: 2;
	margin-top: .5rem;
}
/* カート */
/* WebKitブラウザでinput type="number" のスピンボタンを非表示 */
input.form-control[type="number"]::-webkit-outer-spin-button,
input.form-control[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
/* Firefoxでinput type="number" のスピンボタンを非表示 */
input.form-control[type="number"] {
  -moz-appearance: textfield;
  text-align: center;
  height: 38px;
	margin: 0 .5rem;
	    letter-spacing: .075rem;
}
button.btn-number {
  width: 38px;
    height: 38px;
    background: #eee;
    color: #111;
    font-size: 2rem;
    font-weight: 500;
    border-radius: 4px;
    margin: 0 0.25rem;
    /*border: solid 2px #111;*/
}
.input-group.flex-container {
	margin: .5rem auto .5rem .5rem;
	align-items: center;
}
.container-number-of-unit {
	margin-top: 1rem;
}
.container-number-of-unit .button-transparent {
	font-size: .9rem;
	margin-left: 1rem;
	margin-right: 0;
	font-weight: 500;
}
.number-of-unit-title {
	margin-right: .5rem;
}
.icon-cart {
display: inline-block;
    position: absolute;
    top: 15px;
    right: 90px;
}
.icon-cart svg {
	fill: #fff;
	height: 32px; width: 32px;
	    transition: .2s;
}
.cart-mark {
	background: #fb2f55;
	border-radius: 1000px;
	position: absolute;
		padding: 4px;
	color: #fff;
	font-weight: 700;
	letter-spacing: .05rem;
	font-size: .7rem;
	right: -11px;
    top: -8px;
    z-index: 1;
    min-width: 1.4rem;
    text-align: center;
}
#icon-cart-color.color-change svg {
	fill: #333;
}
.to-cart {
	margin-top: 2rem;
}
.back-gray .button-color.button-transparent {
		background: transparent;
		border: 2px #111 solid;
		color: #111;
	}
.button-short {
	font-size: 1rem;
    margin: 0 auto;
    padding: 0.35rem 1rem;
	width: fit-content;
}
.delete, .delete:before {
	line-height: .85rem;
	vertical-align: middle;
}
.delete {
		color: #888;
	font-size: .85rem;
	}
	.delete:before {
		margin-right: .125rem;
		content: "×";
		line-height: 1.7rem;
		font-size: 1.7rem;
		display: inline-block;
		margin-top: -.25rem;
	}
.container-number-of-unit .delete {
	margin: 0.25rem auto 0 .25rem;
}
.container-price {
	border-radius: 4px;
	border: solid #111 2px;
	background: #fff;
	padding: 1.25rem;
}
.container-cart + .container-price.sp-only {
	margin-top: 20px;
}
.container-price ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
  list-style-type: none;
	font-size: 1.5rem;
	line-height: 1.85;
		font-weight: 700;
}

.selectbox-member {
    display: inline-flex;
    text-align: center;
    align-items: center;
    position: relative;
    width: 80%;
    margin: .5rem auto 1rem;
    left: 50%;
    transform: translateX(-50%);
}
.window-ex .selectbox-member {
	width: 100%;
	max-width: 100%;
	margin: 0 auto .5rem;
}
.selectbox-member::after {
    position: absolute;
    right: 1rem;
    width: 1rem;
    height: .5rem;
    background-color: #333;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none;
}
.selectbox-member select {
    appearance: none;
    width: 100%;
    height: 3rem;
    padding: .4rem 2.5rem .4rem 1rem;
    border: none;
    border-radius: 3px;
    background-color: #f3f3f3;
    color: #111;
    font-size: 1.1rem;
	letter-spacing: .025rem;
    cursor: pointer;
}
@media screen and (min-width: 855px) {
	.selectbox-member {
		margin-top: 0;
				max-width: 400px;
	}
	.selectbox-member select {
		font-size: 1rem;
		height: 2.5rem;
	}
	.movie:not(.news) .selectbox-member,
	.gallery:not(.news) .selectbox-member {
		margin-bottom: 3rem;
	}
}
input[type="search"] {
  -webkit-appearance: textfield;
	 -webkit-appearance: none;
}
input[type="search"]:focus {
  outline-style: none;
}
input[type="search"]::-webkit-search-decoration {
  display: none;
}
.search-check {
  display: none;
}
.search-label{
  display: block;
}
.search-container {
  height: 0;
  opacity: 0;
  padding: 0;
  transition: .2s;
  visibility: hidden;
}
.search-container button {
	z-index: 2;
    position: absolute;
    height: 2.5rem;
	color: #fff;
	background: #111;
	right: 20px;
	border-radius: 0 4px 4px 0;
	padding-left: .75rem;
	padding-right: .75rem;
	letter-spacing: .025rem;
}
.search-check:checked + .search-label + .search-container {
  opacity: 1;
  padding: 0 0 2.5rem 0;
  visibility: visible;
	height: fit-content;
	margin-bottom: 2rem;
	font-weight: 700;
}
.search-box {
	-webkit-appearance: textfield;
	padding: .4rem calc(74px + .75rem) .4rem .75rem;
	height: 2.5rem;
	width: calc(100% - 40px);
	border: 2px solid #333;
	border-radius: 4px;
	background: #fff;
	position: absolute;
	left: 20px;
}
@media screen and (min-width: 855px) {
	.search-box {
		left: 0;
		    min-width: 400px;
	}
}
.tag-member {
	background: #eee;
	color: #111;
	padding: .25rem .75rem;
	display: inline-block;
	border-radius: 2px;
	font-size: .95rem;
}
.shop-article .tag-member {
	background: #111;
	color: #fff;
}
@media screen and (max-width: 854px){
.shop-list-container .works-item .tag-member {
	font-size: .75rem;
	    padding: 0.125rem 0.5rem;
	background: rgba(255,255,255,.5);
}
}
.shop-list-container .works-info {
	display: inline-block;
}
.news-date + .tag-member,
.movie-date + .tag-member,
.gallery-date + .tag-member {
	margin-left: .75rem;
	vertical-align: middle;
	margin-top: -5px;
}
.tag-member + .tag-member {
	margin-left: .75rem;
}
.works-img .tag-member {
	position: absolute;
	top: .25rem; left: .25rem;
	z-index: 3;
		background: rgba(255,255,255,.65);
}
.shop-list-container .tag-member.search-tag {
	margin-bottom: .5rem;
	font-size: 1.2rem;
	background: #111;
	color: #fff;
}
.tag-member + .works-list {
	margin-top: 1rem;	
}

/*--------------------------------
 下層
---------------------------------*/
.article {
  padding: 60px 0;
}

.article-container {
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 20px;
}

.article-title {
  margin-bottom: 30px;
  text-align: center;
	color: #333;
}

.article-body {
  max-width: 720px;
  margin: 0 auto;
  margin-bottom: 80px;
}

.article-body h3 {
  position: relative;
  font-size: 18px;
  margin-bottom: 5px;
  padding-left: 1em;
	color: #333;
}

.article-body h3:not(:first-child) {
  margin-top: 50px;
}

.article-body h3::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  content: "";
  border-radius: 3px;
  background-color: #c0f488;
}

.article-body p {
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 30px;
}
.home-link {
  text-align: center;
}


/*media Queries 767 → 854
----------------------------------------------------*/
@media screen and (max-width: 854px) {
	html {
	font-size: 16px;
}
  body {
    font-size: 16px;
  }
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
  /* 見出し */
  .title {
    font-size: 1.8rem;
	  line-height: 1.4;
    margin-bottom: 2rem;
	  letter-spacing: .025rem;
  }
.subhead {
	font-size: 18px;
	margin-bottom: 17px; margin-top: 44px;
	text-align: left;
	}
  .lead {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 20px;
  }
	.share {
		margin: .5rem 0 1rem;;
	}

  /* レイアウト */
  .wrapper {
    padding-top: 0;
  }
  .section {
    padding: 48px 0;
  }
	.common .section {
  padding: 34px 0 52px; display: block;
}
.common.profile .section {
  padding: 34px 0 80px;
	}
  .container {
    padding: 0 20px;
  }
  /* ヘッダー */	
  .logo-container_fankuru .container {
    padding: 2.5rem 20px;
  }
  .gnav-item a:after {
    display: none;
  }
.drawer_btn span {
	display: block;
	width: 3rem;
	height: 2px;
	background: #333;
	margin-bottom: .5rem;
}
	.dark .drawer_btn span {
		background: #fff;
	}
	.dark .header-logo a {
		color: #fff;
	}
.drawer_btn span:last-child {
	margin-bottom: 0;		
}	

  /*  メインビジュアル */
  .mv {
    height: /*55vh*/448px;
  align-items: center;
  justify-content: center;
padding-left: 0;
		background-size: cover;
}
	.mv .container {
	left: 0;
		transform: none;
		top: 0;
	}
.mv.mv-common {
  height: 10rem;
	padding-left: 0;
	background: #111 !important;
	color: #fff;
	justify-content: center;
}
  .mv-container {
    padding: 5rem 20px 0;
  }
  .mv-title {
	  color: #fff;
    font-size: 1.6rem;
  }
  .mv-subtitle {
    font-size: 1.15rem;
    margin-bottom: 0;
	  margin-top: 12px;
	  letter-spacing: .0125em;
	  font-weight: 500;
	}
  .mv-text {
    font-size: 14px;
    line-height: 1.7;
  }
	.mv-image {
		width: 90%;
	margin: -128px auto .75rem; 
}

  /* Works */
  .works-name {
    font-size: .9rem;
	  margin-bottom: 2px;
	  margin-top: 8px;
  }
  .works-info {
    margin-top: 3px;
  }
  .works-list {
    justify-content: space-between;
  }
	  .works-list {
		  justify-content: center;
}
.works-list_pick {
	display: flex;
	overflow-x: scroll;
		padding: 0;
	margin-bottom: 0;
}
.works-list_pick .works-item {
	flex: 0 0 65%;
	margin-left: 20px;
	margin-bottom: .5rem;
}
.works-list_pick .works-item:last-child {
	margin-right: 20px;	
}
  .works-item {
    flex: 0 0 48%;
    margin-right: 0;
    margin-bottom: 30px;
  }

  /* MENU */
  .menu-list {
    display: block;
    margin-bottom: 0;
  }
  .menu-item {
    width: 100%;
    margin-bottom: 35px;
  }
  .menu-item:last-child {
    margin-bottom: 0;
  }
  .menu-name {
    margin-bottom: 5px;
  }
  .menu-text {
    font-size: 1rem;
    line-height: 1.4;
  }
  /* フッター */
	.button-color, .login, .button-transparent {
		width: fit-content;
		font-size: 1.25rem;
		padding: 0 3.5rem;
		height: 60px;
}
	.button-short {
		width: fit-content;
	}
	.paging a, .paging span {
		    margin: 3rem 0.5rem 1rem;
	}
	.contact-item.sns-icon {	
		margin-bottom: 1.5rem;
	}
	.contact-item.sns-icon img {
	width: 2rem;
	height: 2rem;
}
	.contact-list {
		z-index: 1;
	}
	.avatar-page .contact-list {
				width: 3rem;
		position: absolute;
		right: 20px;
	}
	/* news */
	.news-list {
		width: 100%;
}
	.section.banner {
	padding: 20px 0;
}
	.banner-container {
		padding: 0 20px;
	}
	.banner-container img {
	width: 100%;
		margin-right: 0;
}
	.member-container .member {
object-position: left 0;
}
	.pc-column > div:nth-child(2){
		margin-top: 1.5rem;
	}

	.back-gray {
		padding: 1.25rem;
	}
	.back-gray .caution {
		margin-top: 0;
	}
	.back-gray .button-color {
		width: 50%;
		font-size: 1rem;
		margin: 0.75rem auto 0;
	}
	.to-cart {
		margin-bottom: .75rem;
	}
}
.avatar-page .contact-item.sns-icon svg {
fill: #fff;	
}
.lump-container .avatar-category input[type="checkbox"]:checked + .check-icon:before {
	    background: rgba(0,0,0,.5);
}
@media screen and (min-width: 855px) {
	.pc-column {
	display: flex;
}
	.pc-column > div {
		margin-right: 1rem;
		width: calc(50% - 1rem);
	}
	.pc-column > div:nth-child(2n) {
	margin-right: 0; margin-left: 1rem;	
	}
	.pc-column-inner .container {
		padding: 26px 30px;
    background: #fff;
    border-radius: 4px;
    margin: 0.5rem 0;
	}
	.pc-column-inner .container:first-child {
		margin-top: 0;
	}
		.pc-center {
	text-align: center;
}	
	.tag01 {
		font-size: .9rem;
		font-weight: 500;
		    margin: 0 0 0 .35rem;
	}
	.frame-scroll {
		padding: 1.25rem;
	}
	.input-normal {
		width: 75%;margin: 0 auto;
    display: block;
	}
	.container-narrow-pay .input-normal {
		width: 100%;
	}
	.button-color.button-fit {
		padding: 1rem 2rem;
	}
	.text-fix.fix-mail {
		text-align: center;
	}
	.input-normal + .caution {
	display: block;
	width: 75%;
	margin: .5rem auto 0;
}
	.button-color.button-fit.button-narrow {
		min-width: 30%;
				max-width: 400px;
	}
	.shop-article .works-item .container .price {
	font-size: 1.25rem;
		margin-top: .5rem;
	}
	.back-gray .caution {
		text-align: center;
		margin: 0;
	}
	.shop-article .button-color.button-fit {
		width: 50%;
		font-weight: 700;
	}	
.icon-cart {
display: block;
    position: absolute;
    width: 100%;
    max-width: 1340px;
    top: auto;
    right: auto;
    left: 50%;
    padding: 0 40px;
    height: 100px;
    margin: 0 auto;
    transform: translateX(-50%);
}
	.icon-cart a {
		    position: absolute;
    top: 6px;
    right: 40px;
	}
	#icon-cart-color a {
				height: 56px; width: 56px;
				padding: 12px;
				border-radius: 1000px;
			background: #fff;
		box-shadow: 0 3px 8px rgba(0,0,0,.2);
	}
	#icon-cart-color svg,
	#icon-cart-color.color-change svg {
		fill: #111;
	}
	.cart-mark {
        right: 36px;
    top: 2px;
}
	.cart .works-name {
	margin-top: 0;
		font-size: 1.05rem;
	}
	.confirmation-list {
		padding: 26px 30px 48px ;
    background: #fff;
    margin: 24px 0;
}
	.mv-top .mv-container {
    left: 0;
    position: absolute;
	}
}
	@media screen and (min-width: 600px) {
		details, main {
	position: relative;
}
		.mv.mv-avatar {
position: relative;
    width: 375px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0 auto; 
			min-height: calc(664px - 66px);
		}
		.avatar-full .mv.mv-avatar {
			width: 480px;
		}
		.btn-container {
	position: absolute;
    width: 375px;
	margin: auto;
	height: auto; min-height: calc(100dvh - 66px);
    left: 50%;
    transform: translate(-50%);
}
		.avatar-sd .mv.mv-avatar {
			height: auto; min-height: calc(100dvh - 66px);
		}
		
		.avatar-page #member {
			position: fixed;
    top: 66px;
			padding: 2rem;
		}
		.gage-count-wrapper {
			top: 2rem;
		}
.avatar-photo,
.avatar-page .contact-list {
    width: calc(375px + 6rem + 40px + 36px);
    position: fixed;
    top: 2rem;
    left: 50%;
    transform: translateX(-50%);
		}
		
.member-container.avatar-photo .member {
object-position: left -6px;
		}
	.avatar-page .contact-list {
	    width: calc(375px + 6rem + 36px + .25rem);
    top: 12rem;
		margin-bottom: 1rem;
		}
		
		.avatar-full .avatar-photo, .avatar-full .contact-list {
		width: calc(480px + 5rem + 40px + 36px); padding-right: 1rem;
		}
		
	.avatar-sd .contact-list {
    top: auto; bottom: 4rem;
	}
		.avatar-page .contact-list .contact-item {
			margin: .5rem 0;
			padding: 0 .25rem;
			text-align: right;
			width: 100%;
		}
		.avatar-page .contact-list .contact-item a {
			height: 2.5rem; width: 2.5rem;
			display: inline-block;
		}
		.avatar-page .contact-list .contact-item:nth-child(2) a {
			padding: .25rem;
		}
			.avatar-page .contact-item.sns-icon svg {
		height: 2rem; width: 2rem;
	}
				.avatar-page .contact-item.sns-icon img {
			width: 2.5rem;
	height: 2.5rem;	
	}
		.mv.mv-avatar::-webkit-scrollbar {
			display:none;
		}
		.height-lump::-webkit-scrollbar {
			display:none;
		}
		.avatar-sd .avatar-menu {
		bottom: /*calc(0% + 3.5rem + 71px)*/-.5rem;	
		}
	.avatar-menu-sd .menu-icon_avatar span {
    font-size: .7rem;
		}
	#window-ex {
    max-width: 750px;
		}
		.avatar-full .height-lump .flex-container .button-transparent:nth-child(odd),
	.avatar-full .height-lump .flex-container .button-transparent:nth-child(even) {
		width: calc(33.33% - 2rem);
		margin: auto 1rem;
	}
}
	@media screen and (max-width: 599px) {
	.avatar-page .contact-item.sns-icon {
		width: 3rem; height: 3rem;
		padding: .625rem;
		background: rgba(0,0,0,.25);
		border-radius: 1000px;
		margin: 0 0 1rem 0;
	}
		.avatar-page .contact-item.sns-icon img,
	.avatar-page .contact-item.sns-icon svg {
			width: 1.75rem;
	height: 1.75rem;	
	}
		.avatar-page .contact-item.sns-icon:nth-child(2) a {
			padding: .125rem;
			display: block;
		}
	.avatar-page .contact-item.sns-icon:nth-child(2) svg {
		width: 1.5rem;
	height: 1.5rem;	
	}
		.avatar-sd .contact-list {
			bottom: 8rem;
		}
}
	@media screen and (min-width: 855px) {
		.mv.mv-avatar {
			height: calc(100dvh - 66px);}
		.menu-checkbox, .menu-background { display:none; }
		.gnav-item.gnav-lock a {
		margin-right: 1.5rem;
}
		.drawer-menu .gnav-small {
			display: none;
		}
}

@media screen and (max-width: 854px) {
/* チェックボックスを非表示 */
.menu-checkbox {
  display: none;
}
/* メニューボタンの装飾 */
.menu-button {
  display: block;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 200;
  height: 20px;
  width: 40px;
  cursor: pointer;
}
.menu-button::before,
.menu-button::after {
  content: '';
  transition: .2s;
}
	.menu-button span,
	.header-logo a#header-color {
  transition: .2s;		
	}
	.header-logo a#header-color.color-change {
		color: #333;
	}
.menu-button::before,
.menu-button::after,
.menu-button span {
  display: block;
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  margin-top: -1px;
  background-color: /*#fff*/#333;
}
.menu-button.color-change::before,
.menu-button.color-change::after,
	.menu-button.color-change span {
  background-color: #333 /*!important*/;		
	}
.avatar-page .menu-button::before, .avatar-page .menu-button::after, .avatar-page .menu-button span {
	  background-color: #fff;	
	}
.menu-button::before {
  top: 0;
}
.menu-button::after {
  bottom: 0;
}
.menu-button span {
  top: 50%;
}

/* メニューボタンのアニメーション */
.menu-checkbox:checked ~ .menu-button::before {
  top: 50%;
  transform: rotate(30deg);
	background: #fff;
}
.menu-checkbox:checked ~ .menu-button::after {
  top: 50%;
  transform: rotate(-30deg);
		background: #fff;
}
.menu-checkbox:checked ~ .menu-button span {
  display: none;
}

/* ドロワーメニューの装飾 */
.drawer-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  height: 100%;
  width: 50vw;
  transform: translateX(-100%);
  transition: .5s;
  background-color: #111;
}
.drawer-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
	flex-wrap: wrap;
}
.drawer-menu a {
  /*display: block;*/
  padding: 20px;
  color: #fff;
  text-decoration: none;
}
	.drawer-menu .gnav-small a {
	  padding: 12px 12px 12px 30px;	
	}
	.drawer-menu .gnav-large a {
		padding-bottom: 10px;
	}
.gnav-item:not(:last-child) {
 	margin-right: 0;
		width: 100%;
}
	.gnav {
		margin-top: 1.5rem;
	}
	.gnav-item a {
		font-size: 1.1rem;
	}
	.gnav-item.gnav-small a {
		font-size: .9rem;
	}
	.gnav-item {
		position: relative;
	}
	.gnav-item label {
		height: 100%; width: 100%;
		position: absolute;
    display: block;
    top: 0;
	}
.drawer-menu .gnav-item.gnav-lock a {
	color: #fd445e;
	}
/* ドロワーメニューの開閉 */
.menu-checkbox:checked ~ .drawer-menu {
  transform: translateX(0);
}
/* ドロワーメニューの背景 */
.menu-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 111;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, .5);
  cursor: pointer;
}
.menu-checkbox:checked ~ .menu-background {
  display: block;
}
}
/* リスト */
.list-medium, .list-common, .list-large, .list-step {
  margin: 0;
  padding: 0;
  list-style-type: none;
	flex-wrap: wrap;
}
.list-medium .container-flex,
.list-large .container-flex {
	align-items: flex-start;
	flex-wrap: wrap;
}
.list-medium .container-flex .simple-image {
	width: 5rem;
	margin-right: 1.25rem;
}
.list-medium .container-flex .text-container {
 	width: calc(100% - 6.25rem);
}
.list-medium .container-flex .text-container h3,
.list-large .container-flex .text-container h3 {
 	margin-bottom: .65rem;
	font-size: 1.3rem;
	line-height: 1.4;
	font-weight: 700;
}
.list-large .container-flex .text-container h3 {
	font-size: 1.35rem;	
}
.list-medium p,
.list-common p,
.list-large p,
.list-step p {
	font-size: 1rem;
 	line-height: 1.4;
}
.list-large .container-flex .text-container {
	width: 100%;	
}
.list-large .container-flex img {
	margin: .75rem auto .25rem;
	width: 75%;
}
@media screen and (min-width: 855px) {
.list-large .container-flex img {
	width: 90%;	
}
}
.list-check {
  list-style-type: none;
  border: none;
}
.list-check li {
  position: relative;
  padding: 0 0 1rem 1.8rem;
  line-height: 1.5;
	font-size: 1.2rem;
}
.list-check li::after, .list-check li::before{
  content:''; 
  position:absolute; 
  top: 3px;
  left: 15px;
  height: 17px;
  width: 4px; 
  background:#6c63ff; 
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
}
.list-check li::after {
top: 6px;
    left: 6px;
    height: 14px;
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
}
.list-step {
	display: flex;
}
.list-step li {
	padding: 1rem 1.25rem;
	background: #f5eeed;
	border-radius: .5rem;
	position: relative;
}
.list-step li h3 {
	font-weight: 700;
	font-size: 1.2rem;
	margin-top: .9rem;
	margin-bottom: .75rem;
	line-height: 1.25;
}
.list-step li::before {
	content: "STEP. 1";
	font-weight: 700;
	font-size: 1.25rem;
	border-radius: .5rem .5rem 0 0;
	background: #6c63ff;
	letter-spacing: .1rem;
	color: #fff;
	width: calc(100% + 2.5rem);
	display: block;
	padding: .65rem 1.5rem;
	margin: -1rem -1.25rem 0 -1.25rem ;
}
.list-step li:nth-child(2)::before {
	content: "STEP. 2";	
}
.list-step li:nth-child(3)::before {
	content: "STEP. 3";
}
.list-step li:nth-child(4)::before {
	content: "STEP. 4";	
}
.list-step li:nth-child(5)::before {
	content: "STEP. 5";	
}
.list-step li:nth-child(6)::before {
	content: "STEP. 6";	
}
.simple-container {
	margin: 1rem auto;
    display: block;
    width: 3.5rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    background: #fff;
    border-radius: 1000px;
    bottom: 0.125rem;
    padding: 0.7rem;
}
.list-step li img {
	width: 100%;
}
	.list-medium .container-flex,
	.list-large .container-flex {
		background: #fff;
		padding: 1.5rem 1.125rem;
		border-radius: 1rem;
		margin-bottom: 1rem;
	}
.list-medium .container-flex {
		align-items: flex-start;
}
@media screen and (min-width: 855px) {
	.list-medium, .list-large {
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
		align-items: stretch;
	}
		.list-medium .container-flex,
	.list-large .container-flex {
		width: calc(50% - .75rem);
			padding: 1.5rem;
		margin-left: .75rem;
		margin-bottom: 2rem;
		text-align: center;
	}
	.list-medium .container-flex {
		padding-top: 1rem;
		align-items: flex-start;
}
	.list-large .container-flex {
		text-align: left;
		background: /*#f5eeed*/#f9f9f9;
		padding: 1.5rem 1.75rem 1.75rem 1.75rem;
	}
	.list-medium .container-flex:nth-child(odd),
	.list-large .container-flex:nth-child(odd) {
		margin-left: 0;
		margin-right: .75rem;
	}
	.list-medium .container-flex:nth-last-child(2),
	.list-medium .container-flex:last-child {
		margin-bottom: 0;		
}
	.list-medium .container-flex .simple-image {
		width: 32.5%;
		margin: 0 auto .5rem;
	}
	.list-medium .container-flex .text-container {
 	width: 100%;
	}
	.list-large .container-flex .text-container h3 {
		font-size: 1.45rem;
	    margin-bottom: 1rem;
	}
	.list-step li {
		width: calc(33.33% - 2rem);
		margin-right: 2rem;
		margin-bottom: 3rem;
		padding-bottom: 5.5rem;
	}
	.list-step li:nth-child(3n-1) {
		margin-right: 1rem;
		margin-left: 1rem;
	}
	.list-step li:nth-child(3n) {
		margin-right: 0;		
		margin-left: 2rem;		
	}
	.list-step li:nth-child(n+4) {	
		margin-bottom: 0;	
	}
	.list-step li::after {
	content: "";
    right: -2rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    border-left: 1rem solid #111;
}
	.list-step li:last-child::after {
			content: none;
	}
}
@media screen and (max-width: 854px) {
	.list-large .container-flex {
		margin-bottom: 2rem;
				padding: 0;
	}
	.list-large .container-flex:last-child {
		margin-bottom: 1rem;
	}
	.list-medium .container-flex:last-child {
		margin-bottom: 0;		
}	
.list-step li {
	width: 100%;
	margin-bottom: 4.5rem;
	padding-bottom: 1.75rem;
	padding-right: 6.5rem;
}
.list-step li::before {
		width: calc(100% + 7.75rem);
	margin: -1rem -6.5rem 0 -1.25rem ;
	padding: .5rem 1.25rem;
	}
.list-step li:last-child {
	margin-bottom: 0;
	}
	.list-step li h3 {
		    margin-top: 1.125rem;
		    margin-bottom: .75rem;
	font-size: 1.35rem;	
	}
	.list-step li::after {
	content: "";
	bottom: -2.75rem;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	width: 0;
  height: 0;
  border-left: 1.25rem solid transparent;
  border-right: 1.25rem solid transparent;
  border-top: 1.25rem solid #111;
}
	.list-step li:last-child::after {
			content: none;
	}
	.simple-container {
	margin: 0;
    width: 3.5rem;
    display: block;
    position: absolute;
    left: auto;
    right: -.5rem;
    bottom: auto;
    top: calc(50% + 1.5rem);
    transform: translate(-50%, -50%);
    padding: .75rem;		
	}
}
.icon-back {
	width: 3rem;
	height: 3rem;
	position: relative;
}
.icon-back::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 40%;
    height: 40%;
    transform: translate(-50%, -50%) rotate(-45deg);
    border: solid 3px transparent;
    border-top: 3px solid #111;
    border-left: 3px solid #111;
    background: transparent;
    box-shadow: none;
}
.icon-back::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 3px;
    height: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    background: #111;
}
.button-small {
		font-size: .9rem;
}
.container-btn-small {
	padding: 0 1rem;
}
.is-hidden {
  visibility: hidden;
  opacity: 0;
}
.modal-normal {
	left: 0;
}
.modal-content-normal {
	background: rgba(0,0,0,.9);
    border-radius: 0.5rem;
    border: 2px solid #fff;
	overflow: hidden;
	    max-width: 640px;
	color: #fff;
}
.red {
	color: #fd445e;
}
.mv_btn-container {
    position: absolute;
    width: 100%;
	max-width: 1024px;
	padding-right: 40px;
    left: 50%;
	top: 7.75rem;
    transform: translateX(-50%);
}
/*.mv_btn-container .button-color {
	color: /*#ff6252#6c63ff;
	background: #fff;
}*/
@media screen and (min-width: 855px) {
	.header-logo {
    height: 3rem;
	}
.mv_btn-container .button-color {
	margin-right: 0;
}
	.title-container {
    margin-bottom: 48px;
}
	.title .logo-image {
height: 1.95rem; margin: 0 .2rem .5rem .2rem;	
		    vertical-align: middle;
}
}
@media screen and (max-width: 854px) {
.mv_btn-container {
		padding-right: 0;
	    position: relative;
    top: 4rem;
	right: auto;
}
	.title-container {
	margin-bottom: 2rem;
}
		.title .logo-image {
height: 1.75rem;     margin: 0 0.2rem 0.35rem 0.2rem;
    vertical-align: middle;
}
}
.title.active{
  background-position: -100% 0;
}
.title {
	    padding: 0.35rem .125rem;
    display: inline;
  background-image: -webkit-linear-gradient(left, transparent 50%, #111 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #111 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, #111 50%);
  background-image: -o-linear-gradient(left, transparent 50%, #111 50%);
  background-image: linear-gradient(left, transparent 50%, #111 50%);
  background-repeat: repeat-x;
  background-size: 200% 100%;
  background-position: 0 0;
  transition: all 1s ease;
}