/* CSS Document */


/* reset：20180615.ver_1.1 版
---------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, a, address, big,
em, img, small, strong, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, embed, figure, figcaption, 
footer, header, nav, output, ruby, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
	vertical-align:baseline;
}

article, aside, details, figcaption, figure, iframe,
footer, header, hgroup, menu, nav, section, img, svg {
	display:block;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse:collapse; 
    border-spacing:0;
}

caption, th{
    text-align:left;
}

img{
	max-width:100%;
	width:100%;
	height:auto;
}

a{
	text-decoration:none;
	color:#000000;
}

a:focus {
	outline:none;
}

input[type="submit"] {
  	border-radius:0;
  	-webkit-box-sizing:content-box;
  	-webkit-appearance:button;
  	box-sizing:border-box;
  	appearance:button;
  	cursor:pointer;
  	border:none;
}

html{
	overflow-y:scroll;
	font-size:62.5%;
}



/* body
---------------------------------------------------------------------*/
body{
	font-family:'Sawarabi Gothic', sans-serif;
	position:relative;
	font-size:1.6rem;
	overflow:hidden;
}



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

* all

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

/* screen width 768px未満
---------------------------------------------------------------------*/
.pc{
	display:none;
}

/* pageTop */
#pageTop{
	height:60px;
	width:60px;
	z-index:999999;
	position:fixed;
	bottom:10px;
	right:5px;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* 320px以下用
---------------------------------------------------------------------*/

@media print,screen and (max-width: 320px) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	/* pageTop */
	#pageTop{
		height:120px;
		width:120px;
		bottom:20px;
		right:10px;
	}
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	.pc{
		display:block;
	}
	
	.sp{
		display:none;
	}
	
	/* pageTop */
	#pageTop{
		z-index:999999999;
		cursor:pointer;
		height:60px;
		width:60px;
		bottom:20px;
		right:0;
	}
	
}







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

* footer

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

/* screen width 768px未満
---------------------------------------------------------------------*/
footer{
	font-family:"メイリオ", sans-serif;
	background:#fff7e2;
	text-align:center;
	padding:30px 0;
}

footer > div{
	margin:0 auto 15px;
	width:60px;
}

footer > p{
	font-size:1.4rem;
}

footer ~ img{
	overflow:hidden;
	height:0;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* 320px以下用
---------------------------------------------------------------------*/

@media print,screen and (max-width: 320px) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	footer{
		padding:100px 0;
	}
	
	footer > div{
		margin:0 auto 50px;
		width:60px;
	}
	
}






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

* header

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

/* screen width 768px未満
---------------------------------------------------------------------*/
header > *{
	z-index:999999;
}
/* 55th ロゴ */
header h1 {
    position: absolute;
    width: auto;
    height: 50px;
    left: 10px;
    top: 10px;
    padding: 2px;
    background: #FFF;
    box-sizing: border-box;
}
header h1 img {
    width: auto;
    height: 100%;
}
/* 通常ロゴ
header h1{
	position:absolute;
	width:50px;
	left:10px;
	top:10px;
}
*/
header nav{
	transition:all 0.5s;
	position:fixed;
	height:100vh;
	right:0;
	top:0;
}

header nav ul{
	transform:translateX(100%);
	box-sizing:border-box;
	transition:all 0.5s;
	background:#ffffff;
	position:absolute;
	padding:5px 10px;
	height:100vh;
	width:50vw;
	right:0;
	top:0;
}

header nav ul li + li{
	border-top:1px solid #4f4c44;
}

header nav ul li a{
	display:block;
	font-size:1.2rem;
	padding:10px 0;
}

/* active */
header nav.active{
	background:rgba(0, 0, 0, 0.5);
	width:100%;
}

header nav.active ul{
	transform:translateX(0);
}





/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* 320px以下用
---------------------------------------------------------------------*/

@media print,screen and (max-width: 320px) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	/* 55thロゴ */
	header h1 {
    	width: auto;
    	height: 112px;
    	left: 20px;
    	top: 20px;
	}
	/* 通常ロゴ 
	header h1{
		width:100px;
		left:20px;
		top:20px;
	}*/
	
	header nav ul{
		padding:5px 20px;
	}
	
	header nav ul li a{
		font-size:1.6rem;
		padding:15px 0;
	}
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	header h1{
		left:30px;
		top:30px;
	}
	
	header nav ul li a{
		font-size:2.1rem;
	}
	
}







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

* menuBtn

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#menuBtn{
	transition:all 0.5s;
	z-index:999999;
	position:fixed;
	right:10px;
	top:10px;
}

#menuBtn > div{
	background:#ffffff;
	height:50px;
	width:50px;
}

#menuBtn > div span,
#menuBtn > div:after, #menuBtn > div:before{
	transition:all .4s;
	background:#4f4c44;
	position:absolute;
	display:block;
	height:3px;
	width:30px;
	left:50%;
}

#menuBtn > div span{
	transform:translate(-50%, -50%);
	text-indent:999rem;
	overflow:hidden;
	top:50%;
}

#menuBtn > div:after, #menuBtn > div:before{
	transform:translateX(-50%);
	content:"";
}

#menuBtn > div:before{
	top:30%;
	animation:menu-bar-top .75s forwards;
}

@keyframes menu-bar-top {
	0% {
	  	top:50%;
		transform:translate(-50%, -50%) rotate(45deg);
  	}
 	50% {
		top:50%;
	  	transform:translate(-50%, -50%) rotate(0);
  	}
  	100% {
		transform:translate(-50%, -50%) rotate(0);
		top:30%;
  	}
}

#menuBtn > div:after{
	bottom:30%;
	animation:menu-bar-btm .75s forwards;
}

@keyframes menu-bar-btm {
	0% {
    	top:25%;
		transform:translate(-50%, -50%) rotate(-45deg);
  	}
  	50% {
    	top:50%;
		transform:translate(-50%, -50%) rotate(0);
  	}
  	100% {
    	transform:translate(-50%, -50%) rotate(0);
		bottom:25%;
  	}
}


/* menuBtn active */
#menuBtn.active{
	transform:translateX(-50vw);
}

#menuBtn.active > div{
	background:none;
}

#menuBtn.active > div span{
	opacity:0;
}

#menuBtn.active > div:before{
	animation:active-menu-bar-top .75s forwards;
	background:#ffffff;
}

@keyframes active-menu-bar-top {
	0% {
		top:30%;
		transform:translate(-50%, -50%) rotate(0);
  	}
  	50% {
		top:50%;
		transform:translate(-50%, -50%) rotate(0);
	}
  	100% {
		top:50%;
    	transform:translate(-50%, -50%) rotate(45deg);
  	}
}

#menuBtn.active > div:after{
  	animation:active-menu-bar-btm .75s forwards;
	background:#ffffff;
}

@keyframes active-menu-bar-btm {
	0% {
    	bottom:25%;
		transform:translate(-50%, -50%) rotate(0);
  	}
  	50% {
		bottom:50%;
		transform:translate(-50%, 50%) rotate(0);
  	}
  	100% {
		bottom:50%;
    	transform:translate(-50%, 50%) rotate(-45deg);
  	}
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* 320px以下用
---------------------------------------------------------------------*/

@media print,screen and (max-width: 320px) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	#menuBtn{
		right:20px;
		top:20px;
	}
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	#menuBtn{
		background:#ffffff;
		height:100vh;
		width:60px;
		right:0;
		top:0;
	}
	
	#menuBtn > div{
		transform:translateY(-50%);
		position:absolute;
		height:60px;
		width:60px;
		right:0;
		top:50%;
	}
	
	/* menuBtn active */
	#menuBtn.active{
		transform:translateX(0);
	}
	
	#menuBtn.active > div{
		background:#FFFFFF;
	}
	
	#menuBtn.active > div:before{
		background:#4f4c44;
	}
	
	#menuBtn.active > div:after{
		background:#4f4c44;
	}
	
}







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

* mainSlider

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#mainSlider{
	position:relative;
	overflow:hidden;
}

#mainSlider > div:first-of-type{
	width:70vw;
	z-index:99999;
	transform:translate(-50%, -50%);
	position:absolute;
	left:50%;
	top:50%;
}

#mainSlider .bx-controls{
	margin-top:10px;
}

#mainSlider .bx-controls .bx-pager{
	display:flex;
	justify-content:center;
}

#mainSlider .bx-controls .bx-pager > div + div{
	margin-left:10px;
}

#mainSlider .bx-controls .bx-pager a{
	display:block;
	transition:all 0.5s;
	background:#d3d3d3;
	border-radius:50%;
	overflow:hidden;
	text-indent:9px;
	height:10px;
	width:10px;
}

#mainSlider .bx-controls .bx-pager a:hover,
#mainSlider .bx-controls .bx-pager a.active{
	background:#231815;
}

#mainSlider + div h2{
	text-align:center;
	margin-top:20px;
}

#mainSlider.loding .slider li:first-of-type ~ li{
	height:0;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* 320px以下用
---------------------------------------------------------------------*/

@media print,screen and (max-width: 320px) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	#mainSlider + div h2{
		font-size:3.5rem;
	}
	
}




/* 1040px以下用
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1040px) {
	
	#mainSlider > div:first-of-type{
		width:550px;
	}
	
	#mainSlider .sp{
		display:none;
	}
	
	#mainSlider .pc{
		display:block;
	}
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	#mainSlider .bx-controls{
		z-index:9999;
		transform:translateX(-50%);
		position:absolute;
		bottom:30px;
		left:50%;
	}
	
	#mainSlider + div h2{
		margin-top:70px;
	}
	
}







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

* contents

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#contents{
	background:url(../img/contents/con_spbg.jpg) repeat-y center top;
	background-size:100%;
}

#contents h3, #contents h3 > div{
	display:flex;
}

#contents h3{
	align-items:center;
	justify-content:center;
	font-size:1.8rem;
	color:#a3a3a3;
}

#contents h3:after, #contents h3:before{
	content:"";
	display:block;
	background-size:contain !important;
	height:25px;
	width:15px
}

#contents h3:before{
	background:url(../img/title_left.png) no-repeat left top;
}

#contents h3:after{
	background:url(../img/title_right.png) no-repeat left top;
}

#contents h3 > div{
	align-items:center;
	flex-direction:column;
	margin:0 15px;
}

#contents h3 > div span{
	font-size:2.8rem;
	color:#ead29e;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* 320px以下用
---------------------------------------------------------------------*/

@media print,screen and (max-width: 320px) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	#contents h3{
		font-size:3.5rem;
	}
	
	#contents h3:after, #contents h3:before{
		height:55px;
		width:30px;
	}
	
	#contents h3 > div{
		margin:0 20px;
	}
	
	#contents h3 > div span{
		font-size:5.5rem;
	}
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	#contents{
		background:url(../img/contents/con_pcbg.jpg) repeat-y center top;
	}
	
}








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

* concept

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#concept{
	box-sizing:border-box;
	padding:40px 10px 45px;
}

#concept ul{
	margin-top:35px;
}
	
#concept ul li{
	position:relative;
}

#concept ul li + li{
	margin-top:40px;
}

#concept ul li:nth-of-type(odd),
#concept ul li:nth-of-type(even) div{
	text-align:right;
}

#concept ul li:nth-of-type(odd) div{
	text-align:left;
}

#concept ul li p, #concept ul li img, #concept > p{
	transition:transform 1s linear, opacity 2s ease-in;
	transform:translateY(100%);
	opacity:0;
}

#concept ul li p{
	display:block;
	margin-top:25px;
	line-height:1.8;
	color:#231815;
}

#concept ul li p span{
	text-align:left;
}

#concept ul li img{
	display:inline-block;
}

#concept ul li:nth-of-type(1) img{
	width:90%;
}

#concept ul li:nth-of-type(2) img{
	width:50%;
}

#concept ul li:nth-of-type(3) img{
	width:70%;
}

#concept ul li:nth-of-type(4) img{
	width:70%;
}

#concept > p{
	font-size:1.8rem;
	margin-top:30px;
}

/* active */
#concept ul li.active p, #concept ul li.active img, #concept > p.active{
	transform:translateY(0);
	opacity:1;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* 320px以下用
---------------------------------------------------------------------*/

@media print,screen and (max-width: 320px) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	#concept{
		padding:40px 20px 45px;
	}
	
	#concept > p,
	#concept ul li p{
		font-size:2.8rem;
	}
	
}




/* 1040px以下用
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1040px) {
	
	#concept ul li p{
		position:absolute;
		text-align:left;
		line-height:2;
	}
	
	#concept ul li:nth-of-type(1) p{
		transform:translateY(-50%);
		right:40px;
		top:50%;
	}
	
	#concept ul li:nth-of-type(2) p{
		bottom:60px;
		left:0;
	}
	
	#concept ul li:nth-of-type(3) p{
		bottom:105px;
		right:0;
	}
	
	#concept ul li:nth-of-type(4) p{
		bottom:0;
		left:0;
	}
	
	#concept ul li:nth-of-type(1) img{
		width:55%;
	}
	
	#concept ul li:nth-of-type(2) img{
		width:40%;
	}
	
	#concept ul li:nth-of-type(3) img{
		width:50%;
	}
	
	#concept ul li:nth-of-type(4) img{
		width:70%;
	}
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	#concept{
		padding:150px 80px 200px 40px;
		margin:0 auto;
		width:1280px;
	}
	
	#concept ul{
		margin-top:100px;
	}
	
	#concept ul li + li{
		margin-top:150px;
	}
	
	#concept ul li:nth-of-type(1) img{
		width:750px;
	}
	
	#concept ul li:nth-of-type(2) img{
		width:500px;
	}
	
	#concept ul li:nth-of-type(3) img{
		width:565px;
	}
	
	#concept ul li:nth-of-type(4) img{
		width:680px;
	}
	
	#concept > p{
		font-size:3.5rem;
		margin-top:100px;
	}
	
}



/* PC用1279px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1380px){
	
	#concept{
		padding:150px 40px 200px;
	}
	
}







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

* movie

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#movie{
	background:rgba(255, 247, 226, 0.6);
	box-sizing:border-box;
	padding:35px 25px 30px;
}

#movie > div{
	margin-top:30px;
}

#movie > div div{
	text-align:center;
}

#movie > div div p{
	display:inline-block;
	border:6px dotted #ead29e;
	border-radius:15px;
	background:#ffffff;
	margin-top:20px;
	padding:20px;
}

#movie > div div span {
 position:relative;
 width:100%;
 padding-top:56.25%;
 display:block;
}

#movie iframe{
 position:absolute;
 top:0;
 right:0;
 width:100%;
 height:100%;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
	
/*
	#movie iframe{
		height:350px;
	}
*/

}




/* 320px以下用
---------------------------------------------------------------------*/

@media print,screen and (max-width: 320px) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	#movie{
		padding:50px 50px 75px;
	}
	
	#movie > div{
		display:flex;
		align-items:center;
	}
	
	#movie > div div:first-of-type{
		width:60%;
	}
	
	#movie > div div:last-of-type{
		width:40%;
	}
	
	#movie > div div p{
		margin-top:0;
	}
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	#movie{
		padding:100px 50px 150px;
	}
	
	#movie > div div:first-of-type{
		width:640px;
	}
	
	#movie > div div:last-of-type{
		margin-left:50px;
		width:auto;
	}
	
	#movie > div div p{
		border-radius:20px;
		font-size:2.8rem;
		text-align:left;
		padding:40px;
	}
	
	#movie video{
		width:100%;
	}
	
 #movie > div div span {
  display: none;
 }

}




/* PC用1279px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1380px){
	
	#movie > div{
		justify-content:center;
		margin:100px auto 0;
		width:1280px;
	}
	
}



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

* products 2021/03/29

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#products{
	box-sizing:border-box;
	padding:40px 20px;
}

#products > div + div{
	margin-top: 30px;
}

#products_linkset{
	margin: 30px 0 25px;
	display: flex;
	justify-content:space-between;
}

#products_linkset li{
	width: calc(50% - 20px);
	margin:0 10px 15px;
}

#products_linkset a{
	display: block;
	border: 1px solid #ead29e;
	border-radius: 10px;
	padding: 10px 20px;
	position: relative;
	color: #736357;
}

#products_linkset a::after{
	content: "";
	background: url("../img/products/allow.svg") no-repeat;
	width: 15px;
	height: 15px;
	background-size: contain;
	position: absolute;
	right: 20px;
	top:15px;
	
}

.products_title{
	text-align: center;
	margin-bottom: 25px;
}

.products_title h4{
	border-bottom: 1px solid #736357;
	font-size: 1.4em;
	color: #736357;
	display: inline-block;
}

.itemlist{
	background: #fffaee;
	padding: 0px 20px 0px;
	border-radius: 20px;
	margin-bottom: 10px;
}

.itemlist dt{
	color: #40210f;
	padding: 20px 0px;
	padding-right: 20px;
	position: relative;
	cursor: pointer;
}

.itemlist dt::before, .itemlist dt::after {
    content: '';
    display: block;
    width: 15px;
    height: 2px;
    background: #693920;
    position: absolute;
    right: 00px;
    top: 50%;
    transform: rotate(0);
    transition: 0.5s;
}

.itemlist dt::after {
	background: #693920;
    transition: 0.5s;
    transform: translateY(-50%) rotate(
90deg
);
	top: calc(50% + 1px);
}

.itemlist dt.active::after {
    transform: rotate(0);    
}



.itemlist dd{
	margin: 0 -20px;
	border-top: 1px solid #ead29e;
	padding:0 20px 20px;
	display: none;
}

.itemlist ul{
	margin: 20px 0;
}

#products dd ul li + li{
	margin-top:20px;
}

#products dd ul li img{
	border-radius:20px;
	margin-bottom:10px;
	overflow:hidden;
}

#products dd ul li p{
	display:flex;
	justify-content:space-between;
	line-height: 1.4;
	color: #231815;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
	
	.itemlist dt{
		font-size: 1.2em;
	}
	
	#products ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	
	
	#products dd ul li + li{
		margin-top:0;
	}
	
	#products dd ul li:nth-of-type(2) ~ li{
		margin-top:20px;
	}
	
}




/* 320px以下用
---------------------------------------------------------------------*/

@media print,screen and (max-width: 321px) {
	
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	.itemlist dt{
		font-size: 1.2em;
	}
	
	#products ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	
	#products dd ul li{
		width:calc(50% - 20px);
	}
	
	#products dd ul li + li{
		margin-top:0;
	}
	
	#products ul li:nth-of-type(2) ~ li{
		margin-top:20px;
	}
	
}




/* 1040px以下用
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1040px) {
	
	#products ul#products_linkset{
		justify-content: center;
		width: 100%;
	}
	
	#products ul#products_linkset li{
		width: 330px;
	}
	
	#products ul{
		justify-content:flex-start;
	}
	
	#products ul li p a{
		width:160px;
	}
	
	#products ul li p a:hover img{
		opacity:0.7;
	}
	
	#products dd ul li{
		width:calc(33.3333% - 40px);
		margin: 0 20px;
	}
	
	#products dd ul li:nth-of-type(2) ~ li{
		margin-top:0;
	}
	
	#products dd ul li:nth-of-type(3) ~ li{
		margin-top:20px;
	}
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){

	#products{
		padding:100px 50px 150px;
		margin:0 auto;
		width:1280px;
	}
	
	#products > div + div{
	margin-top: 80px;
}
	
	#products ul#products_linkset{
		margin-bottom: 100px;
		margin-top:80px;
	}
	
	#products ul#products_linkset li{
		border-radius: 10px;
		font-size: 1.4em;
		margin: 0 25px;
	}
	
	#products ul#products_linkset li a{
		padding: 20px 30px;
	}
	
	#products_linkset a::after{
	width: 20px;
	height: 20px;
	right: 30px;
	top:28px;
	
}
	
	.products_title h4 {
    font-size: 2em;
		margin-bottom: 20px;
}
	
	.itemlist {
    background: #fffaee;
    padding: 0px 30px;
    border-radius: 35px;
    margin-bottom: 40px;
		width: calc(100% - 60px);
}
	
	.itemlist dt {
    font-size: 1.6em;
		margin: 0 -30px;
		padding:30px 30px;
		width: 100%;
}
	
	.itemlist dt::before, .itemlist dt::after {
    width: 25px;
    height: 5px;
    right: 40px;
    top: 50%;
}
	
	.itemlist dt::after {
		top: calc(50% + 2.5px);
}
	
	.itemlist dt.active::after {
		top: 50%;
}
	
	.itemlist dd{
	margin: 0 -30px;
	padding:0 30px 20px;
}
	
	.itemlist ul {
    margin: 60px 0 40px;
}
	
	#products dd ul li{
		margin: 0 30px;
		width: calc(33.3333% - 60px);
	}
	
	#products dd ul li:nth-of-type(3) ~ li{
		margin-top: 60px;
	}
	
	#products dd ul li img{
		margin-bottom: 20px;
		border-radius: 35px;
	}
	
}