/* ホーム */

/* メインビジュアル */

.visual-warp {
	position: relative;
	height: 49.3vw;
	height: clamp(53.125rem, 50.7016rem + 9.8664vw, 59.125rem);
}

.visual-warp > .container, .visual-warp > .container > .row {
	height: 100%;
}

.home-top-contents-warp {
	display: table-cell;
	width: 9999px;
	vertical-align: middle;
	position: relative;
	z-index: 5;
	height: 49.3vw;
	height: clamp(53.125rem, 50.7016rem + 9.8664vw, 59.125rem);
}

.visual-warp::after {
  content: '';
  background: rgba(249,206,0,0.75);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  display: none;
}

.home-catch dt {
	text-align: center;
 text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
	font-size: 3.0rem;
	font-family: 'Noto Sans CJK JP', sans-serif;
	color: #fff!important;
	line-height: 1.2;
    font-size: 3.125rem;
}
.home-catch dt span {
	display: inline-block;
}

.home-catch dd {
	margin-top: 38px;
	text-align: center;
	font-size: 1.125rem;
	font-family: 'Noto Sans CJK JP', sans-serif;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
	color: #fff!important;
       font-size: 1.25rem;
}
.home-catch dd span {
	display: block;
}
@media (min-width: 1830px) {
    .home-catch dd span {
		display: inline-block;
	}
}
.text-warp { display: block;}

.home-catch-link {
	display: block;
	margin-top: 64px;
	line-height: 1.0;
}

.home-catch-link a {
	display: block;
 box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.35);
	margin: 0 auto;
	padding: 24px 0;
	width: 255px;
	border-radius: 2px;
 background-image: -moz-linear-gradient( 45deg, rgb(117,212,242) 0%, rgb(75,171,219) 100%);
 background-image: -webkit-linear-gradient( 45deg, rgb(117,212,242) 0%, rgb(75,171,219) 100%);
 background-image: -ms-linear-gradient( 45deg, rgb(117,212,242) 0%, rgb(75,171,219) 100%);
	font-family: 'Noto Sans CJK JP', sans-serif;
	font-weight: bold;
	text-align: center;
	color: #fff!important;
	transition: 0.2s;
}

.home-catch-link a:hover {
 background-image: -moz-linear-gradient( 45deg, rgb(75,171,219) 0%, rgb(117,212,242) 100%);
 background-image: -webkit-linear-gradient( 45deg, rgb(75,171,219) 0%, rgb(117,212,242) 100%);
 background-image: -ms-linear-gradient( 45deg, rgb(75,171,219) 0%, rgb(117,212,242) 100%);
	transition: 0.2s;
	text-decoration: none;
}


/* コピー */

.home-copy-warp {
	display: block;
	width: 100%;
	height: 600px;
	overflow: hidden;
}

.home-copy-photo-warp {
	width: 45%;
	float: right;
	height: 100%;
}

.home-copy-photo-warp span {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../imgs/photo-copy.jpg") center center no-repeat;
	background-size: cover;
	background: none;
	position: relative;
}
.home-copy-photo-warp span img {
	height: 100%;
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

.home-copy-title-warp {
	width: 55%;
	float: left;
	height: 600px;
}

.home-copy-title-head {
	padding-top: 120px;
	width: 100%;
	display: block;
	overflow: hidden;
	border-bottom: #f9ce00 solid 1px;
}

.home-copy-title-head-inner {
	width: 635px;
	float: right;
}

.home-copy-title-head-inner h2 {
	margin: 0 0;
	margin-bottom: 30px;
	margin-left: -1.0em;
	font-size: 2.250rem;
	font-weight: bold;
	font-family: 'Noto Sans CJK JP', sans-serif;
	color: #000!important;
	line-height: 1.0;
}

.home-copy-contents {
	display: block;
	height: auto;
	margin-top: 50px;
}

.home-copy-contents-inner {
	width: 635px;
	padding-right: 95px;
	height: auto;
	float: right;
}

.home-copy-contents-inner p { font-size: 1.125rem;}
.home-copy-contents-inner .contents-link {	margin-top: 48px;}
.home-copy-contents-inner .contents-link a {
	display: block;
	height: 56px;
	padding: 20px 0;
	text-align: center;
	border-radius: 2px;
	background: -moz-linear-gradient(45deg, rgb(117,212,242), rgb(98,182,224));
	background: -webkit-linear-gradient(45deg, rgb(117,212,242), rgb(98,182,224));
	background: linear-gradient(45deg, rgb(117,212,242), rgb(98,182,224));
	font-family: 'Noto Sans CJK JP', sans-serif;
	font-weight: bold;
	color: #fff!important;
	line-height: 1.0;
	transition: 0.2s;
}

.home-copy-contents-inner .contents-link a:hover {
	background: -moz-linear-gradient(45deg, rgb(98,182,224), rgb(117,212,242));
	background: -webkit-linear-gradient(45deg, rgb(98,182,224), rgb(117,212,242));
	background: linear-gradient(45deg, rgb(98,182,224), rgb(117,212,242));
	transition: 0.2s;
	text-decoration: none;
}

/* 商品検索 */

.home-search {
	display: block;
	margin-top: 120px;
}

.home-search form {
	position: relative;
}

.search-title {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	width: 125px;
	background: #f9ce00;
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
	color: #000!important;
}

.home-search input {
 width : 100%;
	height: 60px;
	border: none;
	padding-left: 145px;
	padding-right: 80px;
	font-size: 16px!important;
}
.home-search input:focus::-webkit-input-placeholder { color:transparent; }
.home-search input:focus:-moz-placeholder { color:transparent; }
.home-search input:focus::-moz-placeholder { color:transparent; }

.home-search button {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background: #fff url("../imgs/icon-search.png") center center no-repeat;
	border: none;
	margin: 0;
	padding: 0;
}

/* 新商品紹介 */

.home-new-item-warp {
	background: #eaf5f9;
	padding-top: 120px;
	padding-bottom: 120px;
}
.multiple { margin-top: 3.0rem;}

.home-new-item-warp h2 {
	display: block;
	margin: 0 0;
	padding-bottom: 25px;
	background: url("../imgs/title-boder.png") center bottom no-repeat;
	font-size: 1.875rem;
	font-weight: bold;
	font-family: 'Noto Sans CJK JP', sans-serif;
	text-align: center;
	color: #2e2e2e!important;
	line-height: 1.0;
}

.home-new-item-warp a dl {	margin: 0 15px;}
.home-new-item-warp a dl .post-date {
	line-height: 1.0;
	display: block;
	width: 100%;
	margin-top: 1.250rem;
	text-align: right;
	font-size: 0.75rem;
}

.home-new-item-warp a dl .post-title {
	display: block;
	margin-top: 1.0rem;
	color: #2e2e2e!important;
	transition: 0.2s;
}

.home-new-item-warp a:hover { text-decoration: none;}
.home-new-item-warp a:hover dl .post-title {
	color: #2d7dbc!important;
	transition: 0.2s;
}

.home-new-item-warp a dl dt {
	overflow: hidden;
	transition: 0.2s;
}

.home-new-item-warp a:hover dl dt img {
	transform: scale(1.1);
	transition: 0.2s;
}
	

/* news */

.news-warp {
	display: block;
	width: 100%;
	overflow: hidden;
	background: #fff;
	padding-top: 120px;
	padding-bottom: 120px;
}
.home .news-warp { background: #FEFCEF;}

.news-warp h2 {
	display: block;
	margin: 0 0;
	padding-bottom: 25px;
	background: url("../imgs/title-boder.png") center bottom no-repeat;
	font-size: 1.875rem;
	font-weight: bold;
	font-family: 'Noto Sans CJK JP', sans-serif;
	text-align: center;
	color: #2e2e2e!important;
	line-height: 1.0;
}

.news-warp	ul {
	margin-bottom: 0;
	margin-top: 48px;
	margin-left: 0;
	border-top: #8e8e8e dotted 1px;
}

.news-warp	ul li {
	display: block;
	overflow: hidden;
	padding: 1.875rem 0;
	border-bottom: #8e8e8e dotted 1px;
	background: none;
}

.news-list-head {
	width: 210px;
	float: left;
	display: grid;
    grid-template-columns: auto auto;
    align-items: center;
}

.post-day {
	font-size: 0.875rem;
	color: #6f6f6f;
	line-height: 1.0;
}

.post-cat {
	display: inline-block;
	min-width: 96px;
	text-align: center;
	margin-left: 1.25rem;
	background: #e6e6e6;
	border-radius: 2px;
	padding: 6px 24px;
	padding: 6px 6px;
	font-size: 0.75rem;
	color: #000!important;
	line-height: 1.0;
	line-height: 1.2;
	font-weight: bold;
}

.post-cat.news {
	background: #f9ce00;
	color: #2e2e2e!important;
}

.post-cat.recruit {
	background: #2d7dbc;
	color: #fff!important;
}

.post-title a {
 width : -webkit-calc(100% - 210px) ;
 width : calc(100% - 210px) ;
	padding-left: 1.125rem;
	float: left;
	coloe: #2e2e2e!important;
	transition: 0.2s;
}

.post-title a:hover {
	text-decoration: none;
	color: #2d7bdc!important;
	transition: 0.2s;
}

.archive-link { margin-top: 30px;}
.archive-link a {
 display: block;
	background: url("../imgs/link-icon-next.png") center right 0.875rem no-repeat;
	padding: 0.75rem 0;
	border: #f9ce00 solid 1px;
	border-radius: 999px;
	font-size: 0.875rem;
	text-align: center;
	color: #2e2e2e!important;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.0;
	transition: 0.2s;
}

.archive-link a:hover {
	text-decoration: underline;
	transition: 0.2s;
}

/* Recruit */

.bottom-recruit-warp {
	display: block;
	overflow: hidden;
	background: #2d7dbc;
	height: 250px;
}

.bottom-recruit-title-warp {
	float: left;
	width: 50%;
}
.bottom-recruit-photo-warp {
	float: left;
	width: 50%;
}

.bottom-recruit-photo-warp span {
	display: block;
	height: 250px;
	width: 100%;
	position: relative;
	background: url("../imgs/photo-recruit.jpg") top center no-repeat;
	background-size: cover;
}

.bottom-recruit-photo-warp span:before{
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background-color: rgba(45,125,188,0.5);
	z-index: 1;
}

.bottom-recruit-title {
	width: 555px;
	float: right;
	height: 250px;
}

.bottom-recruit-title-inner {
	display: table-cell;
	vertical-align: middle;
	width: 9999px;
	height: 250px;
	line-height: 1.0;
	text-align: center;
}

.bottom-recruit-title .bottom-recruit-title-inner h2 {
	margin-bottom: 0;
	font-family: "Noto Serif Japanese", serif, san-serif;
	font-size: 2.250rem;
	font-weight: bold;
	color: #fff!important;
	transition: 0.2s;
}

.bottom-recruit-title .bottom-recruit-title-inner p {
	margin-top: 8px;
	margin-bottom: 0;
	font-family: "Noto Serif Japanese", serif, san-serif;
	font-weight: bold;
	font-size: 0.875rem;
	color: #fff;
	transition: 0.2s;
}

a:hover .bottom-recruit-title  .bottom-recruit-title-inner h2, a:hover .bottom-recruit-title .bottom-recruit-title-inner p {
	color: #f9ce00 !important;
	transition: 0.2s;
 text-decoration: none!important;
}

@media (max-width: 1280px) {
	.home-copy-warp { height: auto;}
	.home-copy-title-warp {
  width: 100%;
  float: none;
  height: 600px;
 }
	.home-copy-photo-warp {
  width: 100%;
  float: none;
  height: 600px;
 }
	.home-copy-title-head-inner {
  margin: 0 auto;
  float: none;
 }
	.home-copy-contents-inner {
		margin: 0 auto;
		padding-right: 0;
		float: none;
	}
	.bottom-recruit-warp { height: auto;}
 .bottom-recruit-warp a { text-decoration: none;}
	.bottom-recruit-title-warp {
  float: none;
  width: 100%;
		overflow: hidden;
 }
	.bottom-recruit-title {
  width: 100%;
  float: none;
		overflow: hidden;
	}
	.bottom-recruit-photo-warp {
		float: none;
		width: 100%;
		overflow: hidden;
	}
}

@media (max-width: 960px) {
	.visual-warp {
		height: 636px;
		height: 850px;
	}
	.home-top-contents-warp { 
		height: 636px;
		height: 850px;
	}
	.home-catch dd { margin-top: 20px;}
	.home-catch-link { margin-top: 30px;}
	.home-search { margin-top: 60px;}
	.home-copy-title-head { padding-top: 60px;}
	.home-copy-title-warp {
		height: auto;
		padding-bottom: 60px;
	}
	.home-copy-photo-warp { height: 400px;}
	.home-new-item-warp {
  padding-top: 60px;
  padding-bottom: 60px;
 }
	.news-warp {
  padding-top: 60px;
  padding-bottom: 60px;
 }
	.bottom-recruit-photo-warp img { top: 050%;}
	.slick-prev, .slick-next { top: 35%;}
}

@media (max-width: 768px) {
	.home-catch dt { 
		font-size: 2.250rem;
		font-size: 3.125rem;
	}
	.home-catch dd { 
		font-size: 0.875rem;
		font-size: 1rem;
	}
	.home-catch dd span {
		display: block;
	}
 .search-title {
  height: 60px;
  width: 90px;
		font-size: 0.875rem;
 }
	.home-search input {
  padding-left: 110px;
  padding-right: 80px;
 }
	.home-copy-title-warp { padding-bottom: 30px;}
	.home-copy-title-head { padding-top: 70px;}
	.home-copy-title-head-inner h2 {
		margin: 0 0;
		margin-bottom: 20px;
		margin-left: 0;
		padding-left: 15px;
		font-size: 1.625rem;
 }
	.home-copy-contents {
		margin-top: 30px;
		width: 100%;
	}
	.home-copy-contents-inner {
		width: 100%;
		height: auto;
	}
	.home-copy-contents-inner p {
		padding-right: 30px;
		padding-left: 30px;
		font-size: 0.875rem;
	}
	.home-copy-contents-inner .contents-link {
  margin-top: 30px;
		margin-left: 24px;
		margin-right: 24px;
	}
	.home-copy-contents-inner .contents-link .col-6 {
		padding-right: 6px;
  padding-left: 6px;
	}
	.home-copy-photo-warp { height: 320px;}
	.home-new-item-warp {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.home-new-item-warp h2 { font-size: 1.50rem;}
	.news-warp {
  padding-top: 50px;
  padding-bottom: 50px;
 }
	.news-warp h2 { font-size: 1.50rem;}
	.news-warp ul { margin-top: 30px;}
	.news-warp ul li { padding: 1.250rem 0;}
	.news-list-head {
		display: block;
		width: 100%;
		float: none;
	}
	.post-title a {
		display: block;
  width: 100%;
		margin-top: 5px;
  padding-left: 0;
		font-size: 0.875rem;
		line-height: 1.6;
  float: none;
 }
	.archive-link { margin-top: 20px;}
}

/* Not Found */

.contents-inner .home-search {	margin-top: 50px;}
.contents-inner .home-search input {	border: #fad833 solid 1px;}
.contents-inner .home-search button {
	top: 1px;
	right: 1px;
	width: 58px;
	height: 58px;
}

/* お問い合わせ */

.form-warp {
	display: block;
	margin-top: 3.125rem;
}

.input-line {
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
	padding-bottom: 1px;
}

.input-title {
	width: 255px;
	padding-left: 38px;
	padding-top: 12px;
	float: left;
	background: url("../imgs/icon-list.png") top 18px left 14px no-repeat;
}

.input-content input, .input-content textarea, .input-content select {
	font-size: 16px;
	padding: 0.625rem;
	border: #fad833 solid 1px;
	border-radius: 2px;
}

.input-content input:focus, .input-content textarea:focus {
	border: #2d7dbc solid 1px;
}

.input-content {
	width : -webkit-calc(100% - 255px);
	width : calc(100% - 255px);
	padding-left: 30px;
	float: left;
}

.input-content span { position: relative;}
.input-content span select {
	padding-right: 2.0em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}

.input-content span select::-ms-expand { display: none;}
.input-content span:before {
	position: absolute;
	top: 0;
	right: 10px;
	width: 10px;
	height: 17px;
	padding: 0;
	content: url("../imgs/icon-select.png");
	pointer-events: none;
}


/* メーカー一覧 */

.accordion-container dl {	margin-bottom: 15px;}
.accordion-title {
	border: #f9ce00 solid 1px;
	background: #fffdf2 url("../imgs/icon-open.png") right 18px center no-repeat;
	padding: 20px 30px;
	line-height: 1.0;
	font-size: 1.125rem;
	font-family: Noto Sans CJK JP, sans-serif;
	font-weight: bold;
	cursor: pointer;
}
.accordion-title.open {	background: #fffdf2 url("../imgs/icon-close.png") right 18px center no-repeat;}

.accordion-content {
	border-bottom: #f9ce00 solid 1px;
	border-right: #f9ce00 solid 1px;
	border-left: #f9ce00 solid 1px;
	padding-top: 20px!important;
	padding-bottom: 20px;
}

.accordion-content h2 {
	margin: 0 65px 20px;
	padding: 15px 20px;
	border-bottom: #e2e4e4 solid 1px;
 font-size: 1.50rem;
 font-weight: bold;
	line-height: 1.0;
}

.accordion-content ul {
	margin: 0 5.3125rem;
	padding: 0 0;
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
}

.accordion-content ul li {
	width: 50%;
	float: left;
}

.accordion-content ul li a[target="_blank"] {
	background: url("../imgs/icon-blank.png") center right no-repeat;
	padding-right: 20px;
}

.anchor-list {
 display: block!important;
	margin-left: 65px!important;
 margin-right: 65px!important;
	margin-bottom: 0!important;
	overflow: hidden;
}

.anchor-list li {
	width: 20%!important;
	height: 60px!important;
	background: #fff url("../imgs/bg-border-line.png") center left no-repeat!important;
	float: left!important;
	margin-bottom: 0!important;
	margin-left: 0!important;
	padding-left: 0!important;
	transition: 0.2s;
}
.anchor-list li:first-child {	background: #fff!important;}
.anchor-list li:hover {
	background: #fffdf2 url("../imgs/bg-border-line.png") center left no-repeat!important;
	transition: 0.2s;
}

.anchor-list li a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: url("../imgs/link-icon-bottom.png") left 20px center no-repeat;
	width: 100%;
	height: 60px;
	padding-left: 40px;
	transition: 0.3s;
	color: #2e2e2e;
	font-weight: bold;
}
.anchor-list li a:hover {	text-decoration: none;}

@media (max-width: 768px) {
 .anchor-list {
		margin-left: 30px!important;
		margin-right: 30px!important;
	}
	.accordion-content h2 {
  margin: 0 30px 20px!important;
		font-size: 1.250rem!important;
	}
 .accordion-content ul {	 margin: 0 3.125rem;}
}

@media (max-width: 560px) {
	.accordion-container {
		margin-left: -15px;
		margin-right: -15px;
	}
	.accordion-content h2 { margin: 0 15px 20px !important;}
	.accordion-content ul { margin: 0 2.1875rem;}
	.accordion-content ul li {
  width: 100%;
  float: none;
 }
 .anchor-list {
		margin-left: 15px!important;
		margin-right: 15px!important;
	}
	.anchor-list li a {
		background: url("../imgs/link-icon-bottom.png") left 10px center no-repeat;
		padding-left: 30px;
	}
	
}


/* 商品紹介 */

.pc-side-nav {
	width: 410px;
	padding-top: 90px;
	padding-bottom: 90px;
	padding-left: 30px;
	padding-right: 30px;
	border-right: #e2e4e4 solid 1px;
	background: #fff;
	height: 100%;
	min-height: 840px;
	float: left;
}

.side-search { position: relative;}
.side-search input {
	width: 100%;
	height: 60px;
	font-size: 16px;
	padding: 10px 16px;
	border: #f9ce00 solid 1px;
}
.side-search input:focus::-webkit-input-placeholder { color:transparent; }
.side-search input:focus:-moz-placeholder { color:transparent; }
.side-search input:focus::-moz-placeholder { color:transparent; }

.side-search button {
 position: absolute;
 top: 1px;
 right: 1px;
 width: 58px;
 height: 58px;
 background: #fff url("../imgs/icon-search.png") center center no-repeat;
 border: none;
 margin: 0;
 padding: 0;
}

.side-category {	margin-top: 50px;}
.side-category h2 {
	display: block;
	margin-bottom: 0;
	font-size: 1.0rem;
	font-family: 'Noto Sans CJK JP', sans-serif;
	font-weight: bold;
	color: #2e2e2e;
	line-height: 1.0;
}

.side-category h2::after {
 content: '';
 display: block;
 height: 1px;
 width: 40px;
 background: #f2dc49;
 margin-top: 18px;
}

.side-category ul {
	font-size: 0.875rem;
	margin-top: 20px;
}

.side-category ul li {
	margin-left: 8px;
	margin-bottom: 5px;
}

.side-category ul li a {
	display: block;
	padding-left: 20px;
	color: #2e2e2e;
	background: url("../imgs/icon-list.png") top 5px left no-repeat;
}

.side-maker { margin-top: 50px;}
.side-maker h2 {
	margin-bottom: 0;
	font-size: 1.0rem;
	font-family: 'Noto Sans CJK JP', sans-serif;
	font-weight: bold;
	color: #2e2e2e;
	line-height: 1.0;
}

.side-maker h2::after {
 content: '';
 display: block;
 height: 1px;
 width: 40px;
 background: #f2dc49;
 margin-top: 18px;
}

.side-maker ul {
	margin-top: 20px;
	display: block;
	overflow: hidden;
}

.side-maker ul li {
	display: inline-block;
	margin-left: 0;
	margin-bottom: 5px;
}

.side-maker ul li::after {
 content: "," !important;
 padding-right: 0.25em;
}
.side-maker ul li:last-child:after {	content: ''!important;}

.contents-warp.item {
	overflow: hidden;
	width: 100%;
	padding-right: 30px;
}

.item-info-warp {
	float: right;
 width : -webkit-calc(100% - 410px);
 width : calc(100% - 410px);
	padding-left: 65px;
	padding-top: 90px;
	padding-bottom: 90px;
	overflow: hidden;
}

.item-photo-warp {
	width: 445px;
	float: right;
}

.item-contents-warp {
	float: left;
 width : -webkit-calc(100% - 445px);
 width : calc(100% - 445px);
	padding-right: 30px;
}

.item-info-warp h1 {
	margin: 0 0;
	padding: 0 0;
	margin-bottom: 50px;
	font-family: 'Noto Sans CJK JP', sans-serif;
 font-weight: bold;
	font-size: 2.250rem;
	color: #2e2e2e;
	line-height: 1.4;
}

.item-date-head {}
.item-date-head ul {	margin-left: 1.50rem;}
.item-date-head ul > li {
	background: url("../imgs/icon-list.png") top 6px left no-repeat;
	padding-left: 1.250rem;
	margin-bottom: 0.625rem;
	line-height: 1.6;
}

.item-date-description { margin-top: 40px;}
.item-date-description h2 {
	padding: 0 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin: 0 0;
	margin-top: 40px;
	margin-bottom: 30px;
	border-bottom: #65a0ce solid 1px;
	font-size: 1.875rem;
	font-family: 'Noto Sans CJK JP', sans-serif;
	font-weight: bold;
	color: #2e2e2e;
	line-height: 1.2;
}

.item-date-description p {
	padding-left: 30px;
	padding-right: 30px;
}

.item-variation-warp {
	width: 100%;
	float: none;
	overflow: hidden;
}

.item-variation-warp h2 {
	padding: 0 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin: 0 0;
	margin-top: 40px;
	margin-bottom: 30px;
	border-bottom: #65a0ce solid 1px;
	font-size: 1.875rem;
	font-family: 'Noto Sans CJK JP', sans-serif;
	font-weight: bold;
	color: #2e2e2e;
	line-height: 1.2;
}

.item-variation-warp dl {
	display: block;
	width: 190px;
	height: auto;
	margin: 0 15px 30px 15px;
	float: left;
}

.item-variation-warp dl dt {
	width: 190px;
	height: 190px;
	border: #e2e4e4 solid 1px;
	overflow: hidden;
}

.item-variation-warp a .item-name {
	margin-top: 10px;
	font-size: 0.875rem;
	color: #2e2e2e;
}

.item-variation-warp a .maker-name {
	margin-top: 10px;
	font-size: 0.750rem;
	color: #2e2e2e;
}

.item-variation-warp a {	transition: 0.2s;}
.item-variation-warp a:hover dl dt img {
	transform: scale(1.1);
	transition: 0.2s;
}

.item-variation-warp a:hover dl dd {
	color: #2d7dbc;
	transition: 0.2s;
}

.fotorama__thumb-border { border-color: #2d7dbc!important;}
.fotorama__img {	border: #e2e4e4 solid 1px;}
.fotorama__nav-wrap { margin-top: 20px;}

.item-archive-warp {
 float: right;
 width: -webkit-calc(100% - 410px);
 width: calc(100% - 410px);
 padding-left: 65px;
 padding-top: 90px;
 padding-bottom: 90px;
 overflow: hidden;
}

.item-archive-box { width: 190px;}
.item-archive-box .item-thum {
	display: block;
	width: 190px;
	height: 190px;
	border: #e2e4e4 solid 1px;
	overflow: hidden;
	position: relative;
}

.item-archive-box .item-thum img {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 width: 100%;
 height: auto;
}

a .item-archive-box .item-name {
	display: block;
	margin-top: 10px;
	font-size: 0.875rem;
	color: #2e2e2e;
}
a .item-archive-box .maker-name {
	display: block;
	margin-top: 5px;
	font-size: 0.750rem;
	color: #2e2e2e;
}

.item-archive-warp ul {
	display: block;
 letter-spacing: -.4em;
}

.item-archive-warp ul li {
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	position: relative;
	vertical-align: top;
 letter-spacing: normal;
}

.item-archive-warp ul li a {	transition: 0.2s;}
.item-archive-warp ul li a:hover { text-decoration: none;}
.item-archive-warp ul li a:hover .item-thum img {
	opacity: 0.8;
 transition: 0.2s;
}

.item-archive-warp ul li a:hover .item-name,
.item-archive-warp ul li a:hover .maker-name { color:#2d7dbc;}

.item-archive-warp ul li.noitem {
 width: 100%;
 padding-left: 30px;
 padding-right: 30px;
}

.orange-name {
	text-align: center;
	margin-top: 5px;
}

.orange-name span {
	display: inline-block;
	padding: 5px 22px 5px 10px;
	border-radius: 999px;
	background: #ea5b02 url("../imgs/icon-blank-items.png") center right 5px no-repeat;
	font-size: 0.75rem;
	color: #fff;
	line-height: 1.0;
}

.sp-menu-button { display: none;}
.nav-close {
	width: 100%;
	display: none;
}

.nav-close span {
	background: url("../imgs/icon-close-small.png") center right no-repeat;
	padding-right: 24px;
	font-size: 0.875rem;
 font-family: 'Noto Sans CJK JP', sans-serif;
}

.specification-warp {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 0.3125rem;
	margin-bottom: 0.625rem;
}

.specification-warp p {
 margin-bottom: 0;
}

.specification-warp ul {}
.specification-warp ul li {
	list-style: disc;
	background: none;
	padding-left: 0;
}

.specification-warp ol {	margin-left: 1.50rem;}
.specification-warp ol li {	margin-bottom: 0.625rem;}

.item-variation-inner {}
.item-variation-inner ul {
 display: block;
 letter-spacing: -.4em;
}

.item-variation-inner ul li {
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px;
}

.item-variation-inner ul li {
 display: inline-block;
 margin-left: 15px;
 margin-right: 15px;
 margin-bottom: 30px;
 position: relative;
 vertical-align: top;
 letter-spacing: normal;
}

.item-variation-inner ul li a {	transition: 0.2s;}
.orange-name { margin-top: 0.625rem;}

.item-variation-inner ul li a:hover { text-decoration: none;}
.item-variation-inner ul li a:hover .item-thum img {
	opacity: 0.8;
	transition: 0.2s;
}

.item-variation-inner ul li a:hover .item-name, .item-variation-inner ul li a:hover .maker-name {
	color: #2d7dbc;
}

@media (max-width: 1280px) {
	.nav-close {
		display: flex;
		height: 84px;
		justify-content: flex-end;
		align-items: center;
	}
	.nav-close:hover {	cursor: pointer;}
	.pc-side-nav { display: none;}
	.item-archive-warp {
		float: none;
		width: 100%;
		padding-left: 30px;
		padding-top: 90px;
		padding-bottom: 90px;
		overflow: hidden;
	}
	.open .pc-side-nav {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 99;
		padding-top: 0;
		border-left: #eeefef solid 1px;
		border-bottom: #eeefef solid 1px;
		height: auto;
  overflow: scroll;
	}
	.contents-warp.item {
		overflow: visible;
		padding-right: 30px;
	}
	
	.item-archive-warp ul li {
	 margin-left: 0;
	 margin-right: 0;
		width: 20%;
 }
	.item-archive-box {
		margin-left: auto;
		margin-right: auto;
 }

	.item-info-warp {
		display: block;
		width: 100%;
		overflow: hidden;
		height: auto!important;
		padding-left: 30px;
		float: none;
	}
	.sp-menu-button {
		display: block;
		width: 200px;
  margin-top: -23px;
  float: right;
	}
	.sp-menu-button-inner {
		display: block;
		background: #fff;
		padding: 14px 0;
		text-align: center;
		border: #f9ce00 solid 1px;
		border-radius: 999px;
	 font-family: 'Noto Sans CJK JP', sans-serif;
	 font-weight: bold;
	 color: #2e2e2e;
		line-height: 1.0;
		transition: 0.2s;
	}
	.sp-menu-button-inner:hover {
		background: #fdf0b2;
		cursor: pointer;
		transition: 0.2s;
	}
	.sp-menu-button-inner span {
		background: url("../imgs/icon-search-small.png") left center no-repeat;
		padding-left: 24px;
	}
}

@media (max-width: 1024px) {
	.item-archive-warp ul li {
		width: 25%;
 }
}

@media (max-width: 960px) {
	.item-photo-warp {
  width: 100%;
  float: none;
 }
	.item-contents-warp {
		width: 100%;
		float: none;
		margin-top: 30px;
	}
}

@media (max-width: 910px) {
	.item-archive-warp ul li {
		width: 33.333%;
	}
}

@media (max-width: 700px) {
	.item-archive-warp ul li {
		width: 50%;
	}
}


@media (max-width: 560px) {
	.sp-menu-button {
  width: 160px;
  margin-right: 30px;
 }
	.sp-menu-button-inner { padding: 12px 0;}
	.sp-menu-button-inner span {	font-size: 0.875rem;}
	.item-info-warp { padding-left: 0;}
	.contents-warp.item { padding-right: 0;}
	.item-contents-warp { padding-right: 30px;}
	.item-photo-warp {
		padding-left: 15px;
		padding-right: 15px;
	}
	.item-info-warp {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.item-info-warp h1 {
  margin-bottom: 30px;
		padding-left: 15px;
		padding-right: 15px;
  font-size: 1.50rem;
 }
	.item-date-description h2 {
		margin-bottom: 20px;
		font-size: 1.50rem;
	}
	.item-variation-warp {
		padding-left: 15px;
		padding-right: 15px;
		overflow: visible;
	}
	.item-variation-warp h2 {
		margin-bottom: 20px;
		font-size: 1.50rem;
	}
	.item-variation-inner a {
		display: block;
		width: 33.3%;
		float: left;
	}
	.item-variation-warp dl {
  width: 140px;
		margin: 0 auto;
		float: none;
		margin-bottom: 20px;
 }
	.item-variation-warp dl dt {
  width: 140px;
  height: 140px;
 }
	/*.open .pc-side-nav { top: -328px;}*/
	.nav-close { height: 78px;}
	.pc-side-nav {
		width: 360px;
		padding-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}
 .item-archive-warp {
  padding-top: 50px;
  padding-bottom: 50px;
		padding-left: 0;
 }
}

@media (max-width: 460px) {
	.item-archive-box { width: 170px;}
	.item-archive-box .item-thum {
  width: 170px;
  height: 170px;
 }
}

@media (max-width: 360px) {
	.item-archive-box { width: 160px;}
	.item-archive-box .item-thum {
  width: 160px;
  height: 160px;
 }
}

body.open {
	width: 100%;
	height: 100%;
}

body.open:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background:rgba(0,0,0,0.2); 
	z-index: 8;
 height: 100%;
 width: 100%;
}

/* メールフォーム */

.form-warp-inner {	margin-left: 1.875rem;}
.form-line {
	display: block;
	width: 100%;
	padding-left: 0.9375rem;
	padding-right: 2.1875rem;
	margin-bottom: 1.875rem;
	overflow: hidden;
}

.form-head {
	display: flex;
	align-items: center;
	min-height: 3.125rem;
	background: url("../imgs/icon-list.png") left center no-repeat;
	width: 15.9375rem;
	padding-left: 1.50rem;
	float: left;
}

.form-contents {
	min-height: 50.8px;
	margin-left: 1.875rem;
 width : -webkit-calc(100% - 17.8125rem) ;
 width : calc(100% - 17.8125rem) ;
	float: left;
}

.form-contents input, .form-contents select, .form-contents textarea {
	border: #f9ce00 solid 1px;
	border-radius: 2px;
	padding: 0.625rem 0.9375rem;
	font-size: 16px;
}
.form-contents input[type="text"], .form-contents input[type="email"] {	width: 33.875rem;}
.form-contents input#zip {	width: 8.125rem;}
.form-contents textarea {	width: 43.75rem;}
.form-contents input:focus, .form-contents select:focus, .form-contents textarea:focus {	border: #2d7dbc solid 1px;}

.form-contents select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.form-contents select {
	padding-right: 1.5625rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("../imgs/icon-select.png") right 10px center no-repeat;
}

.submit-box {	margin-top: 3.75rem;}
.submit-box > .row { justify-content: center;} 
.bottom-confirmation {
	display: block !important;
	width: 15.9375rem;
	margin: 0 auto;
	padding-top: 1.250rem;
	padding-bottom: 1.250rem;
 background: -moz-linear-gradient( 45deg, rgb(117,212,242) 0%, rgb(75,171,219) 100%);
 background: -webkit-linear-gradient( 45deg, rgb(117,212,242) 0%, rgb(75,171,219) 100%);
 background: -ms-linear-gradient( 45deg, rgb(117,212,242) 0%, rgb(75,171,219) 100%);
	border-radius: 2px !important;
	line-height: 1.0;
	text-align: center !important;
	font-size: 16px !important;
	font-weight: bold;
	color: #fff;
	transition: 0.3s;
}

.bottom-confirmation:hover {
 background: -moz-linear-gradient( 45deg, rgb(75,171,219) 0%, rgb(117,212,242) 100%);
 background: -webkit-linear-gradient( 45deg, rgb(75,171,219) 0%, rgb(117,212,242) 100%);
 background: -ms-linear-gradient( 45deg, rgb(75,171,219) 0%, rgb(117,212,242) 100%);
	transition: 0.3s;
}

.bottom-submit {
	display: block !important;
	width: 15.9375rem;
	border: none;
	padding-top: 1.250rem;
	padding-bottom: 1.250rem;
	margin-left: 0.9375rem;
	margin-right: 0.9375rem;
 background: -moz-linear-gradient( 45deg, rgb(117,212,242) 0%, rgb(75,171,219) 100%);
 background: -webkit-linear-gradient( 45deg, rgb(117,212,242) 0%, rgb(75,171,219) 100%);
 background: -ms-linear-gradient( 45deg, rgb(117,212,242) 0%, rgb(75,171,219) 100%);
	border-radius: 2px !important;
	line-height: 1.0;
	text-align: center !important;
	font-size: 16px !important;
	font-weight: bold;
	color: #fff;
	transition: 0.3s;
}

.bottom-submit:hover {
 background: -moz-linear-gradient( 45deg, rgb(117,212,242) 0%, rgb(75,171,219) 100%);
 background: -webkit-linear-gradient( 45deg, rgb(117,212,242) 0%, rgb(75,171,219) 100%);
 background: -ms-linear-gradient( 45deg, rgb(117,212,242) 0%, rgb(75,171,219) 100%);
	transition: 0.3s;
}

.bottom-back {
	display: block;
	width: 15.9375rem;
	padding-top: 1.250rem;
	padding-bottom: 1.250rem;
	margin-left: 0.9375rem;
	margin-right: 0.9375rem;
	background: #f1f2f1;
	border-radius: 2px !important;
	line-height: 1.0;
	color: #a8a8a8;
	font-weight: bold;
	transition: 0.3s;
}

.bottom-back:hover {
	color: #2e2e2e;
	transition: 0.3s;
}

.mw_wp_form_preview .form-contents {	padding: 0.625rem;}

.required span {
	display: inline-block;
	position: relative;
	padding-right: 54px;
}
.required span:after {
	position: absolute;
	right: 0;
	top: 2px;
	content: url("../imgs/icon-hissu.png");
	display: block;
	width: 39px;
	height: 24px;
	line-height: 1.0;
}

@media (max-width: 1120px) {
	.form-head {
  width: 100%;
  float: none;
 }
	.form-contents {
		width: 100%;
		float: none;
	}
}

@media (max-width: 910px) {
	.form-contents textarea {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.form-contents input[type="text"], .form-contents input[type="email"] {
		width: 100%;
	}
}

@media (max-width: 659px) {
	.bottom-back { margin-top: 1.25rem;}
}

@media (max-width: 560px) {
 .form-line { padding-left: 0;}
	.form-warp-inner { margin-left: 0;}
}

/* 2024.04.25追加 */
.insta-item {
	margin-top: 30px;
 }
@media (min-width: 992px) {
    .insta-item {
       margin-top: 0;
    }
}