@charset "utf-8";
/* CSS Document */

/************************************************************
	共通
*************************************************************/
.nob > section {
	margin-bottom: 6rem;
}
.nob > section p {
	font-size: 1.6rem;
	line-height: 1.4;
}
/* ボタン */
.nob > section p.btn {
	width: 80%;
	max-width: 300px;
    margin: 0 auto;
	border: 1px solid #000;
	text-align: center;
}
.nob > section p.btn a {
    display: block;
	padding: 1.8rem 0;
	font-size: 1.4rem;
	font-weight: bold;
    text-decoration: none;
	color: #000;
}
.nob > section p.btn a:after {
	margin-left: 1rem;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f105";
}
@media only screen and (min-width: 1000px){
	.nob > section p.btn a:hover {
		letter-spacing: 4px;
		transition: all .8s cubic-bezier(.08,.53,.23,.98);
	}
}


/************************************************************
	Main Visual
*************************************************************/
#nob_mv {
	width: 100%;
	margin-bottom: 4rem;
}
#nob_mv img {
	height: 600px;
	width: 100%;
	vertical-align: top;
	object-fit: cover;
	object-position: top;
}
@media only screen and (max-width: 767px){
	#nob_mv img {
		height: 100vh;
	}
}

/************************************************************
	タイポグラフィ
*************************************************************/
.nob > section > h1,
.nob > section > h2 {
	margin-bottom: 4rem;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}
@media only screen and (max-width: 767px){
	.nob > section > h1,
	.nob > section > h2 {
		font-size: 2.6rem;
	}
}

/************************************************************
	Intro
*************************************************************/
.nob > section h1 + p {
	text-align: center;
}

/************************************************************
	商品
*************************************************************/
.nob > section#item {
	margin-bottom: 6rem;
}
.nob > section#item ul {
}
.nob > section#item ul li {
	float: left;
	margin-bottom: 2.5rem;
}
.nob > section#item ul li dl {
}
.nob > section#item ul li dl dt {
	margin-bottom: 1rem;
}
.nob > section#item ul li dl dt img {
	display: block;
	height: auto;
	max-width: 100%;
}
.nob > section#item ul li dl dd {
}
.nob > section#item ul li dl dd span {
	display: block;
	margin-bottom: 0.5rem;
}
.nob > section#item ul li dl dd span a {
	padding: 0.3rem 0.5rem;
	background: #333;
	border-radius: 5px;
	font-size: 1.2rem;
	color: #FFF;
	text-decoration: none;
}
.nob > section#item ul li dl dd h2 {
}
@media only screen and (min-width: 1000px){
	.nob > section#item ul li {
		width: 23.5%;
		margin-right: 2%;
	}
	.nob > section#item ul li:nth-child(4n) {
		margin-right: 0;
	}
	.nob > section#item ul li:nth-child(4n+1) {
		clear: both;
	}
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
	.nob > section#item ul li {
		margin-right: 2%;
		width: 32%;
	}
	.nob > section#item ul li:nth-child(3n) {
		margin-right: 0;
	}
	.nob > section#item ul li:nth-child(3n+1) {
		clear: both;
	}
}
@media only screen and (max-width: 767px){
	.nob > section#item ul li {
		margin-right: 2%;
		width: 49%;
	}
	.nob > section#item ul li:nth-child(2n) {
		margin-right: 0;
	}
	.nob > section#item ul li:nth-child(2n+1) {
		clear: both;
	}
}

/************************************************************
	ブログ
*************************************************************/
.nob > section#blog {
	margin-bottom: 6rem;
}
.nob > section#blog ul {
}
.nob > section#blog ul li {
	margin-bottom: 4rem;
	padding-bottom: 4rem;
	border-bottom: 1px dotted #CCC;
}
.nob > section#blog ul li:first-of-type {
	padding-top: 4rem;
	border-top: 1px dotted #CCC;
}
.nob > section#blog ul li dl {
}
.nob > section#blog ul li dl dt {
	width: 6em;
	float: left;
}
.nob > section#blog ul li dl dt time {
	display: block;
	font-size: 1.4rem;
	line-height: 1.4;
	color: #666;
}
.nob > section#blog ul li dl dd {
	padding-left: 7em;
}
.nob > section#blog ul li dl dd h2 {
	font-size: 1.4rem !important;;
	line-height: 1.4;
}
	.nob > section#blog ul li dd h2:after {
		margin-left: 1rem;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\f105";
	}
@media only screen and (min-width: 1000px){
	.nob > section#blog ul li dl dt time {
		font-size: 1.5rem;
	}
	.nob > section#blog ul li dl dd h2 {
		font-size: 1.5rem;
	}
}

/************************************************************
	ブログ
*************************************************************/
.nob > section#info {
	margin-bottom: 6rem;
}
.nob > section#info ul {
}
.nob > section#info ul li {
	margin-bottom: 4rem;
	padding-bottom: 4rem;
	border-bottom: 1px dotted #CCC;
}
.nob > section#info ul li:first-of-type {
	padding-top: 4rem;
	border-top: 1px dotted #CCC;
}
.nob > section#info ul li dl {
}
.nob > section#info ul li dl dt {
	width: 6em;
	float: left;
}
.nob > section#info ul li dl dt time {
	display: block;
	font-size: 1.4rem;
	line-height: 1.4;
	color: #666;
}
.nob > section#info ul li dl dd {
	padding-left: 7em;
}
.nob > section#info ul li dl dd h2 {
	font-size: 1.4rem !important;;
	line-height: 1.4;
}
	.nob > section#info ul li dd h2:after {
		margin-left: 1rem;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\f105";
	}
@media only screen and (min-width: 1000px){
	.nob > section#info ul li dl dt time {
		font-size: 1.5rem;
	}
	.nob > section#info ul li dl dd h2 {
		font-size: 1.5rem;
	}
}

/************************************************************
	お問い合わせ枠
*************************************************************/
#commonContact {
	width: 90%;
	margin: 0 auto 6rem auto;
	padding: 1.5rem 1em;
	/*background: #F0F0F0;*/
	border-radius: 10px;
	box-sizing: border-box;
	text-align: center;
}
#commonContact p {
	margin-bottom: 1rem;
}
#commonContact ul li {
	font-size: 1.2rem;
	text-align: left;
}
@media only screen and (min-width: 1000px){
	#commonContact {
		width: 1000px;
	}
	#commonContact ul li {
		font-size: 1.4rem;
		text-align: center;
	}
}

/************************************************************
	会社概要
*************************************************************/
.company table {
	width: 100%;
}

/************************************************************
	極羽
*************************************************************/
#kimeha {
	padding: 1rem 2rem;
	background: #000;
	box-sizing: border-box;
	color: #FFF;
}
#kimeha img {
	display: inline;
	margin: 0;
}
#kimeha section {
	margin-bottom: 6rem;
}
#kimeha p.mainImg {
	text-align: center;
}
#kimeha section dl.column2 {
	box-sizing: border-box;
}
#kimeha section dl.column2 dt {
	margin-bottom: 1rem;
	text-align: center;
}
#kimeha section dl.column2 dd {
	font-size: 1.4rem;
	line-height: 1.6;
}
@media only screen and (min-width: 768px){
	#kimeha section dl.column2 dt {
		float: left;
		width: 20%;
		margin-bottom: 0;
	}
	#kimeha section dl.column2 dd {
		float: right;
		width: 76%;
		font-size: 1.4rem;
		line-height: 1.6;
	}
}
@media only screen and (min-width: 1000px){
	#kimeha section dl.column2 dd {
		font-size: 1.5rem;
	}
}

#kimeha section h2 {
	position: inherit;
	color: #CAB798;
}
#kimeha section h2:before {
	height: auto;
	background: none;
	font-size: 3rem;
}
#kimeha section h2 span {
    display: block;
    padding: 0;
    background-color: inherit;
	font-size: 1.2rem;
	text-align: center;
}

#kimeha .care {
	margin-bottom: 3rem;
}
#kimeha .care p {
	margin-bottom: 1rem;
	text-align: center;
}
#kimeha .care dl {
}
#kimeha .care dl dt {
	margin-bottom: 0.3rem;
	font-size: 1.8rem;
	font-weight: bold;
	color: #CCA467;
}
#kimeha .care dl dd {
	font-size: 1.4rem;
}
#kimeha .care dl dd.head {
	margin-bottom: 0.5rem;
	font-size: 1.6rem;
	font-weight: bold;
}
@media only screen and (max-width: 767px){
	#kimeha .care dl dt {
		text-align: center;
	}
	#kimeha .care dl dd.head {
		text-align: center;
	}
}
@media only screen and (min-width: 768px){
	#kimeha .care p {
		float: left;
		width: 20%;
	}
	#kimeha .care dl {
		float: right;
		width: 76%;
	}
	#kimeha section h2:before {
		font-size: 2.4rem;
	}
}
@media only screen and (min-width: 1000px){
	#kimeha .care dl dd {
		font-size: 1.5rem;
	}
}

#kimeha p.manual {
	margin-bottom: 3rem;
	text-align: center;
}