@charset "UTF-8";
/*
 * common.css
 *
 *  version --- 1.0
 *  updated --- 2017/11/30
 */
/* !Base Fonts -------------------------------------------------------------- */
a {
    color: #003447;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    transition: all 0.5s;
    -moz-transition: all 0.5s; /* Firefox */
    -webkit-transition: all 0.5s; /* Chrome&Safari */
}

.op img, .op input {
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

.op:hover img, .op:hover input {
    opacity: .7;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=70); /* IE lt 8 */
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

.fwN { font-weight: normal;}

.fwB { font-weight: 700;}

/* !Inline Align ------------------------------------------------------------ */
.taL { text-align: left !important;}

.taC { text-align: center !important;}
.pctaC {
  text-align: left!important;
}
.taR { text-align: right !important;}

.vaT { vertical-align: top !important;}

.vaM { vertical-align: middle !important;}

.vaB { vertical-align: bottom !important;}

/* !Floats ------------------------------------------------------------------ */
.flL {
    display: inline;
    float: left;
}

.flR {
    display: inline;
    float: right;
}

.flImgL {
    display: inline;
    float: left;
    margin-right: 10px;
}

.flImgR {
    display: inline;
    float: right;
    margin-left: 10px;
}

.ftBox { overflow: hidden; }

/* !color ------------------------------------------------------------------- */
.c_wh {	color: #fff; }

/* !Tools ------------------------------------------------------------------- */
.clear { clear: both; }

.block { display: block !important;}

.hide { display: none !important;}

.bgN { background: none !important;}

.tdU { text-decoration: underline;}
.tdU:hover { text-decoration: none;}

.tdN { text-decoration: none;}



.pc { display: none; }

.pt { display: none; }

.ts { display: block; }

.sp { display: block; }
@media screen and (min-width: 960px) {
    .pc { display: block; }

    .pt { display: block; }

    .ts { display: none; }

    .sp { display: none; }
}


/* !scrollbar_position
---------------------------------------------------------- */
.btm0 { bottom: 0 !important; }
.btm50 { bottom: 50px !important; }
.btm100 { bottom: 100px !important; }
.btm150 { bottom: 150px !important; }

@media screen and (max-width: 960px) {
	.btm100 { bottom: 90px !important; }
	.btm150 { bottom: 100px !important; }
}

/* !h(n)eading
---------------------------------------------------------- */
.hdL {
	text-align: center;
	font-size: 20px;
	line-height: 1.38;
	margin-bottom: 25px;
	color: #4B4B4B;
}

.hdM {
	font-size: 18px;
	line-height: 1.6;
	text-align: center;
	color: #4B4B4B;
	margin-bottom: 25px;
}
.hdM .ico{
	display:inline-block;
	vertical-align: middle;
	margin:0 10px;
}

.hdS {
	font-size: 16px;
	line-height: 1.38;
	text-align: center;
	color: #4B4B4B;
	margin-bottom: 25px;
}

@media only screen and (min-width: 960px){
	.hdL {
		font-size: 36px;
		margin-bottom: 40px;
	}
	.hdM {
		font-size: 24px;
		margin-bottom: 35px;
	}
	.hdS {
		font-size: 20px;
		margin-bottom: 25px;
	}
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb05 {
    margin-bottom: 3px !important;
}

.mb10 {
    margin-bottom: 5px !important;
}

.mb15 {
    margin-bottom: 7px !important;
}

.mb20 {
    margin-bottom: 10px !important;
}

.mb25 {
    margin-bottom: 13px !important;
}

.mb30 {
    margin-bottom: 15px !important;
}

.mb35 {
    margin-bottom: 17px !important;
}

.mb40 {
    margin-bottom: 20px !important;
}

.mb45 {
    margin-bottom: 23px !important;
}

.mb50 {
    margin-bottom: 25px !important;
}

.mb55 {
    margin-bottom: 27px !important;
}

.mb60 {
    margin-bottom: 30px !important;
}

.mb65 {
    margin-bottom: 33px !important;
}

.mb70 {
    margin-bottom: 35px !important;
}

.mb75 {
    margin-bottom: 37px !important;
}

.mb80 {
    margin-bottom: 40px !important;
}

.mb85 {
    margin-bottom: 42px !important;
}

.mb90 {
    margin-bottom: 45px !important;
}

.mb95 {
    margin-bottom: 47px !important;
}

.mb100 {
    margin-bottom: 50px !important;
}

.mb120{
    margin-bottom: 60px !important;
}
.mb140 {
    margin-bottom: 70px !important;
}
.mb150 {
    margin-bottom: 75px !important;
}

.mb200 {
    margin-bottom: 100px !important;
}

.mt30 {
    margin-top: 15px !important;
}
.mt60 {
    margin-top: 30px !important;
}
.mt100 {
    margin-top: 40px !important;
}
.mb30_60 {
	margin-bottom: 30px!important;
}
.mb50_100 {
  margin-bottom: 50px!important;
}
.mb100_80 {
    margin-bottom: 40px !important;
}
.mb150_80 {
    margin-bottom: 40px !important;
}
.mb60_120 {
  margin-bottom: 60px!important;
}
.mb60_180 {
	margin-bottom: 90px!important;
}
.mb80_160 {
  margin-bottom: 80px!important;
}
.mb100_80 {
    margin-bottom: 40px !important;
}
.mb100_180 {
  margin-bottom: 90px!important;
}
.mb150_80 {
    margin-bottom: 40px !important;
}
.mb150_200 {
  margin-bottom: 100px!important;
}
.nmb50 {
	margin-top: -30px;
}

@media only screen and (min-width: 960px){
	.mb05 {
        margin-bottom: 5px !important;
    }

    .mb10 {
        margin-bottom: 10px !important;
    }

    .mb15 {
        margin-bottom: 15px !important;
    }

    .mb20 {
        margin-bottom: 20px !important;
    }

    .mb25 {
        margin-bottom: 25px !important;
    }

    .mb30 {
        margin-bottom: 30px !important;
    }

    .mb35 {
        margin-bottom: 35px !important;
    }

    .mb40 {
        margin-bottom: 40px !important;
    }

    .mb45 {
        margin-bottom: 45px !important;
    }

    .mb50 {
        margin-bottom: 50px !important;
    }

    .mb55 {
        margin-bottom: 55px !important;
    }

    .mb60 {
        margin-bottom: 60px !important;
    }

    .mb65 {
        margin-bottom: 65px !important;
    }

    .mb70 {
        margin-bottom: 70px !important;
    }

    .mb75 {
        margin-bottom: 75px !important;
    }

    .mb80 {
        margin-bottom: 80px !important;
    }

    .mb85 {
        margin-bottom: 85px !important;
    }

    .mb90 {
        margin-bottom: 90px !important;
    }

    .mb95 {
        margin-bottom: 95px !important;
    }

    .mb100 {
        margin-bottom: 100px !important;
    }

	.mb120{
		margin-bottom: 120px !important;
	}
	.mb140 {
		margin-bottom: 140px !important;
	}
	.mb150 {
		margin-bottom: 150px !important;
	}
	.mb200 {
		margin-bottom: 200px !important;
	}

	.mt30 {
		margin-top: 30px !important;
	}
	.mt60 {
		margin-top: 60px !important;
	}
	.mt100 {
		margin-top: 100px !important;
	}
  .mb30_60 {
		margin-bottom: 30px!important;
	}
  .mb50_100 {
    margin-bottom: 50px!important;
  }
	.mb60_180 {
		margin-bottom: 60px!important;
	}
	.mb100_80 {
		margin-bottom: 100px !important;
	}
	.mb150_80 {
		margin-bottom: 150px !important;
	}
  .mb60_120 {
    margin-bottom: 60px!important;
  }
  .mb80_160 {
    margin-bottom: 80px!important;
  }
  .mb100_180 {
    margin-bottom: 100px!important;
  }
  .mb150_200 {
    margin-bottom: 150px!important;
  }
	.nmb50 {
		margin-top: -50px;
	}
}

.colorWhite{color:#fff !important;}
.colorBlue{color:#003447 !important;}
.colorDarkRed{color:#7F212F !important;}

.checkmark{
	padding-left: 25px;
    position: relative;
    top: -3px;
    left: 3px;
}

.checkmark:before,
.checkmark:after{
	content:"";
	display:block;
	position:absolute;
}
.checkmark:before{
	width:16px;
	height:16px;
	border-radius:3px;
	background:#ffffff;
	border:1px solid #000000;
	left:0;top:2px;
}
.checkmark:after{
	border-left:2px solid #000000;
	border-bottom:2px solid #000000;
	width:6px;
	height:3px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:5px;
	top:7px;
}

.hdL .jap{
	font-size:11px;
}

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

.flex-start {
    align-items: flex-start !important;
}

.bg_img{
	display:block;
	background-size:cover;
	background-repeat: no-repeat;
	background-position:center;
}
.bg_img img{width:100%;}

.teaser{
	position: relative;
	background-position: center;
	background-repeat:no-repeat;
	background-size:cover;
}
.teaser h1{
	margin-bottom:30px;
	text-align: center;
	font-size:16px;
}
#shop .teaser h1 {
	margin-bottom: 0;
}
.teaser h1 .eng,
.info .eng{
	display: block;
	font-size:20px;
}
.info .eng {
	margin-bottom: 30px;
	text-align: center;
}
.teaserOnTtl {
	margin: 50px 0 40px 0;
}
.teaser .slider{margin:0 -20px;}
.teaser .slider .item{
	height:230px;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
}
.teaser_ctrl {
    width: 100%;
    position: relative;
    z-index: 3;
	padding:20px 0 0;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 700;
    color: #7F212F;
}
.teaser_page {
    position: relative;
    width: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: url("/kuno-smallsite/assets/common/ico_page.svg") center center no-repeat;
    background-size: 6px 10px;
}
.teaser_prev {
    width: 45px;
    height: 20px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.teaser_next {
    width: 45px;
    height: 20px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}
.teaser_prev img,
.teaser_next img{
    width: 4px;
    height: 9px;
}

.common_inner{
    padding: 0 20px;
}

.downloadFlie{
	margin-bottom:30px;
	border:1px solid #CCD6DA;
}
.downloadFlie li{
	display: flex;
	justify-content:flex-start;
	align-items: center;
	padding:15px;
	background:url(../img_2021/bridal/product/engagement/ico_file.svg) no-repeat right 15px bottom 15px;
	font-size:11px;
}
.downloadFlie li + li{border-top:1px solid #CCD6DA;}
.downloadFlie li .ico{
	display: block;
	margin-right:20px;
	width:90px;
}
.downloadFlie li .tit{
	font-size:14px;
}
.downloadFlie li .tit2{
	margin-bottom: 10px;
	font-size:16px;
}
.downloadFlie_none li {
	background: none;
}

.downloadFlie.style2 {border:0;}
.downloadFlie.style2 li{
	align-items: flex-start;
	padding:15px 0;
	background:none;
	border:0;
}
.downloadFlie.style2 li.center{
	align-items: center;
}
.downloadFlie.style2 li .ico{
	margin-right:5%;
	width:30%;
	min-width:120px;
}
.downloadFlie.style2 li .ico img{
	object-fit: cover;
	height:100%;
	max-height:120px;
}
.downloadFlie.style2 li .ico img.sp,
.downloadFlie.style2 li .ico img.sp_img {
	display: none;
}
.downloadFlie.style2 li .ico img.pc,
.downloadFlie.style2 li .ico img.pc_img {
	display: block;
}
.downloadFlie.style2 li .info{width:65%;}
.downloadFlie.style2 li h3{font-size:16px;}
.downloadFlie.style2 .button{
	text-align: left;
	margin-top:15px;
}
.downloadFlie.style2 .button a{
	margin:0;
	max-width:135px;
}
.downloadFlie.style2 .detailLink{margin-top:15px;}
.downloadFlie.style3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border: 0;
}
.downloadFlie.style3 li{
	display:block;
	padding:0 0 25px;
	width:48.5%;
	background:url(/kuno-smallsite/assets/common/ico_select_down.svg) center bottom no-repeat;
	background-size:10px;
	text-align: center;
	font-size:16px;
}
.downloadFlie.style3 li .ico{
	margin:0 auto 20px;
	width:100%;
}
.downloadFlie.style3 li .ico img{width:100%;}
.detailLink a{
	padding-right:20px;
    background: url(/kuno-smallsite/assets/common/ico_link02.svg) right center no-repeat;
    background-size: 4px auto;
	font-size:13px;
}

.titleRole .sub{
	font-size:14px;
	font-weight:500;
}
.titleRole .note{font-size:11px; }

.styleCR,
.styleLR{text-align:right;}
.styleCL{text-align:left;}
.styleRC{text-align:center!important;}

.quest a{
	display: inline-block;
	padding-left:25px;
	background:url(/kuno-smallsite/assets/ginzahonten/ico_faq.svg) no-repeat left center;
	background-size:16px;
	font-size:13px;
	font-family: tbudmincho-std, sans-serif;
}
.aboutConRes a{
	display: inline-block;
	padding-right:24px;
	background:url(/kuno-smallsite/assets/common/ico_select_down.svg) no-repeat right center;
	background-size:12px;
	font-family: tbudmincho-std, sans-serif;
}

.noteStyle{ font-size:11px;}
.note li{margin-bottom:10px;}

.txtStyle{ font-size:14px;}
.txtStyle2{ font-size:11px;}

.anchorArea{position:relative;}
.anchorArea .anchor{
	position:absolute;
	top:-80px;
}

.toLink{text-decoration: underline;}
.toLink:hover{text-decoration:none;}

.pagePrevNext .bor{
	border-top:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
}
.pagePrevNext .prev,
.pagePrevNext .next{
	display:flex;
	align-items: center;
	padding:25px 0;
	width:50%;
}
.pagePrevNext .prev{
	float:left;
}
.pagePrevNext .next{
	float:right;
	border-left:1px solid #E6E6E6;
	flex-direction: row-reverse;
	text-align:right;
}
.pagePrevNext .tit{
	padding:0 15px 25px;
	transition: all 0.5s;
	background-repeat:no-repeat;
	background-size:23px;
	font-size:16px;
	color:#4B4B4B;
}
.pagePrevNext .tit:hover{text-decoration:none;}
.pagePrevNext .prev .tit{
	background-image: url(../img_2021/about/sdgs/ico_page_prev.svg);
	background-position: 15px bottom;
}
.pagePrevNext .next .tit{
	background-image: url(../img_2021/about/sdgs/ico_page_next.svg);
	background-position: right 15px bottom;
}
.pagePrevNext .prev:hover .tit{background-position: 15px bottom;}
.pagePrevNext .next:hover .tit{background-position: right 15px bottom;}
.pagePrevNext .return{
	margin-top:30px;
	text-align: center;
}
.pagePrevNext .return a{
	display:inline-flex;
	justify-content: center;
	align-items: center;
	padding:0 25px;
	height:50px;
	min-width:150px;
	border:1px solid #e6e6e6;
	color:#4B4B4B;
	font-size:13px;
}

/** pc **/
@media only screen and (min-width: 960px){
  .pctaC {
    text-align: center!important;
  }
	.hdL .jap{
		font-size:13px;
	}
	.teaser{
        margin-bottom: 55px;
    }
	.teaser h1{
		margin-bottom:30px;
		text-align: left;
		font-size:18px;
	}
	.teaser h1 .eng,
	.info .eng{
		display: block;
		font-size:28px;
		text-align: left;
	}
	.teaserOnTtl {
		margin: 100px 0 80px 0;
	}
	.teaser .slider{margin:0;}
	.teaser .slider .item{
		height:600px;
	}
	.teaser_ctrl {
        padding:30px 0 0;
        font-size: 14px;
    }
    .teaser_page {
        width: 55px;
        background: url("/kuno-smallsite/assets/common/ico_page.svg") center center no-repeat;
        background-size: 7px 12px;
    }
    .teaser_prev {
        width: 60px;
        height: 30px;
    }
    .teaser_next {
        width: 60px;
        height: 30px;
    }
    .teaser_prev img,
    .teaser_next img{
        height: 11px;
    }

	.common_inner{
		max-width: 1040px;
		margin: 0 auto;
		padding: 0 20px;
	}
	.common_inner.inner2{
		max-width: 730px;
	}
	.common_inner.inner3{
		max-width: 1320px;
	}

	.downloadFlie li{
		float:left;
		padding:20px;
		width:33.333%;
		font-size:14px;
	}
	.downloadFlie li + li{
		border-top:0;
		border-left:1px solid #CCD6DA;
	}
	.downloadFlie li .ico{
		margin-right:30px;
		width:100px;
	}
	.downloadFlie li .tit{font-size:18px;}
	.downloadFlie li .tit2{
		margin-bottom: 25px;
		font-size:20px;
	}
	.downloadFlie.style2{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		border:0;
	}
	.downloadFlie.style2 li{
		align-items: center;
		padding:25px 0;
		width:46%;
		border-top:1px solid #CCD6DA;
		border-bottom:1px solid #CCD6DA;
	}
	.downloadFlie.col01 li{
		padding:25px 80px !important;
	}
	.downloadFlie.style2 li h3{font-size:20px;}
	.downloadFlie.style2 li + li,
	.downloadFlie.style3 li + li{border-width:1px 0;}
	.downloadFlie.style2 li .ico{
		margin-right:7%;
		width:50%;
		max-width:300px;
	}
	.downloadFlie.style2 li .ico img{
		height:auto;
		max-height:inherit;
		width:100%;
	}
	.downloadFlie.style2 li .info{width:43%;}
	.downloadFlie.style2 .button{
		justify-content:flex-start;
		margin-top:20px;
	}
	.downloadFlie.style2 .button a{
		margin:0;
		max-width:165px;
	}
	.downloadFlie.style3 li{
		display: flex;
		justify-content: flex-start;
		align-items:center;
		padding: 20px 20px 20px 0;
		background-position: right center;
		border-top: 1px solid #CCD6DA;
		border-bottom: 1px solid #CCD6DA;
		text-align: left;
	}
	.downloadFlie.style3 li .ico{
		margin:0 30px 0 0;
		width:120px;
	}
	.downloadFlie.col01 li,
	.downloadFlie.style2.col01 li{width:100%;}
	.downloadFlie.col01 li .ico{
		margin-right:5.5%;
		width:40%;
		max-width:300px;
	}
	.downloadFlie.col01 li .info{width:54.5%;}

	.telLink{
		pointer-events: none;
	}

	.titleRole .sub{
		text-align: center;
		font-size:16px;
	}
	.titleRole .note{font-size:16px; }

	.noteStyle{ font-size:12px;}
	.note li{margin-bottom:15px;}
    .txtStyle,
	.txtStyle2{ font-size:16px;}

	.styleCR,
	.styleCL{text-align:center;}
	.styleLR{text-align:left;}
	.styleRC{text-align:right!important;}

	.quest a{
		display: inline-block;
		padding-left:30px;
		background:url(/kuno-smallsite/assets/ginzahonten/ico_faq.svg) no-repeat left center;
		background-size:22px;
		font-size:16px;
	}
	.quest a:hover{text-decoration:none;}

	.pagePrevNext .prev,
	.pagePrevNext .next{padding:40px 0;}
	.pagePrevNext .img{width:100px;}
	.pagePrevNext .tit{
		padding:0 60px 30px;
		width:calc(100% - 100px);
		background-size:30px;
		font-size:20px;
	}
	.pagePrevNext .prev .tit{
		background-position: 60px bottom;
	}
	.pagePrevNext .next .tit{
		background-position: right 60px bottom;
	}
	.pagePrevNext .return{
		margin-top:40px;
		text-align: center;
	}
	.pagePrevNext .return a{
		padding:0 20px;
		height:55px;
		min-width:168px;
		font-size:14px;
	}
}


/* spark
---------------------------------------------------------- */
.fs-bnr-box{
  padding: 0 20px;
}
.fs-bnr-box.inline{
  margin-top: 30px;
  padding: 0;
}
.common_inner .fs-bnr-box{
  padding: 0 0px;
}
.fs-bnr-box img {
  width: auto !important;
  height: auto !important;
  margin: auto;
}

@media only screen and (min-width: 960px){
  .fs-bnr-box {
    text-align:center;
  }
  .fs-bnr-box.inline{
    text-align: left;
  }
}