@charset "utf-8";

/*//************************************
	settings
------------------------------------//*/
* {
	box-sizing: border-box;
}

html {
	height: 100%;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
}

body {
	height: 100%;
}

body, input, textarea, select {
	font-family: sans-serif;
	color: #333;
	font-size: 1.6rem;
	line-height: 1.8;
}

/*//-------------------
	basic_structure
-------------------//*/
.wrapper,
header,
footer {
	width: 100%;
}

footer a {
	color: #fff;
}

/*//-------------------
	global_tags
-------------------//*/
img {
	max-width: 100%;
}

a {
	text-decoration: none;
}

/*//-------------------
	common
-------------------//*/

.txt {
	font-size: 1.6rem;
	line-height: 1.7;
	text-align: justify;
}

.innerMain {
	margin: 0 auto;
	max-width: 1200px;
}

.inner {
	margin: 0 auto;
	max-width: 880px;
}

.innerTop {
	margin: 0 auto;
	max-width: 100%;
}

.innerTopWidth {
	margin: 0 auto;
	padding: 30px 0;
	max-width: 560px;
}

.inner._bxs {
	background: rgba(255, 255, 255, 0.9);
}

.inner._bxs2,
.innerTop._bxs2 {
	background: #fff;
	margin-top: 0;
}

/* btns / btns2 */

.inner .btns,
.innerTop .btns {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.innerTop .btns {
	margin-top: 25px;
}

.inner .btns2,
.innerTop .btns2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.inner .btns2 {
	margin: -20px 0;
}
/* monitor */
.ff-monitor img{
	margin-bottom: 8%;	
}
.shop{
	margin: 5% auto;
}

sup {
	font-size: 75%;
	vertical-align: super;
}

/*//-------------------
	products
-------------------//*/

.products {
	background-size: cover;
	padding: 0;
}

.products .inner {
	border: 4px solid #ba99c5;
	padding: 2% 5%;
	max-width: 880px;
}

.products .txt._2 {
	margin: 4% auto 0;
}

.products .clm2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.products .clm2_left {
	margin-right: calc((30 / 960) * 100%);
}

.products .btn {
	margin: 0 3px;
}

/*//-------------------
	header
-------------------//*/

.header .inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

/*//-------------------
	footer
-------------------//*/

.footer {
  background: #78388c;
  padding: 40px 0;
  text-align: center;
}

.footer .copy {
  color: #fff;
  font-size: 1.4rem;
  line-height: 2;
  text-align: center;
}

.footer a {
  color: #fff;
  text-decoration: underline;
}

/*//-------------------
	pagetop
-------------------//*/

.pagetop a {
	background: #b194c4;
	border-radius: 4px 4px 0 0;
	display: block;
	position: absolute;
	right: 10%;
	bottom: 0;
	width: 160px;
	text-align: center;
}

.pagetop img {
	padding: 10px 0;
	vertical-align: middle;
}

/*//-------------------
	main
-------------------//*/

.main {
	position: relative;
}

/* mv */
.mv {
	background: #e9e7e3;
	background-size: 100% 100%;
}
.mv .innerMain img {
    display: block;
}

.sec {
/*	padding: 80px 0;*/
}

/* sec._movie */

.sec._movie {
	background: #ebdff0;
}

.sec._movie .heading2 {
	text-align: center;
}

.sec._movie .movBox {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.sec._movie .movBox iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.sec._movie iframe {
	max-width: 100%;
}

/* sec._ba2 */

.sec._ba2 {

}

.sec._ba2 .inner {
	max-width: 880px;
}

.ba3img {
	margin-top: 10px;
}

._ba2 p {
	text-align: right;
	margin-top: 20px;
}

/* sec._secret */

.sec._secret {
	background-image: url("../images/purplegrade-bg_sp.png");
	background-size: cover;
	background-repeat: no-repeat;
}

.sec._secret .col._2 img {
	padding: 0 20px;
}

.sec._secret .heading2 {
	max-width: 880px;
	margin: 2vh auto 0;
	text-align: center;
}

.sec._secret .inner {
	padding: 60px 0 0;
	max-width: 880px;
	margin: 0 auto 30px;
}

.sec._secret .col .body {
	display: none;
	padding-bottom: 4%;
}

.sec._secret .col {
	padding: 0 20px;
}

.sec._secret .col._4 {
	margin-bottom: 0;
}

.sec._secret .catch {
	margin: 4% 0;
}

.sec._secret .flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.sec._secret .flex > p {
	width: 50%;
}

.sec._secret .flex > .txt {
	padding: 0 1%;
	font-size: 1.8rem;
	font-feature-settings: "palt";
}

/* sec._column */

.sec._column {
	background-image: url("../images/purplegrade-bg_pc.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.sec._column .line {
	margin-bottom: 7%;
}

.sec._column .line:last-child {
	margin-bottom: 0;
}

.sec._column .img {
	margin: 5% 0;
	padding-bottom: 8%;
	text-align: center;
}

.sec._column .txt {
	font-size: 1.8rem;
	max-width: 770px;
	margin: 0 auto 3rem;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	text-align: center;
}

/* contents backgrounds */

.contents-bg-purple {
	background-color: #bc99ce;
	text-align: center;
	margin: 0 auto 20px;
}

.contents-bg-purple img {
	margin: 20px auto;
	max-width: 70%;
}

.uvttl img{
	max-width: 50%;
}

.contents-bg-gold {
	background-color: #e8d28a;
	text-align: center;
	margin: 20px auto;
}

.contents-bg-gold img {
	margin: 20px auto;
}

/* fixedLink（コメントアウト中だが念のため残す） */
.fixedLink {
	position: fixed;
	width: 30%;
	bottom: 10px;
	right: 10px;
}

/*=========================================
	フローティングボタン（現在非表示）
=========================================*/
.fixed_btn {
	position: fixed;
	bottom: 10px;
	right: -20px;
	padding: 6px 40px;
	display: none;
	z-index: 9999;
}

/*//-------------------
	PC: min-width 641px
-------------------//*/

@media screen and (min-width: 641px) {
	.isSp {
		display: none !important;
	}
}

@media screen and (min-width: 961px) {
	.fixed_btn img {
		width: 500px;
		max-width: 500px;
		height: auto;
		transition: opacity 0.3s ease;
	}
}

/*//-------------------
	SP: max-width 640px
-------------------//*/

@media screen and (max-width: 960px) {
	.contents-bg-gold img {
		max-width: 50%;
	}

	.fixed_btn img {
		width: 89vw;
		max-width: 89vw;
	}
}

@media screen and (max-width: 640px) {
	.isPc {
		display: none !important;
	}

	.inner {
		width: auto;
		margin: 0 4.4%;
	}

	.txt {
		font-size: 3.3vw;
	}

	/*//-------------------
		products
	-------------------//*/

	.products {
		padding: 0;
	}

	.products .inner {
		width: auto;
		padding: 4%;
		margin: 0 2%;
	}

	.products .innerTop {
		width: auto;
		padding: 0 4%;
		margin: 0;
	}

	.products .clm2 {
		display: block;
	}

	.products .clm2 .clm2_right {
		width: 70%;
		margin: 0 auto 3%;
	}

	.products .txt {
		margin-bottom: 6%;
	}

	.products .txt._2 {
		margin: 0 0 6% 0;
	}

	.products .btns {
		display: block;
		margin: 0 auto;
	}

	.products .btns2 {
		margin: 0 auto;
	}

	/*//-------------------
		header
	-------------------//*/

	.header .inner {
		padding: 2px 0;
	}

	.header .logo {
		width: 100px;
	}

	.header .logo img {
		vertical-align: middle;
	}

	.header .logo._ff {
		width: 120px;
	}

	/*//-------------------
		pagetop
	-------------------//*/

	.pagetop a {
		border-bottom: 1px solid #fff;
		border-radius: 0;
		position: static;
		padding: 5px 0;
		width: 100%;
		text-align: center;
	}

	/*//-------------------
		footer
	-------------------//*/

	.footer {
		padding: 20px 0 50px;
	}


	/*//-------------------
		main
	-------------------//*/

	/* mv */
	.mv .inner {
		margin: 0;
	}
	.sec {
/*		padding: 5% 0;*/
	}

	.sec._movie .heading2 {
		width: 70%;
		margin: 0 auto;
	}

	/* sec._ba2 */
	.sec._ba2 {
		margin: 0;
	}

	._ba2 p {
		font-size: 1rem;
	}

	/* sec._secret */
	.sec._secret .heading2 {
		width: auto;
		margin: 0 auto;
		text-align: center;
	}

	.sec._secret .inner {
		width: auto;
		padding: 7% 0 0;
		margin: 0;
	}

	.sec._secret .col {
		padding: 0;
		margin-bottom: 7%;
	}

	.sec._secret .col .body {
		display: none;
		padding-bottom: 6%;
	}

	.sec._secret .col .tt {
		padding: 0 4.4%;
	}

	.sec._secret .flex {
		display: block;
	}

	.sec._secret .flex > p {
		width: auto;
		margin: 0 4.4%;
	}

	.sec._secret .flex > .txt {
		font-size: 3.3vw;
		margin: 0 4.4%;
	}

	.sec._secret .flex > .img {
		margin-bottom: 7%;
	}

	.sec._secret .col._1 .img {
		width: 60%;
		margin: 0 auto 3%;
	}

	.sec._secret .col._2 .img {
		margin: 0 auto -3%;
	}

	.sec._secret .col._3 .img {
		width: 88%;
		margin: 0 auto 3%;
	}

	.sec._secret .col._4 .img {
		width: 66%;
		margin: 0 auto 3%;
	}

	.sec._secret .catch {
		width: auto;
		margin: 7% 4.4%;
		text-align: center;
	}

	.sec._secret .col._1 .catch img {
		width: 250px;
	}

	.sec._secret .col._2 .catch img {
		width: 220px;
	}

	/* sec._column */
	.sec._column {
		background-image: url("../images/purplegrade-bg_sp.png");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		margin: 3vh auto 6vh;
		padding: 3vh 0 8vh;
	}

	.sec._column .txt {
		font-size: 1.5rem;
		max-width: 770px;
		margin: 0 auto 7%;
		font-feature-settings: "palt";
	}

	.sec._column .img {
		margin: 2% 0 5%;
		text-align: center;
		padding-bottom: 0;
	}

	.sec._column .line._3 .img {
		width: 90%;
		margin: 0 auto 5%;
	}

	.fixedLink {
		position: fixed;
		width: 60%;
		bottom: 10px;
		right: 10px;
	}
	
	.shop{
		margin-bottom: 5%;
}

}

/* .is-hidden（fixedボタン用） */
.is-hidden {
	visibility: hidden;
	opacity: 0;
}