@charset "utf-8";
/* CSS Document */
/*
    font-family: yu-gothic-pr6n, sans-serif;
    font-family: cormorant, sans-serif;
    font-family: inter-variable, sans-serif;
    font-family: acumin-variable, sans-serif;
    
*/

:root{
    --base-color: #464646;
    --base-En-sans: acumin-variable, sans-serif;
    --base-En-serif: cormorant, sans-serif;
}


html {
  font-size: 62.3%;
}

body{
	font-size: 15px;
	color: var(--base-color);
	line-height: 1.6;
	text-align: center;
    font-family:  acumin-variable, yu-gothic-pr6n, sans-serif !important;
    font-weight: 400;
	letter-spacing:0.1em;
    font-style: normal;
    background-color: #e8e5e1;
}
ol,ul{padding: 0; margin: 0;}
img{
	max-width: 100%;
    vertical-align: baseline;
}

a{
	color: var(--base-color);
	text-decoration: none;
}

sup{
    font-size: 11px;
    vertical-align: super;
    margin-left: 5px;
}

.comm_mt{
    margin-top: 4em !important;
}

.comm_mt5{
    margin-top: 5em;
}

.comm_w90{
    width:90%;
    margin: 0 auto;
}

.comm_w80{
    width:80%;
    margin: 0 auto;
}

.comm_w70{
    width:70%;
    margin: 0 auto;
}

.comm_w1100 {
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
}
.comm_w1000 {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}

.comm_w800 {
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
}

.comm_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.comm_kome {
	font-size: 85%;
}

.number{
    font-family:var(--base-En-sans) !important ;
    font-size: 108%;
}

.luty_comm_midashi h1{
    font-size: clamp(2rem, 0.129rem + 5.16vw, 4rem);
    text-align: left;
    letter-spacing: 0.15em;
    margin-bottom: 2em;
}

.luty_comm_midashi h1 span{
    font-size: 45%;
    letter-spacing: 0.12em;
    margin-left: 1.4em;
}

.luty_comm_midashi p {
	line-height: 2.0em;
}

.luty_comm_midashi h2{
    font-size: clamp(2rem, 0.129rem + 5.16vw, 4rem);
    text-align: left;
    letter-spacing: 0.15em;
    margin-bottom: 2em;
}

.luty_comm_midashi h2 span{
    font-size: 55%;
    letter-spacing: 0.12em;
    margin-left: 1.4em;
}

.luty_btn_area{
    justify-content: flex-start;
    margin-top: 20px;
}
.luty_comm_btn{
    border: 1px solid;
    border-radius: 50px;
    /*width: 46%;*/
    max-width: 320px;
    margin-right: 2%;
    text-align: left;
    box-sizing: border-box;
}

.luty_comm_btn a{
    display: block;
    padding: 1.5em 1em 1.5em 1.8em;
    position: relative;
}

.luty_comm_btn a:after{
    content: "";
    background: url("../../../Contents/ImagesPkg/luty2026/comm/arrow.png") no-repeat;
    display: inline-block;
    width: 19%;
    aspect-ratio: 15/1;
    position: absolute;
    right: 5%;
    top: 50%;
    background-position: right;
}

.luty_comm_btn_2{
    border: 1px solid;
    border-radius: 50px;
    width: 46%;
    max-width: 320px;
    margin-right: 2%;
    text-align: center;
    box-sizing: border-box;
}

.luty_comm_btn_2 a{
    display: block;
    padding: 1.5em 1em 1.5em 1.8em;
}





#page_top{
	position:fixed;
	bottom:5%;
	right: 2%;
	z-index:5;
}

#page_top img{
	max-width:70px;
}
/*スマホ*/
@media only screen and (max-width: 789px) {  
	#app_footer #page_top img{
		width:40px;
	}
    
	#page_top img{
	max-width:40px;
}
	#page_top{
		bottom:10%;
	}
}


@media only screen and (max-width: 480px) {
	body {
		font-size: 13px;
	}
}


/*エメ表示コメントアウト用※6月ごろ再表示予定*/
.emme_co {
	display: none;
}




















/*-----------------------------------

LUTYシステムCSS制御

--------------------------------------------*/

.comm_title {
    font-size: clamp(2.0rem, 0.120rem + 4.16vw, 3rem);;
    text-align: center;
}

#dvUserBox table td,
#dvUserBox #dvUserRegistInput table td{
    background: none;
}

#dvUserBox{
    width: 90%;
    max-width: 1100px;
    margin: auto;
}

#dvUserBox #dvUserCreditCardList table .insert{
    background: none;
}

#dvUserBox #dvOrderHistoryList .comm_flex .orderItemProductName.item_img{
    margin: 5px 0;
}