/*web font*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&family=Poppins:wght@200;300;400;500;600;700&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');



body{

	margin: 0 auto;

	font-family:'Yu Gothic Medium', '游ゴシック Medium', 'YuGothic', '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'メイリオ' , 'Noto Sans JP', sans-serif;

	font-family: 'Inter', sans-serif;

	color: #13181d;

	line-height:1em;

	letter-spacing:0.07em;

}



h1,h2,h3,p{

	color:#fff;

	word-wrap: break-word;

	box-sizing: border-box;

}



@media screen and (min-width: 821px) {



a{

	text-decoration: none;

}



/*不透明度55%*/

.op{opacity: 1.00;}

	

/*color*/

.orange{color:#F07800;}

.navy{color:#13181d;}

.purple{color:#8A76BE;}

.basenavy{color:#303344;}

.black{color:#000;}

/*背景色添加*/

.orback{background-color: #13181d;}

.nvback{background-color: #13181d;}

.prback{background-color: #13181d;}

.bsback{background-color: #13181d;}

.opback{background-color: #13181d;}







#sp{

	display: none;

}

	

#header {

	width: 100%;

	margin: 0 auto;

	background-color: #13181d;

	position: sticky;

	top: 0;

	z-index: 999;

}



#header .container{

	margin: 0 auto;

	width: 1130px;

	height: 80px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	color: #13181d;

}



.headlogo{

	width: 180px;

	margin-right: 20px;

}



.headmenu{

	margin: 20px;

}



.headmenu p{

	color: #fff;

	font-weight: 500;

}





.headmenu-buy{

	margin-left:auto;

}



.buy-button p{

	align-items: center;

	padding: 1em 2em;

	border: 1px solid #fff;
	border-radius:9999px;
	background: #FFF;
	color: #000!important;

	font-weight: 500;

}

/*サブページ*/
#subpage{width: 78%;margin: auto;}
#subpage section.titlearea{border-bottom:1px solid #a0cb66;text-align: center;padding:100px 0 30px;}
#subpage section.titlearea h1{font-size:32px;color:#a0cb66;font-weight:bold;margin-bottom:30px;}
#subpage section.titlearea h2{font-size:14px;color:#FFF;}
#subpage section.textarea{width:72%;margin:auto;padding:30px 0 100px;}
#subpage section.textarea p{font-size:0.9em;line-height: 1.8em;}
#subpage section.textarea h3{margin:30px 0 20px;}




/*features*/

#pcmv{

	margin: auto;
	width: 1130px;
	display: flex;
	justify-content: space-between;
	align-items:center;	
	background-color: #13181d;
}



.pcmv-l{
	width: 730px;
	padding-right:20px;
}

.svelte-u3frbt span.green.svelte-u3frbt {
    color: #a0cb66;
}

.pcmv-l h1{

	font-weight: 900;

	font-size: 60px;

	line-height: 1em;
	
	color: #fff;

}



	
	
.laurels-container.svelte-u3frbt.svelte-u3frbt {
    margin-top: 24px;
	}
	
	
.laurels.svelte-u3frbt.svelte-u3frbt {
    width: 134px;
    height: 122px;
	}

.pcmv-l h2{

	margin: 20px 0 ;

	font-size: 29px;

	line-height: 1.5em;
	
	color: #fff;

}



.pcmv-l p{

	margin-top: 40px;

	font-size: 16px;

	font-weight: bold;

	line-height: 2em;
	
	color: #fff;

}



.pcmv-r img{

	width: 500px;


}



/*MOVE*/

#move {

	background: #334e8e;

	text-align: center;

	padding: 50px 0 100px;

	margin: 50px 0;

}

	#move h1 {

		color: #fff;

		padding: 50px 0 30px;

		font-size: 2em;

		line-height: 1.2;

	}

	

/*info*/

#info{

	margin: 0 auto;

	width: 1130px;

}



#info h1{

	text-align: center;

	margin: 100px auto 30px;

	font-size: 2em;

	line-height: 1.2;

}

	#info h1 span{

		display: block;

		font-size: 16px;

		font-weight: normal;

	}

.info_list {

    height: 28em;

    overflow-y: scroll;

}

.info_list li {

    background: #f1851e;

    padding: 35px 0;

}

.info_list li + li {

    margin-top: 5px;

    padding-top: 25px;

}

.info, .tit {

    display: inline-block;

}

.tit {

    font-size: 14px;

	color: #fff;

}

.tit a{

	color: #fff;

	text-decoration: underline;

	}

.tit a:hover{

	opacity: 0.7;

	}

.info .date {

    padding: 0 60px;

    width: 250px;

	color: #fff;

}

	#info div.btn {

    text-align: center;

}

.btn button {

    font-family: 'Questrial', sans-serif;

    text-align: center;

    font-size: 18px;

    letter-spacing: 2px;

    border: none;

    color: #fff;

    background-color: #303344;

    padding: 8px 10px 8px 0;

    min-width: 200px;

    position: relative;

    height: 40px;

    margin: 30px auto;

    display: block;

}

#info div.btn button::before {

    content: ">";

    position: absolute;

    right: 50%;

    margin-right: -80px;

}

button, label {

    cursor: pointer;

}



/*キューブ*/	

/*.box_contena {

  width: 100%;

  max-width: 1130px;

  margin: 100px auto;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}*/

.box_contena .box01 {

    width: 100%;

    height: 100%;

}

.box_contena .inpos {

    position: relative;

    width: 100%;

    height: 100%;

}	

.box_contena .inpos_center {

    position: absolute;

    width: 100%;

    top: 50%;

    text-align: center;

    -webkit-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

}	

.box_contena h3.box_titleH3 {

    font-size: 40px;

    font-family: 'Pathway Gothic One', sans-serif;

    color: #fff;

    font-weight: 300;

    line-height: 100%;

}

.box_contena p.box_p {

    font-size: 14px;

    color: #fff;

    padding: 15px 0 20px 0;

    line-height: 125%;

}

.box_contena div.photo {

    width: 100%;

    margin: 0 auto;

}	

.box_contena .botanwaku span {

    display: inline-block;

    padding: 12px 0px;

    width: 150px;

    margin: 0 auto;

    color: #fff;

    font-family: 'Pathway Gothic One', sans-serif;

    border: 1px solid #fff;

    text-align: center;

    position: relative;

    font-size: 18px;

    line-height: 100%;

}



.box_contena .box01on {

    width: 100%;

    height: 100%;

}	

	

/**scss共通***/

img {

  width: 100%;

}



.test {

  -webkit-transition: all .4s ease-out;

  transition: all .4s ease-out;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  animation: Flash1 1s infinite;

  font-family: 'Noto Serif JP', serif;

  background: linear-gradient(90deg, #00486e 0%, #00789b 100%);

}



@keyframes Flash1 {

  50% {

    opacity: 0;

  }

}



.test {

  content: "\f105";

  font-family: FontAwesome;

}



/**scss共通ここまで***/

.type_boxH {

  width: 340px;

  height: 340px;

  cursor: pointer;

  -webkit-perspective: 1600px;

  perspective: 1600px;

	margin-bottom: 50px;

}



@media (max-width: 1000px) {

  .type_boxH {

    width: 34vw;

    height: 34vw;

  }

}



@media (max-width: 800px) {

  .type_boxH {

    width: 80vw;

    height: 80vw;

    margin-bottom: 10vw;

    margin-left: 10vw;

  }

}



.type_boxH a {

  display: inline;

}



.type_boxH .item {

  height: 100%;

  transform-style: preserve-3d;

  transition: all .5s;

  -webkit-transition: -webkit-transform .5s;

  -webkit-transform: translateZ(-170px);

  transform: translateZ(-170px);

}



@media (max-width: 1000px) {

  .type_boxH .item {

    -webkit-transform: translateZ(-20vw);

    transform: translateZ(-20vw);

  }

}



@media (max-width: 800px) {

  .type_boxH .item {

    -webkit-transform: translateZ(-40vw);

    transform: translateZ(-40vw);

  }

}



.type_boxH .item-img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: 50%;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transform: translateZ(170px);

  transform: translateZ(170px);

  z-index: 10;

}



@media (max-width: 1000px) {

  .type_boxH .item-img {

    -webkit-transform: translateZ(20vw);

    transform: translateZ(20vw);

  }

}



@media (max-width: 800px) {

  .type_boxH .item-img {

    -webkit-transform: translateZ(40vw);

    transform: translateZ(40vw);

  }

}



.type_boxH .item-content {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: 50%;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transform: translateY(-170px) rotateX(90deg);

  transform: translateY(-170px) rotateX(90deg);

  z-index: 5;

}



@media (max-width: 1000px) {

  .type_boxH .item-content {

    -webkit-transform: translateY(-20vw) rotateX(90deg);

    transform: translateY(-20vw) rotateX(90deg);

  }

}



@media (max-width: 800px) {

  .type_boxH .item-content {

    -webkit-transform: translateY(-40vw) rotateX(90deg);

    transform: translateY(-40vw) rotateX(90deg);

  }

}



/*.type_boxH:hover {

  z-index: 10;

}*/



.type_boxH.active .item {

  -webkit-transform: rotateX(-90deg) translateY(170px);

  transform: rotateX(-90deg) translateY(170px);

}



@media (max-width: 1000px) {

  .type_boxH.active:hover .item {

    -webkit-transform: rotateX(-90deg) translateY(20vw);

    transform: rotateX(-90deg) translateY(20vw);

  }

}



@media (max-width: 800px) {

  .type_boxH.active:hover .item {

    -webkit-transform: rotateX(-90deg) translateY(40vw);

    transform: rotateX(-90deg) translateY(40vw);

  }

}



@media (max-width: 800px) {

  .type_boxH.active {

    z-index: 10;

  }

  .type_boxH.active .item {

    -webkit-transform: rotateX(-90deg) translateY(40vw);

    transform: rotateX(-90deg) translateY(40vw);

  }

}



/********************/

/********************/

/***********************************************************/

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {

  .ie_only {

    font-size: 50px;

  }

  .type_boxH .item {

    -webkit-transform: translateZ(0px) !important;

    transform: translateZ(0px) !important;

  }

  .type_boxH .item-content {

    -webkit-transform: rotateX(-90deg) translateY(200px) !important;

    transform: rotateX(-90deg) translateY(200px) !important;

    -webkit-transform: translateZ(200px) !important;

    transform: translateZ(200px) !important;

  }

  .type_boxH:hover {

    z-index: 10;

  }

  .type_boxH:hover .item {

    -webkit-transform: rotateX(0deg) translateY(0px);

    transform: rotateX(0deg) translateY(0px);

  }

  .type_boxH:hover .item-img {

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out;

    opacity: 0;

  }

}



	

	

	

	

	

/*features*/

#features{

	margin: 0 auto;

	width: 1130px;

}



#features h1{

	text-align: center;

	margin: 100px auto 50px;

	font-size: 2em;

}



/*パープル*/

.secbg01{background: linear-gradient(90deg,#13181d 0%,#13181d 200px,#27313b 200px,#27313b 100%);}



/*オレンジ*/

.secbg02{	background: linear-gradient(90deg,#27313b 0%,#27313b 900px,#13181d 900px,#13181d 100%);

}



/*ネイビー*/

.secbg03{background: linear-gradient(90deg,#13181d 0%,#13181d 200px,#27313b 200px,#27313b 100%);}





.sec-r{

	margin: 50px auto;

	width:1130px;

	height: 420px;

	display: flex;

	justify-content: space-between;

	align-items:center;

	

}



.sec-l{

	margin: 50px auto;

	width:1130px;

	height: 420px;

	display: flex;

	justify-content: space-between;

	align-items:center;

}



.feat-txt-r{

	margin-left: 40px;

	width: 480px;

	color: #fff;

	text-align: left;
	

}



.feat-txt{

	margin-right: 40px;

	width: 480px;

	color: #fff;

	text-align: right;
	
	background:Transparent;

}



.sec-l h2{

	font-size: 60px;

	margin-bottom: 0.6em;
}



.sec-r h2{

	font-size: 60px;

	opacity: 0.5;

	margin-bottom: 0.6em;

}



.feat-txt-r h2{

	font-size: 60px;

	opacity: 0.5;

	text-align: left;
	
	background:#9684c3;

}



.sec-l h3{

	padding: 15px 0;

	font-size: 28px;

	font-weight: bold;

	text-align: left;

}





.sec-r h3{

	padding: 15px 0;

	font-size: 28px;

	font-weight: bold;

}



.sec-l p{

	margin-top: 15px;

	font-size: 14px;

	font-weight: 500;

	line-height: 1.8em;

	font-weight: bold;

    letter-spacing:0.8;

	text-align: left;

}



.sec-r p{

	margin-top: 15px;

	font-size: 14px;

	font-weight: 500;

	line-height: 1.8em;

	font-weight: bold;

    letter-spacing:0.8;

	text-align: left;

}







.feat-txt h1,.feat-txt h2,.feat-txt h3,.feat-txt p{color: #fff;
	
	background:transparent;}

.feat-txt-r h1,.feat-txt-r h2,.feat-txt-r h3,.feat-txt-r p{color: #fff;}
.feat-txt h3{white-space: nowrap;font-size:1.65em;letter-spacing: 0.01em;}




.feat-img img{

	width: 560px;

}





/*Gallery*/

#gallery{

	margin: auto;

	width: 1130px;

}



#gallery h1{

	text-align: center;

	margin: 100px auto 50px;

	font-size: 2em;

}



.gallery {

	margin: auto;

    width: 1130px;
	align-items: center;
    

	display: flex;

	justify-content: space-between;

	color: #fff;

	flex-wrap:wrap;

}



.gallery img{

	width: 340px;
	heigh: 340px;
	align-items: center;

	margin-bottom: 5px;

}











/*Function*/

#function{

}



.function-inner{

	padding-top: 1px;

	margin: 50px auto;

	width: 1130px;

	text-align: center;

}



#function h1{

	text-align: center;

	margin: 100px auto 50px;

	font-size: 2em;

	color:#fff;

}



#function .container{

	margin: 0 auto;

	width: 1130px;

	display: flex;

	justify-content: space-around;

	flex-wrap:wrap;

	padding-bottom: 80px;

}



.funparts{

	width: 290px;

	font-size: 0.8em;

	padding: 32px;

	border-radius: 20px;

	margin-bottom: 20px;

}



.funparts img{

	margin: 0 auto 15px;	

	width: 290px;
	height:170px;

	text-align: center;

}



.funparts h2{

	font-size: 20px;

	width: 290px;

	margin: 5px auto;

	color: #fff;

	text-align: center;

	padding-bottom: 10px;

}



.funparts p{

	font-size: 14px;

	line-height: 1.6em;

	font-weight: bold;

	margin: auto;

	width: 290px;

	color: #fff;

	padding-bottom: 5px;

	text-align: left;

}











/*Blocks*/

#blocks{

	margin: 0 auto;

	width: 1130px;

	padding-bottom: 30px;

}



#blocks h1{

	text-align: center;

	margin: 100px auto 50px;

	font-size: 2em;

}



#blocks .container{

	margin: 0 auto;

	width: 1130px;

	display: flex;

	justify-content: space-between;

}



#blocks .productparts{

	width: 280px;

	font-size: 0.8em;

}



#blocks .productparts img{

	width: 300px;

}



#blocks .productparts h2{

	font-size: 1.2em;

	width: 300px;

	margin: 10px auto;

}



#blocks .productparts p{

	width: 300px;

}





/*BLOCK*/

.blockparts{

	width: 310px;

	padding: 0 30px;

}



.blockparts img{

	width: 310px;

}



.blockparts h2{

	font-size: 22px;

	width: 310px;

	margin: 10px auto;

	text-align: center;

	padding: 10px 0;

}



.blockparts p{

	text-align: center;

	width: 310px;

	font-size: 14px;

	font-weight: bold;

	line-height: 1.8em;

	letter-spacing: 0.05em;

	margin-bottom: 10px;

}



.blockparts .level{

	text-align: center;

	font-size: 0.9em;

}

	



/*spec系表記共通*/

.speclist{

	margin:10px auto;

	width: 320px;

	display: flex;

	line-height: 2em;
	color:#000;

}



.speclist table{

	font-size: 13px;

	

	color:#000;

}

.speclist table colgroup{

	width: 130px;

}





/*Products*/

#products{

	margin: 0 auto;

	width: 1130px;
	background:#fff;
}



#products h1{

	text-align: center;

	margin: 100px auto 50px;

	font-size: 2em;
	color:#000;

}



#products .container{

	margin: 0 auto;

	width: 1130px;

	display: flex;

	justify-content: space-between;

}





#products .productparts{

	width:310px;

	padding: 30px;

}
#products .productparts p{color:#000!important;}



.productparts img{

	width: 300px;

}









.productparts h2{

	margin: auto;

	font-size: 1.2em;

	width: 300px;

	padding: 30px 0;

	/*text-align: center;*/
	
    line-height: normal;

}




.productparts p{

	width: 310px;

	font-size: 12px;

	font-weight: bold;

	line-height: normal;

	letter-spacing: 0.05em;

}


/*FAQ*/


#faq{
	background-color: #f6f8fa;
}

#faq > .faqContents{
	margin: 0 auto;
	width: 1130px;
	background-color: #f6f8fa;
	padding: 64px 24px;
}

#faq h1{

	text-align: center;
	margin: 50px auto;
	font-size: 2em;
	background-color: #f6f8fa;
	color:#000;

}

.faq_box{box-sizing: border-box;
    padding: 16px;
    margin: 8px auto;
    max-width: 744px;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 4px 10px 0 rgb(39 49 59 / 10%);
    background-color: #ffffff;
    overflow: hidden;
    cursor: pointer;}

.faq_box > p{background-color: #ffffff;color:#000;
    margin: 0;
    display: flex;
    align-items: center;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-size: 15px;
    letter-spacing: 0.89px;
    color: #13181d;
	padding-left: 20px;	
	line-height: 1.5em;
}
.faq_box span{background-color: #ffffff;}

.faq_box > p.question{position: relative;font-weight:bold;}
.faq_box > p.question::before{content:"Q";font-size: 1.3em;font-weight: bold;color:#a0cb66;padding-right:15px;vertical-align :top;
	position: absolute;
	top: 0%;
	left: 0%;}
	.faq_box > p.question a{color:#000!important;}
.faq_box > p.answer{position: relative;margin-top:20px;display:none;}
.faq_box > p.answer::before{content:"A";font-size: 1.3em;font-weight: bold;color:#ff9292;padding-right:15px;vertical-align :top;
	position: absolute;
	top: 0%;
	left: 0%;}
	





.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {
	border-top: 1px solid #1b2538;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 1px;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 1em;
	cursor: pointer;
	border-bottom: 1px solid #1b2538;
}
.cp_qa .cp_actab label:hover {
	color: #00838F;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.5s ease;
	        transition: max-height 0.5s ease;
	color: #ffffff;
	background: rgba(0, 131, 143, 0.5);
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em;
}
/* 質問を開いた時の仕様 */
/* --アイコン */
.cp_qa .cp_actab input:checked ~ label {
	color: #00838F;
}
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab label::after {
	line-height: 1.6;
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 3em;
	margin-top: -12.5px;
	-webkit-transition: all 0.5s ease;
	        transition: all 0.5s ease;
	text-align: center;
}
.cp_qa .cp_actab input[type=checkbox] + label::after {
	content: 'BC';
}
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

	.section-title.svelte-18qd2n3 {
    letter-spacing: 1px;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: rgb(19, 24, 29);
    margin: 0px;
}
	
	
	
	
.container.svelte-18qd2n3 {
    padding: 76px;
}

.container.svelte-18qd2n3 {
    margin: 0 auto;
    max-width: 1280px;
    padding: 101px 24px 64px;
}

.shops-wrapper.svelte-18qd2n3 {
    padding-top: 32px;
    flex-flow: row;
}

.shops-wrapper.svelte-18qd2n3 {
    display: flex;
    justify-content: space-evenly;
    padding-top: 70px;
    flex-flow: column;
	flex-direction: row;
}

.Pcfooter_out{width: 100%;background:#303344;}
.Pcfooter_in{width:1130px;margin:auto;padding:48px 0 56px;color:#FFF;}
.Pcfooter_in ul{display:table;width: 100%;margin-bottom:48px;}
.Pcfooter_in ul.listOver li{display:table-cell;vertical-align: middle;margin-right: 32px;}
.Pcfooter_in ul.listOver li:first-child{width:133px;padding-right:40px;}
.Pcfooter_in ul.listOver li:last-child{text-align: right;}
.Pcfooter_in ul.listOver li a{color:#FFF;font-weight:bold;margin-right:30px;}
.Pcfooter_in ul.listOver li:last-child a{
	display:inline-block;color:#000;background: #FFF;width: 140px;height: 40px;line-height: 40px;text-align: center;border-radius:9999px;}

.Pcfooter_in ul.listUnder li{display:table-cell;vertical-align: middle;color:#FFF;}
.Pcfooter_in ul.listUnder li:first-child a{color:#FFF;border-right:1px solid #FFF;padding:0 15px 0 15px;}
.Pcfooter_in ul.listUnder li:first-child a:first-child{padding-left:0}
.Pcfooter_in ul.listUnder li:first-child a:last-child{border:none;}
.Pcfooter_in ul.listUnder li:last-child{text-align: right;}
.Pcfooter_in ul.listUnder li:last-child a{color:#FFF;border-left:1px solid #FFF;padding-left:15px;margin-left:15px;}


.footer{

	width: 100%;

	height: 200px;

	margin: 0 auto;
	
	background-color:#303344;

}



.footer-content{

	margin: 0 auto;

	width: 1130px;

	height: 100px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	color: #13181d;

}

.fmenu-l{
	display: flex;
    justify-content: space-evenly;
	align-items: center;
	padding-bottom:20px;
    padding-top:40px;
	padding-left:20px;
	padding-right:20px;
	
}

.fmenu-logo{
    display: flex;
    justify-content: space-evenly;
	align-items: center;
	padding-bottom:40px;
    padding-top:40px;
	padding-right:40px;
	}

.fmenu-botton{
    display: flex;
    justify-content: space-evenly;
	align-items: center;
	padding-bottom:40px;
    padding-top:40px;
	
		
	}
	

	
.footlogo{

	width: 180px;

	margin-right: 20px;

}



.footmenu{

	margin: 20px;

}



.footmenu p{

	color: #fff;

	font-weight: 500;

	font-size: 1em;

}



.footmenu-buy{

	margin-left:auto;

}



.buy-button p{

	font-weight: 500;

	align-items: center;

	padding: 1em 2em;

	border: 1px solid #fff;

	color: #fff;

}



.footmenu-right{

	display: flex;

	/*width: 500px;*/

	flex-direction:row-reverse;
	
	justify-content: flex-start;

}
	
.footsubmenu{
	/*display: flex;*/
    width: 1130px;
    margin: 0 auto;
    flex-direction:row-reverse;
    align-items: center;
	color: #ffff;
	}


.footmenu-left{

	display:flex;

	width: 1130px;
	
	margin: 0 auto;
	
	align-items: center;
	
	padding-left:20px;

}

	

.footmenu-left.p {

	margin-right: 20px;

	color: #fff;

	font-size: 1em;

}



.footmenu-right p{

	margin-left: 20px;

	color: #fff;

	font-size: 1em;

}



.footsubmenu_right{

	display:flex;

	/*width: 500px;
	
	margin: 0 200px;*/
	
	align-items: center;
	
	margin: 0 auto;
	
	color: #ffffff;
	
	justify-content: space-evenly;
	
    flex-direction: row;
	
	padding-left: 150px;
	
	flex-direction: column;
	
	width:270px;
}
}
@media screen and (min-width: 821px)
.footsubmenu {

}