/*--------------------------------------------------------
URL:https://deza-in.com
Copyright(c)2021 DEZAIN all rights reserved.
----------------------------------------------------------*/


body{
	font-family: Avenir, Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	/* プロポーショナルメトリクスを有効にする指定 */
	font-feature-settings : "palt";
	}
	
::selection {
background: #e0e0e0; /* Safari, Chrome */
color: #000; 
}
 
::-moz-selection {
background: #e0e0e0; /* Firefox */
color: #000; 
}

h1{
　　text-indent:-9999px;
　　font-size:1px;
　　text-align:center;
　　margin:0px;
　　padding:0px;
}

@media screen and (max-width: 750px) {
	.br-pc { display:none; }
}
@media screen and (min-width: 750px) {
	.br-sp { display:none; }
}

.under {
	border-bottom: solid 1px #000000;
}

/*
link 
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

a{
    color: #808080;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
	text-decoration:none;
}

a:hover {
    color: #e0e0e0;
}

object {
    pointer-events: none;
}


/*
top
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*
スムーズスクロールcss
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

html{
    scroll-behavior: smooth;
}

/*
heder SP
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

html{
	width:100%;
  padding: 0;
  margin: 0;	
}
body{
	width:100%;
  padding: 0;
  margin: 0;	
}

.heder{
	width:100%;
	height:50px;
    top:0%;
	background-color:#ffffff;
	position:fixed;
	z-index:10;
}

.top_flame{
	display:none;
}


.photo_top_sp{
	width:100%;
    margin:50px 0px 0px 0px;
}

.photo_top_sp {
    position: relative;
    width:100vw;
    height: 560px;
}
.photo_top_sp_image {
  position: absolute;
  opacity: 0;
  animation: change-img-anim 30s infinite;
  z-index:-1;
  margin:0 auto;
  display:block;    
}


.photo_top_sp_image:nth-of-type(1) {
  animation: change-img-anim-first 21s infinite;
	animation-delay: 0s;
}
.photo_top_sp_image:nth-of-type(2) {
	animation-delay: 7s;
}
.photo_top_sp_image:nth-of-type(3) {
	animation-delay: 14s;
}
@keyframes change-img-anim-first {
  0%{ opacity: 0;}
  30%{ opacity: 1;}
  36%{ opacity: 1;}
  45%{ opacity: 0;}
  100%{ opacity: 0;}
}
@keyframes change-img-anim {
  0%{ opacity: 0;}
  30%{ opacity: 1;}
  36%{ opacity: 1;}
  45%{ opacity: 0;}
  100%{ opacity: 0;}
}

.photo_top, .photo_top_image {
	display:none;
}








.dezain_text{
	font-feature-settings: "palt";
	font-family: "Montserrat";
	font-weight:600;
	width:335px;
    margin: 60px auto 10px auto;
	font-size:24px;
	text-align:center;
	line-height:40px;
	letter-spacing:.0.8em;
	color:#000000;
}

.dezain_honbun_text{
	font-feature-settings: "palt";
	font-family: "Montserrat";
    font-family: "Noto Sans JP";
    font-weight:600;
	width:315px;
	margin: 20px auto 40px auto;
	font-size:14px;
	text-align:center;
	line-height:24px;
	letter-spacing:0.04em;
	color:#000;
}
h1{
	font-feature-settings: "palt";
	font-family: "Montserrat";
    font-family: "Noto Sans JP";
    font-weight:600;
	width:315px;
	margin: 20px auto 40px auto;
	font-size:14px;
	text-align:center;
	line-height:24px;
	letter-spacing:0.04em;
	color:#000;
}

.contents_tittle{
	font-feature-settings: "palt";
	font-family: "Montserrat";
	font-weight:700;
	width:335px;
    margin: 120px auto 10px auto;
	font-size:24px;
	text-align:center;
	line-height:40px;
	letter-spacing:.0.8em;
	color:#000000;
}

.typoname{
	font-feature-settings: "palt";
	font-family: "Montserrat";
	font-weight:700;
	width:100%;
	margin: 0px auto 0px auto;
	font-size:20px;
	text-align:center;
	line-height:40px;
	letter-spacing:.0.8em;
	color:#000000;
}

.top_typeface_flame01{
	width:335px;
	margin: 0px auto 0px auto;
	text-align:center;
}

.top_typeface_flame02{
	width:335px;
	margin: 40px auto 20px auto;
	float: left;
}


.typeface_text{
	font-feature-settings: "palt";
    font-family: "Noto Sans JP";
	width:300px;
	font-weight:400;
	margin: 0px auto 0px auto;
	font-size:14px;
	line-height:22px;
    text-align: center;
	letter-spacing:0.1em;
}


/*
sample SP
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.sample_200px{
	margin: 0px auto 20px auto;
	text-align: center;
}

.sample_waku{
    width:100%;
	margin: 0px auto 40px auto;
    text-align: center;
}

.typeface_flame{
	display: none;
}
.typeface_flame_sp{
    width:320px;
	margin: 0 auto;
    text-align: center;
}
.sample_flame{
    width:320px;
	margin: 0 auto;
    text-align: center;
}

.sample_120px{
	font-feature-settings: "palt";
    font-family: "Noto Sans JP";
	font-weight:500;
    width:120px;
	margin: 40px 20px 40px 20px;
	font-size:16px;
	line-height:22px;
	letter-spacing:0.04em;
	color:#000;
	float:left;
}
.botan_sp{
    width:160px;
	margin: 60px auto 40px auto;
    text-align: center;
}
.botan{
    display: none;
}

/*
product_photo top
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.product_flame_01{
    width:100%;
  padding: 0;
  margin: 0;
    text-align: center;
}
.product_flame{
    width:100%;
  padding: 0;
  margin: 0;
    text-align: center;
}

.product_photo{
    width:100%;
	margin: 0px 0px 20px 0px;
	font-feature-settings: "palt";
    font-family: "Noto Sans JP";
	font-weight:600;    
	font-size:16px;
	line-height:22px;
	letter-spacing:0.04em;
	color:#000;
    text-align: center;
	float:left;
}
.product_honbun{
	font-feature-settings: "palt";
    font-family: "Noto Sans JP";
	width:290px;
	font-weight:400;
	margin: 20px auto 20px auto;
	font-size:14px;
	line-height:24px;
	letter-spacing:0.1em;
    text-align:center;
	color:#000;
}

.size{
	font-feature-settings: "palt";
	font-family: "Montserrat";
    font-family: "Noto Sans JP";
	font-weight:300;
	width:100%;
	margin: 0px auto 60px auto;
	font-size:18px;
	line-height:26px;
    text-align: center;
	letter-spacing:0.07em;
	color:#000;
}
.font_sale{
	font-feature-settings: "palt";
	font-family: "Montserrat";
    font-family: "Noto Sans JP";
	font-weight:300;
	width:100%;
	margin: 0px auto 0px auto;
	font-size:18px;
	line-height:26px;
    text-align: center;
	letter-spacing:0.07em;
	color:#F00;
}




.dezain_logo{
	display: none;
}

/*
dezain_logo_sp_teaser
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.dezain_logo_sp_teaser{
    margin: 60px auto 0px auto;
    text-align:center;
}
.coming_soon{
	font-feature-settings: "palt";
	font-family: "Montserrat";    
    margin: 80px auto 0px auto;
    font-weight:700;
    font-size:40px;
    text-align:center;
    line-height:22px;
    letter-spacing:0em;    
}


/*
dezain_logo_text_sp
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.dezain_logo_sp{
top:0.7%;
left:44%;
position:fixed;
text-align:center;
float:left;
z-index:100;
}
.dezain_logo_sp> a {
border-bottom:none;
}

.dezain_toptext01_sp{
    top:280px;
    width:100%;
    position:absolute;
    text-align: center;
}
.dezain_toptext01_sp{
  animation: fadeup 2s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

@keyframes fadeup {
  0% {
    transform: translateY(60px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.dezain_toptext02_sp{
    top:320px;
    width:100%;
    position:absolute;
    text-align: center;
}
.dezain_toptext02_sp{
  animation: fadeup 2s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
@keyframes fadeup {
  0% {
    transform: translateY(80px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.dezain_toptext03_sp{
    top:360px;
    width:100%;
    position:absolute;
    text-align: center;
}
.dezain_toptext03_sp{
  animation: fadeup 4s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
@keyframes fadeup {
  0% {
    transform: translateY(140px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


.dezain_toptext01, .dezain_toptext02, .copyright{
	display:none;
}

/*
insta PC
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.insta{
display:none;
}

/*
insta SP
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.insta_sp{
	width:100%;
	color:#000000;
	text-align:center;
	float:left;
}
.insta> a {
	border-bottom:none;
}

/*
footer PC
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.footer, .footer001, .footer002, .payment, .shipping, .return, .tokutei, .privacy{
display:none;
}

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

.footer_waku{
	
	width:100%;
  padding: 0;
  margin: 0;	
	background-color:#dfdfdf;
	float:left;
}
.footer_sp{
	width:100%;
  padding: 0;
  margin: 0;
float:left;
}
.footer001_sp{
width:100%;
margin:40px 0px 0px 0px;
float:left;
}
.footer002_sp{
width:100%;
height:140px;
margin:30px 0px 0px 0px;
float:left;
}

.payment_sp, .shipping_sp, .return_sp{
	font-feature-settings: "palt";
    font-family: "Noto Sans JP";
    width:100%;
	margin:5px 0px 0px 0px;
	font-weight:400;
	font-size:16px;
	line-height:32px;
	letter-spacing:0.1em;
    text-align:center;
	float:left;
	color:#000;
}
.tokutei_sp, .privacy_sp{
	font-feature-settings: "palt";
    font-family: "Noto Sans JP";
    width:100%;
	margin:5px 0px 0px 4px;
	font-weight:300;
	font-size:12px;
	line-height:24px;
	letter-spacing:0.07em;
    text-align:center;
	float:left;
	color:#000;
}

.logo_footer_sp{
    width:100%;
	margin:0px 0px 0px 0px;
    text-align:center;
	float:left;
}	

/*
sp_copyright
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.copyright_sp{
	font-feature-settings: "palt";
	font-family: "Montserrat";
    font-weight:100;
	margin:112px 0px 20px 0px;
    width:100%;
    font-size:9px;
    line-height:16px;
    color:#000000;
    letter-spacing:0.1em;
    text-align:center;
	float:left;
}	

/*
contents
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.contents{
	font-feature-settings: "palt";
	font-family: "Montserrat";
    font-weight:600;
	max-width:100%;
	margin: 80px 20px 0px 20px;
	font-size:32px;
	text-align:center;
	line-height:60px;
	letter-spacing:0.07em;
	color:#000000;
}

/*
product position
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.slide_position{
	width:375px;
	margin: 0px auto 0px auto;
	padding: 70px 0px 0px 0px;
    text-align:center;  
}

/*
product
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.product_name{
	font-feature-settings: "palt";
    font-family: "Noto Sans JP";
	font-weight:600;
	max-width:100%;
	font-size:20px;
	line-height:24px;
	letter-spacing:0.0em;
	margin: 40px 0px 0px 0px;
    text-align:center;
	color:#000;
}

.product_cap{
	font-feature-settings: "palt";
	font-family: "Montserrat";
	max-width:100%;
	font-weight:300;
	margin: 20px 0px 0px 0px;
	padding: 0px 40px 0px 40px;
    font-size:12px;
	line-height:18px;
	letter-spacing:0.1em;
    text-align:justify;
	color:#000;
}

.product_price{
	font-feature-settings: "palt";
	font-family: "Montserrat";
	max-width:100%;
	font-weight:500;
	margin: 40px 20px 0px 20px;
	font-size:24px;
	line-height:32px;
	letter-spacing:0.01em;	
    text-align:center;
	color:#000;
}
.product_price_sale{
	font-feature-settings: "palt";
	font-family: "Montserrat";
	max-width:100%;
	font-weight:500;
	margin: 10px 20px 10px 20px;
	font-size:24px;
	line-height:32px;
	letter-spacing:0.01em;	
    text-align:center;
	color:#F00;
}

.addtocart{
	max-width:100%;
	margin: 20px 0px 20px 0px;
    text-align:center;
}

.zei_text{
	font-feature-settings: "palt";
	font-family: "Montserrat";
	font-weight:500;
	max-width:100%;
	margin: 10px 20px 0px 20px;
	font-size:14px;
	line-height:20px;
	letter-spacing:0.07em;
    text-align:center;
	color:#000;
}

.attention_midashi{
	font-feature-settings: "palt";
	font-family: "Montserrat"; 
    font-weight:600;
	max-width:100%;
	margin: 100px 20px 40px 20px;
	font-size:18px;
	line-height:22px;
	letter-spacing:0.07em;
    text-align:center;
	color:#000;
}

.attention_tittle{
	font-feature-settings: "palt";
	font-family: "Montserrat";   
	font-weight:300;
	max-width:100%;
	margin: 60px 40px 0px 40px;
	font-size:16px;
	line-height:26px;
	letter-spacing:0.07em;
    text-align:center;
	color:#000;
}

.attention_text{
	font-feature-settings: "palt";
	font-family: "Montserrat";
	font-weight:400;
	max-width:100%;
	margin: 20px 40px 10px 40px;
	font-size:14px;
	line-height:24px;
    text-align: justify;
	letter-spacing:0.07em;
	color:#000;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}
.cart_botan, a.cart_botan, button.cart_botan {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.2;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
.cart_botan--black,
a.cart_botan--black {
  color: #fff;
  background-color: #000;
}

.photo_subflame{
	width:636px;
	margin:0px auto 0px 101px;
	float:left;
}
.photo_sub{
	width:212px;
	margin:0px auto 0px 0px;
	float:left;
}

/*
info
----------------------------------------------*/

.info_midashi{
	font-feature-settings: "palt";
	font-family: "Montserrat";
	font-weight:600;
	max-width:100%;
	margin: 80px 20px 0px 20px;
	font-size:18px;
	text-align:center;
	line-height:60px;
	letter-spacing:0.07em;
	color:#000000;
}

.info_tittle{
	font-feature-settings: "palt";
	font-family: "Montserrat";
	font-weight:600;
	max-width:100%;
	margin: 20px 20px 0px 20px;
	font-size:16px;
	text-align:center;
	line-height:26px;
	letter-spacing:0.07em;
	color:#000000;
}

.info_text{
	font-feature-settings: "palt";
	font-family: "Montserrat";
	font-weight:500;
	max-width:100%;
	margin: 0px 40px 40px 40px;
	font-size:14px;
	text-align:center;
	line-height:24px;
	letter-spacing:0.07em;
	color:#000000;
}

dt{
	font-feature-settings: "palt";
	font-family: "Montserrat"; 
	text-align: center;
	margin: 0px 0px 0px 0px;
}
dd{
	font-feature-settings: "palt";
	font-family: "Montserrat";  
	text-align: center;
	margin: 0px 0px 0px 0px;
}

/*
contact
----------------------------------------------*/

.contact_honbun{
	font-feature-settings: "palt";
	font-family: "Noto Sans Japanese";
	font-weight:400;
	max-width:100%;
	margin: 80px 20px 60px 20px;
	font-size:14px;
	text-align:center;
	line-height:22px;
	letter-spacing:.0em;
	color:#000000;
}

/*
faq
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.faq_tittle{
	font-feature-settings: "palt";
	font-family: "Montserrat";
	font-weight:600;
	max-width:100%;
	margin: 40px 20px 10px 20px;
	font-size:16px;
	text-align:center;
	line-height:26px;
	color:#000000;
	letter-spacing:0.07em;
}

.faq_honbun{
	font-feature-settings: "palt";
	font-family: "Montserrat";
	font-weight:500;
	max-width:100%;
	margin: 10px 40px 0px 40px;
	font-size:14px;
	text-align:center;
	line-height:24px;
	letter-spacing:0.1em;
	color:#000000;
}

/*
sp menu botan
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

 .spmenu_btn {
	font-feature-settings: "palt";
	font-family: "Montserrat";
	display:block;
    position:fixed;
    top :20px;
    left:10px;
    width:30px;
    height:12px;
    background:#00000000;
    border-top:10px solid #ffffff00;
    border-bottom:10px solid #ffffff00;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
    z-index:100;
}
.spmenu_btn:before {
    content:'';
    position:absolute;
    width:30px;
    height:1px;
    background:#000;
    top:-9px;
    right:0;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.spmenu_btn:after {
    content:'';
    position:absolute;
    width:30px;
    height:1px;
    background:#000;
    bottom:0px;
    right:0;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.spmenu_btn.active {
    background:#fff;
}
.spmenu_btn.active:before {
    -moz-transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg);
    top:0;
    right:0;
}
.spmenu_btn.active:after {
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    bottom:0;
    right:0;
}

 /*
  spmenu_位置調整
 ---------------------------------------------------*/

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 24%;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}

 nav {
    display:block;
	padding:0px 0px 0px 0px;/*pc menuのテキスト位置*/
    max-width:100%;
	margin:0px 0px 0px 0px;
}
nav li a {
    display:block;
    max-width:100%;
    color:#FFF;
	margin:0px 0px 0px 0px;
    padding:24px 0px 24px 0px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    border-bottom:0px solid #999;
}
.spmenu {
	font-feature-settings: "palt";
	font-family: "Montserrat";
    font-size:32px;
	font-weight:400;
    width:100%;
	height:100%;    
	margin:0px 0px 0px 0px;
    display:none;/*このdisplay:noneは必要*/
    position:fixed;
    top :0px;
	line-height:10px;
	letter-spacing:0.07em;
	text-align:center;
    background:#fff;
	z-index:99;
}
.spmenu a{
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
	text-decoration:none;
	color:#000;
	border-bottom:none;
}
.spmenu a:visited {
	color:#000;
}
.spmenu a:hover {
    color: #ff007f;
}

 /*
  about_sp
 ---------------------------------------------------*/
.about_tittle{
	font-feature-settings: "palt";
	font-family: "Montserrat";
	font-weight:700;
	width:335px;
    margin: 60px auto 10px auto;
	font-size:24px;
	text-align:center;
	line-height:40px;
	letter-spacing:.0.8em;
	color:#000000;
}

.dezain_about01_sp{
    top:150px;
    width:100%;
    position:absolute;
    text-align: center;
}
.dezain_about01_sp{
  animation: fadeup 2s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

@keyframes fadeup {
  0% {
    transform: translateY(60px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.dezain_about02_sp{
    top:190px;
    width:100%;
    position:absolute;
    text-align: center;
}
.dezain_about02_sp{
  animation: fadeup 2s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
@keyframes fadeup {
  0% {
    transform: translateY(80px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


.dezain_abouttext01, .dezain_abouttext02{
display:none;
}

.about_photo{
	width:315px;
	margin: 0px auto 0px auto;
	text-align:center;
}

.dezain_cap_text{
	font-feature-settings: "palt";
	font-family: "Montserrat";
    font-family: "Noto Sans JP";
    font-weight:400;
	width:315px;
	margin: 0px auto 40px auto;
	font-size:14px;
	text-align:center;
	line-height:24px;
	letter-spacing:0.04em;
	color:#000;
}