@charset "UTF-8";
/*日本語*/

@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(roboto.css);

@font-face {
  font-family: "Cochin W01 Roman";
  src: url("cochin/96cafc00-e341-4b57-a387-e65d65a0e1c8.woff2") format("woff2");
}
@font-face {
  font-family: "Cochin LT W04 Roman";
  src: url("cochin/c847db2c-e6cb-4e72-aa82-90a5838a0353.woff2") format("woff2");
}
@font-face {
  font-family: "Cochin W01 Bold";
  src: url("cochin/59f13f64-ed37-4733-a6a5-e838995a2b43.woff2") format("woff2");
}
@font-face {
  font-family: "Cochin LT W04 Bold";
  src: url("cochin/bb7c6b3a-41a8-45ad-9337-8c0dd75b4624.woff2") format("woff2");
}

@font-face {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("noto/NotoSerifCJKjp-Regular-sub-j1.woff")  format('woff'),url(noto/NotoSerifCJKjp-Regular-sub-j1.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("noto/NotoSerifCJKjp-Medium-sub-j1.woff")  format('woff'),url(noto/NotoSerifCJKjp-Medium-sub-j1.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("noto/NotoSerifCJKjp-Bold-sub-j1.woff")  format('woff'),url(noto/NotoSerifCJKjp-Bold-sub-j1.otf) format('opentype');
}






html{overflow-y:scroll;}
body{
	-webkit-text-size-adjust:none;
	color:#000;
	margin:0;padding:0;
	background:#fff;
	font-size:16px;
	font-family:"Noto Sans JP","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",YuGothic,"Yu Gothic","游ゴシック", Osaka,"ＭＳ Ｐゴシック" ,sans-serif;
	word-break: normal;
	word-wrap: break-word;
/*	overflow:hidden;*/
	position:relative;
}

*{margin:0;padding:0;line-height:1.1;}
ul,li,dl,dt{list-style-type:none;}
img{vertical-align:middle;border:none;}
p,dt,dd,li{text-align:justify;text-justify:inter-ideograph;}
.alignCenter{text-align:center;}
.backToTop{text-align:right;margin:25px 20px 15px 0;}
img.fitImg{max-width:100%;height:auto;}
br{line-height:1;}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
	overflow: hidden; /* Firefoxで、下マージン設定しているのに上にもアキができるバグ対策。追加 */
}
.serif{
	font-family:"Noto Serif JP","ヒラギノ明朝 Pro W6","HiraMinPro-W6",YuMincho,"Yu Mincho","游明朝",serif;
}
.sans_serif{
	font-family: "Noto Sans JP","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",YuGothic,"Yu Gothic","游ゴシック", Osaka,"ＭＳ Ｐゴシック" ,sans-serif;
}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;color:#252525;outline:none;}

p.img{
	margin:5px 0;
}
.img_center{text-align:center;}
.img_right{text-align:right;}


.inner{
	margin:0 auto;
	width:1160px;
/*	width:1200px;*/
	position:relative;
}
.sp_br{display:none;}


.common_headline{
	font-size:18px;
	font-family:"Noto Serif JP","ヒラギノ明朝 Pro W6","HiraMinPro-W6",YuMincho,"Yu Mincho","游明朝",serif;
	letter-spacing:0.2em;
	text-align:center;
	font-weight:500;
}
.common_headline b{
	display:inline-block;
	margin-left:1em;
	font-size:12px;
	font-weight:100;
	letter-spacing:0.1em;
}
.common_headline b.latin{
	font-family: Roboto;
}
.common_headline small{
	display:block;
	height:15px;
	font-size:10px;
}
.brand_logo{
	display:inline-block;
	margin-left:1em;
}
.brand_logo svg{
	margin-left:0.5em;
	vertical-align:middle;
	fill:#4d403e;
}
.common_headline_lead{
	padding-top:30px;
	font-size:14px;
	font-family:"Noto Serif JP","ヒラギノ明朝 Pro W6","HiraMinPro-W6",YuMincho,"Yu Mincho","游明朝",serif;
	font-weight:400;
}
.isSP{
	display:none;
}

@media screen and (max-width:767px){
	.isSP{
		display:block;
	}
	.isPC{
		display:none;
	}

	.common_headline{
		font-size:5.6vw;
		text-align:center;
		letter-spacing:0.1em;
	}
	.common_headline b{
		text-align:center;
		font-size:3vw;
		padding-top:1vw;
	}

	.brand_logo{
		margin-left:0.5em;
	}
	.brand_logo svg{
		width:20vw;
	}
	.common_headline_lead{
		width:96%;
		margin-left:auto;
		margin-right:auto;
		padding-top:6vw;
		font-size:3vw;
		line-height:1.8;
	}

}


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

pankuzu

-------------------------------------------------*/
.pankuzu{
	width:100%;
	background:#f6f5f1;
	padding:0.5em 0 2em 0;
	clear:both;
}
.pankuzu_list{
/*	width:98%;
	margin:0 auto 0 0;*/
	letter-spacing:-.40em;
}
.pankuzu_list li{
	display:inline-block;
	letter-spacing:0;
	margin-right:1em;
	font-size:10px;
	color:#726364;
}
.pankuzu_list li a{
	color:#726364;
	text-decoration:underline;
}
.pankuzu_list li a:after{
	content:">";
	margin-left:0.5em;
	text-decoration:none;
}
/*-----------------------------------------------

header

-------------------------------------------------*/
body{
	padding-top:80px;
}
.common_header{
	width:100%;
	height:80px;
	background:#fff;
	position:fixed;
	top:0;
	z-index:999;
}
.common_header.onScroll{
	border-bottom:1px solid #c3c3c3;
}

.common_header_logo{
	position:absolute;
	width:20%;
	left:60px;
	top:25px;
}
.common_header_logo img{
	width:220px;
}
.common_header_menubox{
	width:calc(80% - 120px);
	margin:0 35px 0 auto;
	display:block;
}
.common_header_list{
	padding-top:26px;
	padding-right:15px;
	text-align:right;
	letter-spacing:-.40em;
}
.common_header_list li{
	display:inline-block;
	letter-spacing:normal;
	padding:0 15px;
	font-size:12px;
	position:relative;
}
.common_header_list .sp{
	display:none;
}

.common_header_list a{
	backface-visibility: hidden;
	transition:opacity .4s ease;
	letter-spacing:0.1em;
}
.common_header_list a:hover{
	transition:opacity .4s ease;
	opacity:0.7;
}

.header_outer{
	letter-spacing:-.40em;
}
.header_outer p{
	display:inline-block;
	letter-spacing:normal;
	padding:0 35px;
	font-size:12px;
	position:relative;
}
.header_outer p:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:50%;
	width:15px;
	height:1px;
	background:#7d7d7d;
}
.header_outer p:before{
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:-3px;
	width:1px;
	height:20px;
	background:#7d7d7d;
}
.header_outer a{
	padding-right:15px;
	background:url(/kimochi/img/common/icon_otherlink.png) no-repeat right center;
	background-size:10px auto;
}


.header_sns_switch{
	cursor:pointer;
	position:relative;
	z-index:999;
}
.header_sns_switch img{
	opacity:1;
	transition:opacity .4s ease;
}
.header_sns_switch img:hover,
.header_sns_switch.open img{
	opacity:0.4;
	transition:opacity .4s ease;
}

.header_sns{
	display:none;
	position:absolute;
	z-index:998;
	width:40px;
	left:0; 
	top:calc(100% + 18px);
	z-index:990;
/*	letter-spacing:-.40em;*/
	background:#fff;
	border-radius:0 0 5px 5px;
	box-shadow:2px 2px 2px 0 rgba(0,0,0,0.3);
}
.header_sns:after{
	content:"";
	display:block;
	position:absolute;
	left:50%;
	bottom:100%;
	margin-left:-20px;
	border:20px solid transparent;
	border-bottom:13px solid #fff;
	width:0;
	height:0;
}
.header_sns p{
/*	display:inline-block;
	letter-spacing:normal;*/
	margin:0 auto;
	padding:10px 0;
	font-size:12px;
	text-align:center;
}
.header_sns p.header_sns_title{
	display:none;
}

.header_sns .fb{
	width:8px;
}
.header_sns .tw,
.header_sns .ln,
.header_sns .insta{
	width:15px;
}
.header_sns .fb img,
.header_sns .tw img,
.header_sns .ln img,
.header_sns .insta img{
	max-width:100%;
}

.drawer_switch,
.drawer_close{
	display:none;
}
.header_sns a:hover img{
	opacity:0.7;
}



@media screen and (max-width:1200px){
	.inner{
		width:96%;
	}
	.common_header_menubox{
		width:100%;
	}
}
@media screen and (max-width:1000px){

	body{
		padding-top:13vw;
	}
	.common_header{
		height:13vw;
	}
	.common_header_menubox{
		display:none;
	}

	.common_header_logo{
		position:relative;
		width:100%;
		left:0px;
		top:0px;
		text-align:center;
	}
	.common_header_logo img{
		width:38vw;
		height:auto;
		padding-top:3.6vw;
	}


	/*ドロワスイッチ*/
	.drawer_switch{
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		width:13vw;
		height:13vw;
		font-size:1rem;
		text-align:center;
		cursor:pointer;
		z-index:999;
		background-color:#877770;
		transition:background-color 1s;
	}
	.drawer_bar{
		position:absolute;
		top:4vw;
		left:3.2vw;
		display:block;
		width:6vw;
		height:1px;
		background-color:#fff;
		transition:all .5s;
		transform-origin:left top;
	}
	.drawer_bar.middle{
		top:calc(5.5vw + 1px);
		opacity:1;
	}
	.drawer_bar.bottom{
		top:calc(7.5vw + 1px);
		transform-origin:left bottom;
	}
	.open .drawer_bar{
		width:6vw;
	}
	.open .drawer_bar.top {
		transform:rotate(41deg);
	}
	.open .drawer_bar.middle {
		opacity:0;
	}
	.open .drawer_bar.bottom {
		transform:rotate(-41deg);
	}




	.close_area{
		position:absolute;
		width:100%;
		top:12vw;
		left:0;
		background:rgba(0,0,0,0);
		cursor:url(/kimochi/img/common/cross.svg),auto;
		-webkit-transition-property:all;
		-webkit-transition-duration:.3s;
		-webkit-transition-delay:0s;
		transition-property:all;
		transition-duration:.3s;
		transition-delay:0s;
		display:none;
		opacity:0;
		z-index:998;
	}

	.open .close_area{
		display:block;
		opacity:1;
		background:rgba(0,0,0,0.8);
		z-index:998;
	}



	/*ドロワボックス*/
	.common_header_menubox{
		display:none;
		box-sizing: border-box;
		opacity: 0;
		position: absolute;
		top: 0;
		right: -100%;
		width: 100%;
		padding: 0;
		background:rgba(255,255,255,1);
		margin:12vw 0 0 0;
		border-top: none;
	}

	.open .common_header_menubox{
		right: 0%;
		background: rgba(255,255,255,1);
		padding-bottom: 40px;
		z-index: 999;
	}


	/*ドロワ内メニュー*/
	.common_header_list{
		width:92%;
		margin:0 auto;
		padding-top:0;
		text-align:center;
		letter-spacing:0;
	}
	.common_header_list .sp{
		display:block;
	}
	.common_header_list li{
		display:block;
		border-top:1px solid #ccc;
		text-align:center;
		font-size:4vw;
		padding:0;
	}
	.common_header_list li a{
		display:block;
		padding:6vw 0;
		text-align:center;
	}
	.common_header_list li:last-child{
		border-top:none;
	}

	.header_outer{
		padding:4vw 0 !important;
		letter-spacing:0;
	}
	.header_outer p{
		display:block;
		width:100%;
		font-size:4vw;
		text-align:center;
		padding:0;
		padding-top:3vw !important;
	}
	.header_outer a{
		padding:3vw 0 !important;
		border:1px solid #ccc;
		border-radius:4px;
		background:url(/kimochi/img/common/icon_otherlink.png) no-repeat right 16px center;
		background-size:10px auto;
		padding-right:0;
	}

	.header_outer p:after,
	.header_outer p:before{
		content:"";
		width:0;
		height:0;
	}



	.header_sns_switch{
		display:none;
	}

	.header_sns{
		display:block;
		position:relative;
		letter-spacing:-.40em;
		left:auto;
		top:auto;
		z-index:999;
		text-align:center;
		width:100%;
		background:transparent;
		border:none;
		box-shadow:none;
	}
	.header_sns:after{
		display:none;
	}

	.header_sns a{
		display:inline !important;
	}
	.header_sns p{
		display:inline-block;
		letter-spacing:normal;
		padding:0 4.5vw;
		font-size:12px;
	}
	.header_sns_title{
		display:block !important;
		padding:4vw 0 0 0 !important;
		text-align:center;
		font-size:3.6vw !important;
	}
	.header_sns .fb{
		width:4%;
	}
	.header_sns .tw,
	.header_sns .ln,
	.header_sns .insta{
		width:7%;
	}
	.header_sns .fb img,
	.header_sns .tw img,
	.header_sns .ln img,
	.header_sns .insta img{
		max-width:100%;
	}














	.drawer_close{
		display:block;
		text-align:center;
		font-size:4vw;
		font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",YuGothic,"Yu Gothic","游ゴシック", Osaka,"ＭＳ Ｐゴシック" ,sans-serif;
		padding-top:3vw;
	}
	.drawer_close b{
		display:inline-block;
		margin-right:1em;
	}
	.drawer_close b img{
		width:3.4vw;
		vertical-align:middle;
	}


}


@media screen and (max-width:767px){

	.sp_br{display:block;}
	.pc_br{display:none;}

}


@media screen and (max-width:414px){
	.common_header_logo img{
		padding-top:3.3vw;
		width: 45vw;
	}
}



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

common_recommend

-------------------------------------------------*/
.common_recommend{
	width:100%;
	background:#fff;
	padding:60px 0 70px 0;
	border-top:10px solid #837876;
}

.common_recommend .inner:after{
	content:"";
	display:block;
	clear:both;
	overflow: hidden; /* Firefoxで、下マージン設定しているのに上にもアキができるバグ対策。追加 */
}
.common_recommend_left{
	float:left;
	width:48%;
	margin-right:4%;
}
.common_recommend_right{
	float:left;
	width:48%;
}
.common_recommend_list{
	width:100%;
	display:flex;
	justify-content:space-between;
	padding-top:35px;
}
.common_recommend_list li{
	width:46%;
}

.common_recommend_image{
	background:#fff;
	text-align:center;
	display:flex;
	justify-content: center;
	align-items: center;
	height:250px;
	position:relative;
	font-size:12px;
	color:#fff;
	font-family: Roboto;
	font-weight:400;
}
.common_recommend_image:after{
	content:"";
	position:absolute;
	display:block;
	left:0;top:0;
	width:100%;
	height:100%;
/*
	padding-top:60%;
	height:40%;
*/
	background:rgba(0,0,0,0);
	transition:background-color .4s ease;
}
.common_recommend_list a:hover .common_recommend_image:after{
	content:"";
	background:rgba(0,0,0,0.5) url(/kimochi/img/common/icon_plus_white.png) no-repeat center center;
	background-size:22% auto;
}
.common_recommend_image img{
	width:53%;
	max-width:53%;
}
.common_recommend_ename{
	padding-top:0px;
	font-size:14px;
	text-align:center;
	font-family:"Cochin W01 Roman";
	font-weight:normal;
	letter-spacing:0.1em;

}
.common_recommend_jname{
	padding-top:2px;
	font-size:12px;
	font-family:"Noto Serif JP","ヒラギノ明朝 Pro W6","HiraMinPro-W6",YuMincho,"Yu Mincho","游明朝",serif;
	font-weight:500;
	text-align:center;
}

.common_recommend_btn{
	text-align:center;
	padding-top:60px;
}
.common_recommend_btn a{
	display:inline-block;
	background:rgba(131,120,118,1);
	padding:1.5em 5em;
	border-radius:3px;
	text-align:center;
	color:#fff;
	font-size:12px;
	letter-spacing:0.1em;
	transition:background .4s ease;
}
.common_recommend_btn a:hover{
	background:rgba(77,64,62,1);
}

@media screen and (max-width:1200px){
	.common_recommend_image{
		height:22.5vw;
	}
}
@media screen and (max-width:767px){
	.common_recommend{
		padding:10vw 0 0 0;
		border-top:5px solid #000;
	}

	.common_recommend_left{
		float:none;
		width:100%;
		margin-right:0;
	}
	.common_recommend_right{
		float:none;
		width:100%;
	}

	.common_recommend_list{
		flex-wrap:wrap;
		padding-top:0;
	}
	.common_recommend_list li{
		width:48%;
		margin-top:4vw;
	}

	.common_recommend_image{
		height:40vw;
	}
	.common_recommend_image img{
		width:60%;
		max-width:60%;
	}

	.common_recommend_ename{
		font-size:3.2vw;

	}
	.common_recommend_jname{
		padding-top:1vw;
		font-size:3vw;
	}

	.common_recommend_btn{
		padding-top:8vw;
		padding-bottom:12vw;
	}
	.common_recommend_btn a{
		width:70%;
		padding:1em 0em;
		border-radius:5px;
		font-size:3.6vw;
	}
	.common_recommend_list a:hover .common_recommend_image:after{
		content:"";
		background:none;
	}

}



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

footer

-------------------------------------------------*/
.common_footer{
	width:100%;
	height:80px;
	background:#000;
	position:relative;
	display:flex;
	justify-content: center;
	align-items: center;
}
.common_footer_logo{
	width:94%;
	text-align:center;
	margin:0 auto;
}
.common_footer_logo img{
	width:220px;
}
.common_footer_list{
	width:calc(30% - 120px);
	margin:0 60px 0 auto;
	padding-top:32px;
	text-align:right;
	letter-spacing:-.40em;
}
.common_footer_list li{
	display:inline-block;
	letter-spacing:normal;
	padding:0 15px;
	width:15px;
	text-align:center;
}
.common_footer_list li.fb{
	width:10px;
}
.common_footer_list li img{
	max-width:100%;
}

@media screen and (max-width:1000px){
	.common_footer_logo img{
/*		max-width:38%;*/
		width:38vw;
	}
	.common_footer_logo span{
		margin-left:1.5em;
	}
	.common_footer_list{
		width:calc(30% - 20px);
		margin:0 10px 0 auto;
	}

}

@media screen and (max-width:767px){
	.common_footer{
		height:auto;
		padding:5vw 0;
	}
	.common_footer_logo{
		position:relative;
		font-size:3vw;
	}
	.common_footer_logo img{
		max-width:38%;
	}
	.common_footer_list{
		width:100%;
		margin:0;
		padding-top:0;
		text-align:center;
	}
	.common_footer_list li{
		padding:0 1vw;
		width:15%;
	}
	.common_footer_list li.fb{
		width:15%;
	}

	.common_footer_list li img{
		max-width:50%;
	}
	.common_footer_list li.fb img{
		max-width:30%;
	}

}




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

common_aboutiprimo

-------------------------------------------------*/
.common_aboutiprimo_image{
	width:100%;
	height:280px;
	background:url(/kimochi/img/common/common_aboutiprimo_image.jpg) no-repeat center top;
	display:flex;
	justify-content: center;
	align-items: center;
}
.common_aboutiprimo_image p{
	font-size:18px;
	text-align:center;
	font-family:"Noto Serif JP","ヒラギノ明朝 Pro W6","HiraMinPro-W6",YuMincho,"Yu Mincho","游明朝",serif;
	font-weight:400;
	color:#fff;
	line-height:2;
	letter-spacing:0.1em;
}

.common_aboutiprimo_ttl{
	padding-top:40px;
	text-align:center;
}
.common_aboutiprimo_ttl img{
	width:240px;
}
.common_aboutiprimo_box{
	width:1000px;
	margin:0 auto;
	padding:30px 0;
	display:flex;
	justify-content: center;
	align-items: center;
	font-family:"Noto Serif JP","ヒラギノ明朝 Pro W6","HiraMinPro-W6",YuMincho,"Yu Mincho","游明朝",serif;
}

.common_aboutiprimo_link{
	width:600px;
}
.common_aboutiprimo_link li{
	float:left;
	width:295px;
	margin-right:5px;
}
.common_aboutiprimo_link_image{
	width:100%;
	position:relative;
	z-index:1;
}
.common_aboutiprimo_link_image img{
	max-width:100%;
}
.common_aboutiprimo_link_image:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
	transition:background ease 0.4s;
}
.common_aboutiprimo_link_text{
	background:rgba(131,120,118,1);
	padding:10px 0;
	border-radius:0 0 4px 4px;
	text-align:center;
	color:#fff;
	font-size:16px;
	letter-spacing:0.1em;
	transition:background-color ease 0.4s;
}
.common_aboutiprimo_link_text.insta{
	background:rgba(131,120,118,1) url(../img/common/icon_insta_white.png) no-repeat 80px center;
	background-size:13px auto;
}
a:hover .common_aboutiprimo_link_text{
	background-color:rgba(77,64,62,1);
}
a:hover .common_aboutiprimo_link_image:after{
	background:rgba(0,0,0,0.2);
}
.common_aboutiprimo_text{
	width:380px;
	padding-left:20px;
	font-size:13px;
	font-weight:400;
	line-height:2;
}



@media screen and (max-width:1000px){
/*@media screen and (max-width:767px){*/
	.common_aboutiprimo{
		padding-bottom:8vw;
	}
	.common_aboutiprimo_image{
		height:42vw;
		background:url(/kimochi/img/common/common_aboutiprimo_image_sp.jpg) no-repeat center bottom;
		background-size:100% auto;
	}

	.common_aboutiprimo_image p{
		font-size:3.8vw;
		font-weight:400;
	}

	.common_aboutiprimo_ttl{
		width:40%;
		margin:0 auto;
		padding-top:10vw;
	}
	.common_aboutiprimo_ttl img{
		width:auto;
		max-width:100%;
	}


	.common_aboutiprimo_box{
		width:100%;
		padding:8vw 0;
		flex-wrap:wrap;
	}

	.common_aboutiprimo_link{
		width:96%;
		margin:0 auto;
		order:2;
		padding-top:6vw;
	}
	.common_aboutiprimo_link li{
		width:49%;
		margin-right:0;
	}
	.common_aboutiprimo_link li:first-child{
		margin-right:2%;
	}
	.common_aboutiprimo_link_text{
		padding:3vw 0;
		font-size:3.5vw;
		background:rgba(131,120,118,1);
	}
	.common_aboutiprimo_link_text.insta{
		background:rgba(131,120,118,1) url(../img/common/icon_insta_white.png) no-repeat 7.5vw 55%;
		background-size:3vw auto;
	}

	.common_aboutiprimo_text{
		order:1;
		width:92%;
		margin:0 auto;
		padding-left:0;
		line-height:1.8;
		font-size:3.2vw;
	}



}

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

footer-regulation

-------------------------------------------------*/
.footer-regulation-pc{
	width:100%;
	padding:1em 0;
}
.footer-regulation-pc .is-annotation{
	width:100%;
	box-sizing:border-box;
	padding:0 87px 0 0;
	font-size:11px;
	text-align:right;
}
.footer-regulation-sp{
	display:none;
}
@media screen and (max-width:767px){
	.footer-regulation-pc{
		display:none;
	}
	.footer-regulation-sp{
		display:block;
		width:100%;
		padding:1em 0;
	}
	.footer-regulation-sp .is-annotation{
		font-size:3vw;
		text-align:center;
	}
}

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

common_bottom

-------------------------------------------------*/
.common_bottom{
	width:100%;
	background:#fff;
	position:relative;
	border-top:1px solid #a69e9c;
}

/* スイッチ */
.common_bottom_list{
	width:100%;
	padding:15px 0 15px 0;
	display: flex;
	justify-content: flex-start;
}
.common_bottom_list>li{
	font-size:11px;
	color:#252525;
	margin-left:25px;
}
.common_bottom_list li a{
	color:#252525;
}
.is-toggle-switch > span{
	position:relative;
	cursor:pointer;
	display:inline-block;
	padding-right:1.2em;
	padding-bottom:15px;
}
.is-toggle-switch > span::after{
	content:"";
	position:absolute;
	right:0;
	top:4px;
	display:block;
	width:9px;
	height:1px;
	background:#252525;
}
.is-toggle-switch > span:before{
	content:"";
	position:absolute;
	right:4px;
	top:0px;
	display:block;
	width:1px;
	height:9px;
	background:#252525;
}
.is-toggle-switch > span.open:before{
	background:transparent;
}



/*開閉ショップ一覧*/
.is-toggle-body{
	width:100%;
	display:none;
	position: absolute;
	top:50px;
	left:0;
	padding-bottom:60px;
}

.common_bottom_shop dl{
	float:left;
	font-size:11px;
	margin:0;
	width:16%;
}
.common_bottom_shop dt a{
	margin-left:10px;
	color:#fff;
	font-weight:bold;
}
.common_bottom_shop dt a+span{
	display:none;
}
.common_bottom_shop dd{
	margin-bottom:20px;
}
.common_bottom_shop dd li{
	padding-left:20px;
	color:#7d7d7d;
	font-size:11px;
	line-height:1.6;
}
.common_bottom_shop dd a{
/*	margin-left:20px;*/
	color:#7d7d7d;
}


.common_bottom_link{
}


.common_bottom_copyright{
	position:absolute;
	right:20px;
	top:15px;
}
.common_bottom_copyright span{
	color:#666;
	font-size:11px;
}




@media screen and (max-width:1000px){
	.common_bottom_shop dt a{
		margin-left:6px;
	}
	.common_bottom_shop li a{
		margin-left:15px;
	}


	.common_bottom_shop li{
		font-size:1.1vw;
	}
}




@media screen and (max-width:767px){


	.common_bottom{
		border-top:none;
		z-index:998;
	}
	.common_bottom .inner{
/*		width:100%;*/
	}
	.common_bottom_list{
		width:100%;
		padding:0;
		border-bottom:1px solid #acacac;
		position:relative;
		margin-bottom:12vw;
		display: block;
	}
	.is-toggle-body{
		width:100%;
		display:none;
		position: relative;
		top:0;
		left:0;
		padding-bottom:0;
	}
	.common_bottom_list>li{
		font-size:4vw;
		color:#000;
		border-top:1px solid #acacac;
		margin-left:0;
	}
	.common_bottom_list li a{
		color:#000;
	}

	.is-toggle-switch > span{
		display:block;
		padding:3vw 0 3vw 2vw;
		width:calc(100% - 2vw);
	}
	.is-toggle-switch > span::after,
	.common_bottom_shop dt a:after{
		content:"";
		position:absolute;
		right:calc(4vw + 1px);
		top:50%;
		display:block;
		width:11px;
		height:1px;
		background:#636363;
	}
	.is-toggle-switch > span::before,
	.common_bottom_shop dt a:before{
		content:"";
		position:absolute;
		right:calc(4vw + 6px);
		top:calc(50% - 5px);
		display:block;
		width:1px;
		height:11px;
		background:#636363;
	}
	.is-toggle-switch > span.open:before,
	.common_bottom_shop dt.open a:before{
		background:transparent;
	}


	.common_bottom_shop dl{
		float:none;
		margin:0;
		width:auto;
	}
	.common_bottom_shop dt{
		position:relative;
	}
	.common_bottom_shop dt a{
		display:none;
	}
	.common_bottom_shop dt a+span{
		display:block;
		padding:3vw 0 3vw 6vw;
		width:calc(100% - 6vw);
		font-size:3.6vw;
		font-weight:400;
		color:#7d7d7d;
		border-top:1px solid #acacac;
	}

	.common_bottom_shop dd{
		display:none;
		margin-bottom:0;
	}
	.common_bottom_shop dd a{
		margin-left:0;
	}


	.common_bottom_shop dd li{
		position:relative;
	}
	.common_bottom_shop dd a{
		display:block;
		padding:3vw 0 3vw 10vw;
		width:calc(100% - 10vw);
		font-size:3.6vw;
		font-weight:400;
		color:#7d7d7d;
		border-top:1px solid #acacac;
		line-height:1.1;
	}
	.common_bottom_shop dd a:after{
		content:"";
		position: absolute;
		top: 50%;
		right: 5.5vw;
		width: 6px;
		height: 6px;
		border-right: 1px solid #636363;
		border-top: 1px solid #636363;
		transform: rotate(45deg) translateY(-2px);
		transform-origin: right 50% 0;
	}






	.common_bottom_link{
		position:relative;
		left:0;
		top:0;
	}
	.common_bottom_link a{
		display:block;
		padding:3vw 0 3vw 2vw;
	}
	.common_bottom_link a:after{
		content:"";
		position: absolute;
		top: 50%;
		right: 5vw;
		width: 10px;
		height: 10px;
		border-right: 1px solid #636363;
		border-top: 1px solid #636363;
		transform: rotate(45deg) translateY(-2px);
		transform-origin: right 50% 0;
	}


	.common_bottom_copyright{
		position:relative;
		right:0;
		top:0;
		padding:2vw 0 20vw 0;
		text-align:center;
		border-top:1px solid #a69e9c;
	}
	.common_bottom_copyright span{
		font-size:3vw;
	}


}


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

TOPに戻る

-------------------------------------------------*/
.pagetop{
	position:fixed;
	right:20px;
	bottom:40px;
	z-index:999;
}
.pagetop a{
	display:block;
	width:60px;
	height:60px;
	position:relative;
	background:#a0a0a0;
}
.pagetop a:after{
	content:"";
	position: absolute;
	top:35px;
	left:13px;
	width: 23px;
	height: 23px;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	transform: rotate(45deg) translateY(-2px);
	transform-origin: right 50% 0;
}
.pagetop a:hover{
	background:#7d7d7d;
	transition:background .4s ease;
}
.pagetop img{opacity:0.7;}


@media screen and (max-width:767px){
	.pagetop{
		right:4vw;
		bottom:23vw;
	}
	.pagetop a{
		width:10vw;
		height:10vw;
		background:rgba(160,160,160,0.6);
	}
	.pagetop a:after{
		content:"";
		display:block;
		top:6vw;
		left:1.8vw;
		width: 4vw;
		height: 4vw;
		border-left: 1px solid #fff;
		border-top: 1px solid #fff;
	}

}








/*5つのこだわり*/
.ringpoint5{
	clear:both;
	width:100%;
	background:#f4f1ee;
	padding-bottom:10px;
	font-family:"Noto Serif JP","ヒラギノ明朝 Pro W6","HiraMinPro-W6",YuMincho,"Yu Mincho","游明朝",serif;
}

.ringpoint5_headline{
	width:100%;
	background:#86756f;
	padding:10px 0;
	text-align:center;
	color:#fff;
	font-size:22px;
	font-weight:500;
	letter-spacing:0.1em;
	box-shadow: 0px 8px 5px -5px rgba(0,0,0,0.15);
	position:relative;
	z-index:10;
}

.ringpoint5_board{
	width:100%;
/*	height:243px;*/
	height:450px;
	background:url(/kimochi/img/howtopickupring/ring_point5_boardBG_pc.jpg) no-repeat center top;
	display:flex;
	align-items: center;
	position:relative;
/*	border-bottom:2px solid #e7d6d7;*/
}
.ringpoint5_logo{
/*	width:420px;*/
	width:1112px;
	margin:0 auto;
	text-align: end;
	box-sizing: border-box;
	padding-top: 39px;
}
.ringpoint5_logo img{
/*	width:200px;*/
	width:524px;
	margin-left:28px;
}

.ringpoint5_subhead{
	width:100%;
	padding-top:50px;
	text-align:center;
}
.ringpoint5_subhead img{
	width:345px;
}

.ringpoint5_lead{
	width:100%;
	padding-top:30px;
	text-align:center;
	font-size:15px;
	line-height:2;
	font-weight:400;
	color:#343030;
}




.ringpoint5_list{
	width:1000px;
	margin:0 auto;
	padding-top:60px;
}
.ringpoint5_list_item{
	width:100%;
	position:relative;
	margin-bottom:84px;
}
.ringpoint5_item_image{
	position:absolute;
	left:-30px;
	top:-30px;
	z-index:10;
	width:460px;
	min-height:270px;
	box-shadow:0 0 4px 4px rgba(0,0,0,0.1);
}
.ringpoint5_item_image img{
	max-width:100%;
}
.right .ringpoint5_item_image{
	right:-30px;
	left:auto;
}

.ringpoint5_item_text{
	width:calc(100% - 24px);
	padding-top:25px;
	padding-bottom:25px;
	background:#fff;
	box-shadow: 0 0 0 1px #fcf7f6, 0 0 0 2px #edc8c4, 0 0 0 12px #fff;
	position:relative;
	z-index:1;
}
.ringpoint5_item_text:first-child{
	padding-top:33px;
	padding-bottom:40px;
}

.ringpoint5_item_headline{
	width:480px;
	margin:0 auto 20px 460px;
	padding-bottom:25px;
	font-size:20px;
	line-height:1.6;
	font-weight:500;
	border-bottom:2px solid #db9189;
}
.right .ringpoint5_item_headline{
	margin:0 auto 20px 35px;
}

.ringpoint5_item_headline span{
	display:block;
	line-height:1.2;
	font-size:18px;
	color:#db9189;
	font-family: "Cochin W01 Roman";
}

.ringpoint5_item_msg{
	width:450px;
	margin:10px auto 0 460px;
	padding-left:30px;
	position:relative;
	font-size:15px;
	line-height:1.6;
}
.right .ringpoint5_item_msg{
	margin:10px auto 0 35px;
}

.ringpoint5_item_msg:after{
	content:"";
	display:block;
	position:absolute;
	left:15px;
	top:calc(50% - 9px);
	width:1px;
	height:18px;
	background:#db9189;
}

.ringpoint5_ring_list{
	width:920px;
	margin:0 auto;
	padding-top:85px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.ringpoint5_ring_list li{
/*	background:#fef4f2;*/
	width:210px;
	padding:0;
	box-shadow: 0 0 0 1px #fff, 0 0 0 6px #fef4f2;
}
.ringpoint5_ring_list a{
	display:block;
	width:calc(100% - 40px);
	padding:27px 0 27px 40px;
	text-align:center;
	color:#331900;
	font-size:15px;
	letter-spacing:0.15em;
	transition:background ease 0.4s;
}
.ringpoint5_ring_list a:hover{
	background-color:#fde6e1;
}
.ringpoint5_ring_list li:nth-child(1) a{
	background:#fef4f2 url(/kimochi/img/howtopickupring/ringpoint5_ringBG01_pc.png) no-repeat left 2px bottom;
}
.ringpoint5_ring_list li:nth-child(2) a{
	background:#fef4f2 url(/kimochi/img/howtopickupring/ringpoint5_ringBG02_pc.png) no-repeat left 2px top 15px;
}
.ringpoint5_ring_list li:nth-child(3) a{
	background:#fef4f2 url(/kimochi/img/howtopickupring/ringpoint5_ringBG03_pc.png) no-repeat left 2px bottom;
}
.ringpoint5_ring_list li:nth-child(4) a{
	width:calc(100% - 62px);
	background:#fef4f2 url(/kimochi/img/howtopickupring/ringpoint5_ringBG04_pc.png) no-repeat left 2px top 55%;
	padding:27px 0 27px 62px;
	letter-spacing:0.05em;
}
.ringpoint5_ring_list li:nth-child(1) a:hover,
.ringpoint5_ring_list li:nth-child(2) a:hover,
.ringpoint5_ring_list li:nth-child(3) a:hover,
.ringpoint5_ring_list li:nth-child(4) a:hover{
	background-color:#fde6e1;
}






/*2023.6追加。既存の書き方を踏襲*/
.ringpoint5_list.new2023 .ringpoint5_item_text{
	box-sizing:border-box;
	width:calc(100% - 440px);
	margin:0 20px 0 auto;
	padding:25px 30px 25px 25px;
	box-shadow: 0 0 0 1px #fcf7f6, 0 0 0 2px #d1d1d1, 0 0 0 12px #fff;
}
.ringpoint5_list.new2023 .ringpoint5_list_item.right .ringpoint5_item_text{
	width:calc(100% - 420px);
	margin:0 auto 0 0;
}
.ringpoint5_list.new2023 .ringpoint5_item_headline{
	width:auto;
	padding:0 0 20px;
	margin:0 0 0 20px;
	border-bottom:2px solid #d1d1d1;
	line-height:1.8;
}
.ringpoint5_list.new2023 .ringpoint5_item_headline span{
	color:#d1d1d1;
}


/*新クラス*/
.ringpoint5_item_lead{
	box-sizing:border-box;
	padding:20px 1em 0 20px;
	font-size:15px;
	line-height:1.6;
}
.ringpoint5_item_link{
	display:flex;
	margin:0;
	padding:40px 0 0 40px;
	box-sizing:border-box;
}
.ringpoint5_item_link .is-btn{
	width:240px;
	font-family:"Noto Sans JP","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",YuGothic,"Yu Gothic","游ゴシック", Osaka,"ＭＳ Ｐゴシック" ,sans-serif;
	letter-spacing:.1em;
}
.ringpoint5_item_link sup{
}
.ringpoint5_item_link .is-btn a{
	display:block;
	width:100%;
	height:40px;
	background:#837876;
	border-radius:3px;
	font-size:12px;
	text-align:center;
	color:#fff;
	line-height:40px;
}
.ringpoint5_item_link .is-text{
	width:45%;
	height:40px;
	box-sizing:border-box;
	padding:0 0 0 2.5em;
	font-size:12px;
	line-height:40px;
	font-family:"Noto Sans JP","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",YuGothic,"Yu Gothic","游ゴシック", Osaka,"ＭＳ Ｐゴシック" ,sans-serif;
	letter-spacing:.1em;
}
.ringpoint5_item_link .is-text a{
	display:inline-block;
	padding:0 20px 0 0;
	box-sizing:border-box;
	position:relative;
	color:#101820;
	text-decoration:none;
}
.ringpoint5_item_link .is-text a:after{
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:calc(50% - 8px);
	width:16px;
	height:16px;
	background:url(/kimochi/img/common/icon_arrow.svg) no-repeat center center;
	background-size:auto 100%;
	transition:right ease .4s;
}
.ringpoint5_item_link .is-text a:hover:after{
	right:-10px;
}


@media screen and (max-width:768px){
/*@media screen and (max-width:767px){*/

	/*5つのこだわり*/
	.ringpoint5{
		padding-bottom:6vw;
		border-bottom:2px solid #e8d6d8;
	}

	.ringpoint5_headline{
		padding:5vw 0;
		font-size:6vw;
		box-shadow: 0px 8px 5px -5px rgba(0,0,0,0.15);
	}

	.ringpoint5_board{
/*		height:60vw;*/
		height:80vw;
		background:url(/kimochi/img/howtopickupring/ring_point5_boardBG_sp.jpg) no-repeat center top;
		background-size:cover;
		align-items: flex-start;
	}
	.ringpoint5_logo{
		width:100%;
		/* padding-top:0; */
		padding-top: 13vw;
		text-align:center;
	}
	.ringpoint5_logo img{
		width:auto;
/*		max-width:45%;*/
		max-width: 61.86%;
/*		margin-left:9vw;*/
		margin-left:0;
	}

	.ringpoint5_subhead{
		padding-top:8vw;
	}
	.ringpoint5_subhead img{
		width:auto;
		max-width:70%;
	}

	.ringpoint5_lead{
		padding-top:5vw;
		font-size:4vw;
		line-height:1.8;
	}



	.ringpoint5_list{
		width:92%;
		margin:0 auto;
		padding-top:6vw;
	}
	.ringpoint5_list_item{
		margin-bottom:12vw;
	}
	.ringpoint5_item_image{
		position:relative;
		top:auto;
		left:auto;
		right:auto;
		width:100%;
		min-height:0;
		box-shadow:0 0 4px 4px rgba(0,0,0,0.1);
	}
	.right .ringpoint5_item_image{
		right:auto;
		left:auto;
	}

	.ringpoint5_item_text{
		width:92%;
		margin:0 auto;
		margin-top:-2vw;
		padding-top:6vw;
		padding-bottom:4vw;
		background:#fff;
		box-shadow: 0 0 0 1px #edc8c4, 0 0 0 5px #fff;
	}
	.ringpoint5_item_text:first-child{
		padding-top:6vw;
		padding-bottom:4vw;
	}
	.ringpoint5_item_headline{
		width:90%;
		margin:0 auto;
		padding-bottom:3vw;
		font-size:5.9vw;
	}
	.right .ringpoint5_item_headline{
		margin:0 auto;
	}

	.ringpoint5_item_headline span{
		font-size:4vw;
	}

	.ringpoint5_item_msg,
	.right .ringpoint5_item_msg{
		width:80%;
		margin:0 auto;
		margin-top:4vw;
		padding-left:5%;
		font-size:4vw;
	}
	.ringpoint5_item_msg:after{
		left:0;
		top:calc(50% - 1.9vw);
		height:3.8vw;
	}



	.ringpoint5_ring_list{
		width:78vw;
		margin:0 auto;
		padding-top:5vw;
	}

	.ringpoint5_ring_list li{
		background:#fef4f2;
		width:38.5vw;
		padding-top:1.5vw;
		height:37vw;
		margin-bottom:1vw;
		box-shadow:none;
	}

	.ringpoint5_ring_list a{
		width:35vw;
		margin:0 auto;
		padding:29vw 0 0 0;
		height:6vw;
		font-size:3.6vw;
		letter-spacing:0.125em;
		border:1px solid #fff;
	}
	.ringpoint5_ring_list li:nth-child(1) a{
		background:url(/kimochi/img/howtopickupring/ringpoint5_ringBG01_sp.png) no-repeat center 2vw;
		background-size:33vw auto;
	}
	.ringpoint5_ring_list li:nth-child(2) a{
		background:url(/kimochi/img/howtopickupring/ringpoint5_ringBG02_sp.png) no-repeat left 0% top 6vw;
		background-size:40vw auto;
	}
	.ringpoint5_ring_list li:nth-child(3) a{
		background:url(/kimochi/img/howtopickupring/ringpoint5_ringBG03_sp.png) no-repeat center 0vw;
		background-size:28vw auto;
	}
	.ringpoint5_ring_list li:nth-child(4) a{
		width:35vw;
		background:url(/kimochi/img/howtopickupring/ringpoint5_ringBG04_sp.png) no-repeat center center;
		background-size:34vw auto;
		padding:29vw 0 0 0;
		letter-spacing:0.125em;
	}


	/*2023.6追加。既存の書き方を踏襲*/
	.ringpoint5_list.new2023 .ringpoint5_item_text{
		width:92%;
		margin:0 auto;
		padding:4vw 4vw 7vw;
		box-shadow: 0 0 0 1px #d1d1d1, 0 0 0 5px #fff;
	}
	.ringpoint5_list.new2023 .ringpoint5_list_item.right .ringpoint5_item_text{
		width:92%;
		margin:0 auto;
	}
	.ringpoint5_list.new2023 .ringpoint5_item_headline{
		width:96%;
		margin:0 auto;
		padding:0 0 3vw;
		font-size:5.6vw;
	}


	/*新クラス*/
	.ringpoint5_item_lead{
		padding:3vw 0 0;
		font-size:4vw;
		line-height:1.6;
	}
	.ringpoint5_item_link{
		flex-wrap:wrap;
		justiify-content:center;
		padding:5vw 0 0;
	}
	.ringpoint5_item_link .is-btn{
		width:100%;
	}
	.ringpoint5_item_link .is-btn a{
		width:68%;
		margin:0 auto;
		height:9.333vw;
		font-size:3.3vw;
		line-height:9.333vw;
	}
	.ringpoint5_item_link .is-text{
		width:100%;
		height:auto;
		padding:5vw 0 0;
		font-size:3.3vw;
		line-height:1.1;
		text-align:center;
	}
	.ringpoint5_item_link .is-text a{
		padding:0 5vw 0 0;
	}
	.ringpoint5_item_link .is-text a:after{
		top:calc(50% - 1.5vw);
		width:3vw;
		height:3vw;
	}
	.ringpoint5_item_link .is-text a:hover:after{
		right:0;
	}

}

.filter-link{
	margin-left:20px;
}
.filter-link span{
	padding: 0;
}
.filter-link .filter-link-item{
	width: 100%;
	margin-top:15px;
}

.filter-link .filter-link-item .caption{
	margin: 8px 0 0;
	font-size:11px;
	color: #999;
	display: block;
}
.filter-link .filter-link-item:first-of-type{
	margin-top:0;
}
.filter-link .filter-link-deflist{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	margin:0;
	color:#7d7d7d;
	font-size:11px;
}
.filter-link .filter-link-deflist dt{
	width:150px;
	margin-right: 15px;
	border-right : 1px solid #cccccc;
}
.filter-link .filter-link-list{
	width: 100%;
	display: flex;
	justify-content: flex-start;
}
.filter-link-list-item{
	margin-right: 20px;
}
.filter-link-head{
	margin-left:-10px;
	color: #7d7d7d;
}
@media screen and (max-width:767px){
	.filter-link{
		margin-left:0;
	}
	.filter-link .filter-link-deflist{
		display: block;
	}
	.filter-link .filter-link-deflist dt{
    display: block;
    padding: 3vw 0 3vw 4vw;
    width: 100%;
    font-size: 3.2vw;
    font-weight: 400;
    color: #7d7d7d;
		border-right : none;
	}
	.filter-link .filter-link-deflist dt::before{
		display: inline-block;
    margin-right: 5px;
    color: #bbb8b8;
    content: "-";
	}
	.filter-link .filter-link-item{
		width: 100%;
		margin-top:0;
	}

	.filter-link .filter-link-list{
		flex-wrap: wrap;
		margin-left: 4vw;
    width: 90%;
	}
	.filter-link-list-item{
		width:calc( 50% - 1vw );
		margin-right: 2vw;
		margin-bottom: 2vw;
	}
	.filter-link-list-item a{
		box-sizing: border-box;
		display: block;
    padding: 3vw 0 3vw 3vw;
    font-size: 3.2vw;
    font-weight: 400;
    color: #7d7d7d;
    background-color: #F5F5F5;
    line-height: 1.1;
		position: relative;
	}
	.filter-link-list-item:nth-of-type(2n){
		margin-right: 0;
	}
	.filter-link-head a{
		box-sizing: border-box;
    margin-left: 4vw;
    width: 90%;
		margin-bottom: 2vw;
		display: block;
    padding: 3vw 0 3vw 3vw;
    font-size: 3.2vw;
    font-weight: 400;
    color: #7d7d7d;
    background-color: #F5F5F5;
    line-height: 1.1;
		position: relative;
	}
	.common_bottom_ring{
    border-top: 1px solid #acacac;
		padding-top:4vw;
	}
	.filter-link .filter-link-item .caption{
		margin: 0 4vw 4vw;
	}
}


/*---------------------------------
2022.8手動で追加。下貼り付きバナー
-----------------------------------*/
.floating-banner-box{
	display:none;
}
@media screen and (max-width:767px){
	.floating-banner-box{
		display:block;
		position:fixed;
		left:0;
		bottom:5px;
		width:100%;
		z-index:998;
	}
	.floating-banner-inner{
		width:97%;
		margin:0 auto;
		padding-bottom:3vw;
		background:#fff;
		box-shadow:1px 2px 10px 3px rgba(1,1,1,.07),0px -2px 10px 3px rgba(1,1,1,.07);
	}
	.floating-banner-logo{
		text-align:center;
		padding:2.5vw 0;
	}
	.floating-banner-logo img{
		width:28vw;
	}
	.floating-banner-btn{
		width:90%;
		margin:0 auto;
		padding:3vw 0;
		position:relative;
		background:#453536;
		font-size:3vw;
		text-align:center;
		color:#fff;
	}
	.floating-banner-btn:after{
		content:"";
		position:absolute;
		top:50%;
		right:12px;
		width:5px;
		height:5px;
		border-right:1px solid #fff;
		border-top:1px solid #fff;
		transform:rotate(45deg) translateY(-2px);
		transform-origin:right 50% 0;
	}
}


/* add 2025.10 */
.l-ring-link-wrap{
	width:100%;
}
.detail_column .l-ring-link-wrap{
	padding-bottom:50px;
}
.p-ring-link-list{
	width:100%;
	display:flex;
	gap:0 20px;
	justify-content:center;
}
@media screen and (max-width:767px){
	.detail_column .l-ring-link-wrap{
		padding-bottom:0;
	}
	.p-ring-link-list{
		flex-wrap:wrap;
		gap:4vw 0;
	}
	.p-ring-link-item{
		width:100%;
		text-align:center;
	}
	.p-ring-link-item a{
		width:80%;
	}
}