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

@media all and (min-width: 641px) {
.sp {
	display:none;
}
}
@media all and (max-width: 640px) {	/* SmartPhone */


/* 非表示
------------------------------------------------------------ */
.pc,
#head2 ul#menu,
#head2 ul.btn li,
#crumb,
#side,
h1.summary,
#foot ul {
	display: none;
}


/* リセット
------------------------------------------------------------ */
body,
#contents {
	background-image: none;
}
#head2,
#contents,
#main,
h2,
#foot, #foot .iso,
#copyright {
	width: 100%;
	float: none;
	padding: 0;
}

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


/* ヘッダー
------------------------------------------------------------ */
#head2 {
	padding: 5px 0 5px 10px;
	box-sizing: border-box;
	border-bottom: 2px solid #02a0e9;
}
#head2 #logo {
	width: 55%;
	height: auto;
	margin: 0;
}
#head2 #logo a {
	display: block;
}
#head2 ul.btn {
	width: 40%;
	padding: 15px 0 0 0;
	margin-right: -10px;
}
#head2 ul.btn li.iso {
	display: block;
}


/* コンテンツ
------------------------------------------------------------ */
#main {
	box-sizing: border-box;
	padding: 15px 10px;
}
#main > h2 {
	display: none;
}

/*page_info*/
#product .page_info {
  padding: 0 4px;
  margin-bottom: 40px;
}
#product .page_info h2 {
	position: relative;
	margin: 0;
}
#product .page_info dl {
	border-bottom: none;
}
#product .page_info dt {
	color: #666;
	float: none;
	clear: both;
	width: 100%;
	padding: 10px 0 0 0;
}
#product .page_info dd {
	background: url(../img/common/ico_arrow.gif) no-repeat 0 6px;
	border-top: none;
	border-bottom: dotted 1px #B9B0AC;
	padding: 0 6px 10px 15px;
}
#product .page_info dd span.icon-new {
	color: #8fd4f4;
	border: 1px solid #8fd4f4;
	padding: 0 5px;
	margin: 0 0 0 5px;
	font-size: 85%;
}

/* 商品説明
------------------------------------------------------------ */
#product .njkT01 {
	margin: 20px 0 30px;
}
#product .njkT01 + p,
#product .njkT01 + p + p {
	font-size: 114%;
	line-height: 1.6;
	margin-bottom: 0.5em;
}
#product .njkT02 {
	margin: 30px 0 20px 0;
}
#product .njkImproveList {
	margin: 0 0 40px 0;
}
#product .njkImproveList li {
	font-size: 114%;
	padding-left: 14px;
	margin-bottom: 10px;
	line-height: 1.4;
}
#product .njkImproveList li strong {
	font-size: 144%;
}
#product .njkImproveList li br {
	display: block;
}


/* 使い方ステップ
------------------------------------------------------------ */
#product .njkStepList {
	width: 100%;
}
#product .njkStepList li {
	float: none;
	font-size: 120%;
	width: 100%;
	margin: 0 0 15px;
	line-height: 1.5;
	font-weight: bold;
}
#product .njkStepList li img {
	display: inline;
	width: 75px;
	height: auto;
	vertical-align: middle !important;
	margin: -5px 0 0 0;
}


/* セット一式
------------------------------------------------------------ */
#product .njkSetList li,
#product .njkSetList li:nth-child(odd),
#product .njkSetList li:nth-child(even) {
	float: none;
}
#product .njkSetList li img {
	float: none;
}
#product .njkSetList {
	margin: 20px 0 40px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#product .njkSetList li {
	width: 48%;
	margin-bottom: 20px;
}
#product .njkSetList li p {
	line-height: 1.5;
	font-size: 92%;
}


/* 検証
------------------------------------------------------------ */
#product .njkResult h3 {
	font-size:124%;
	padding: 15px;
}
#product .njkResult h4 {
	font-size: 120%;
	padding-left: 60px;
	margin: 30px 0 15px 0;
}
#product .njkResult h4 span {
	font-size: 124%;
	padding-left: 10px;
}
#product .njkResult h4:before {
	width: 150px;
}
#product .njkResult h5 {
	margin: 20px 0 15px;
}
#product .njkResult .table-wrap {
	overflow-x: scroll;
}
#product .njkResult .table-wrap table {
	width: 100%;
	border-collapse: collapse;
	white-space: nowrap;
}
#product .njkResult table td {
	padding: 8px;
}

/* インタビュー
------------------------------------------------------------ */
#product .njkInterviewMovie h3 {
	font-size:124%;
	padding: 15px;
}
#product .njkInterviewMovie h3 br {
	display: none;
}
#product .njkInterviewMovie h3 span + br {
	display: block;
}
#product .njkInterviewMovie .interviewBox dl {
	margin-top: -10px;
}
#product .njkInterviewMovie .interviewBox dl dt {
	margin-top: 20px;
}
#product .njkInterviewMovie .interviewBox dl dt div {
	width: calc(100% - 80px);
	margin: 0 0 0 80px;
	padding: 20px 0 0 0;
}
#product .njkInterviewMovie .interviewBox dl dd div {
	margin: 40px 0 20px;
	padding: 12px 15px;
	width: calc(100% - 110px);
	line-height: 1.4;
}
#product .njkInterviewMovie .interviewBox dl dt::after,
#product .njkInterviewMovie .interviewBox dl dd::after {
	width: 70px;
	height: 55px;
	background-size: 70px auto;
	font-size: 11px;
	padding-top: 120px;
	bottom: -60px;
}

/* お問い合わせ
------------------------------------------------------------ */
#main .contact {
	border: 1px solid #e1e1e1;
	border-top: 4px solid #02a0e9;
	box-shadow: 0 1px 5px #e1e1e1;
	background-image: -moz-linear-gradient( 90deg, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
	padding: 10px;
}
#main .contact h4 {
	color: #02a0e9;
	line-height: 1.4;
	font-size: 114%;
	text-align: center;
	padding: 0 0 10px;
	border-bottom: 1px solid #e1e1e1;
}
#main .contact a {
	position: relative;
	top: auto;
	right: auto;
}
#main .contact dl {
	font-weight: bold;
	margin: 10px 0 20px;
	float: left;
	width: 50%;
	text-align: center;
}
#main .contact dl:last-child {
	float: right;
}
#main .contact dl dt {
	width: 100%;
}
#main .contact dl dd {
	width: 100%;
	font-size: 144%;
	color: #cb0810;
}
#main .contact dl dd a {
	color: #cb0810;
	text-decoration: none;
}
#main .contact p {
	clear: both;
	text-align: center;
	margin: 0 0 15px 0;
}
#main .contact p a {
	background: #02a0e9 url(../img/common/arrow_white.png) no-repeat 97% 0.85em;
	background-size: auto 15px;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	font-size: 114%;
	font-weight: bold;
	margin: 10px 0;
	padding: 10px 22px 10px 10px;
	box-shadow: 0 1px 5px #e1e1e1;
}

/* フッター
------------------------------------------------------------ */
#foot {
	min-height: auto;
	padding: 15px 10px;
	box-sizing: border-box;
}
#foot #address {
	width: 100%;
	padding: 40px 0 0 0;
	text-align: center;
	background-position: center 0;
}
#foot .iso {
	margin: 30px 10px 0 10px;
}
#foot .iso span {
	width: calc(100% - 80px);
	font-size: 86%;
}
#copyright {
	font-size: 70%;
	text-align: center;
}

}