@charset "utf-8";

/*
	File Name   : public_standard.css
	Description : JEITA規格ページのスタイル
*/

html {
	font-size: 62.5%;
}
a.over:hover,
a:hover img.over,
input.over:hover,
button.over:hover {
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	opacity: .7;
	text-decoration: none;
	-webkit-transition: ease all .3s;
	transition: ease all .3s;
}
/* #top-main h1 {
	background: #3aafdb;
	color: #fff;
	font-size: 40px;
	font-size: 4rem;
	font-weight: bold;
	height: 195px;
	line-height: 1;
	padding-top: 80px;
	text-align: center;
}
#top-main h1 span {
	font-size: 14px;
	font-size: 1.4rem;
}
*/
.breadcrumbs {
	font-size: 12px;
	font-size: 1.2rem;
	margin: 20px 0;
}
.breadcrumbs a {
	color: #555;
}
.breadcrumbs a:hover {
	text-decoration: underline;
}
.container {
	overflow: hidden;
}
main {
	float: right;
	width: 820px;
}

main.full {
	float: none;
	width: auto;
}

#main .container {
	overflow: visible;
}

button {
	border: none;
	background: none;
	cursor: pointer;
	padding: 0;
}
button img {
	vertical-align: middle;
}
select {
	border: 1px solid #c5dada;
	color: #888;
	font-size: 18px;
	font-size: 1.8rem;
	height: 40px;
	width: calc(100% - 43px);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../img/public_standard/btn-arrow-d.png) 755px center no-repeat;
}
.top .search__area input, .detail .search__area input {
	border: 1px solid #c5dada;
	color: #888;
	font-size: 18px;
	font-size: 1.8rem;
	height: 40px;
	width: calc(100% - 178px);
}
.top select {
	position: absolute;
	right: 44px;
	top: 0;
	width: 135px;
	background-position: 115px center;
}
.search__area {
	position: relative;
}
.search__submit {
	position: absolute;
	right: 0;
	top: 0;
}
.icon__intro {
	display: flex;
	justify-content: flex-end;
	margin: 18px 0 52px;
}
.icon__intro li {
	margin-left: 17px;
	overflow: hidden;
}
.icon__intro li::before {
	color: #fff;
	margin-right: 8px;

	/* ADDED [22/06/01]  */
		display: inline-block;
		min-width: 18px;
		box-sizing: border-box;
		line-height: 10px;
		text-align: center;
	/* end - ADDED [22/06/01]  */
}
.icon__intro__about::before {
	background: #838383;
	content: url(../img/public_standard/icon-arrow.png);
	padding: 5px;
}
.icon__intro__ja::before {
	background: #3aafdb;
	content: "J";
	padding: 4px;
}
.icon__intro__en::before {
	background: #f66f33;
	content: "E";
	padding: 4px;
}
.icon__intro__ja-en::before {
	background: #54c1a2;
	content: "B";
	padding: 4px;
}
.btn__cart {
	margin-top: 25px;
	text-align: right;
}
.btn__cart img {
	margin-right: 5px;
}
.btn__cart a {
	color: #333;
}
h2 {
	border-bottom: 1px solid #dbdbdb;
	color: #000;
	font-size: 30px;
	font-size: 3rem;
	margin-bottom: 20px;
	padding-bottom: 30px;
}
.top h2 {
	background: #f5f5f5;
	border-bottom: 4px solid #b5b5b5;
	font-size: 22px;
	font-size: 2.2rem;
	margin: 20px 0 5px;
	padding: 10px 20px;
	position: relative;
}
.top h2::after {
	border-bottom: 4px solid #3aafdb;
	bottom: -4px;
	content: " ";
	left: 0;
	position: absolute;
	width: 20%;
}
.top table {
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 50px;
	width: 100%;
}
.top tr:nth-child(2n) {
	background: #eef8fb;
}
.top td {
	padding: 12px 10px;
	text-align: center;
	vertical-align: top;
}
.top tr td:first-child {
	font-size: 14px;
	font-size: 1.4rem;
}
.top tr td:last-child {
	text-align: left;
}
.top td a {
	color: #555;
	text-decoration: underline;
}
.top td a:hover {
	text-decoration: none;
}
.top .amendment {
	background: #3aafdb;
	border-radius: 3px;
	color: #fff;
	padding: 5px 10px;
}
.top .enactment {
	background: #f17132;
	border-radius: 3px;
	color: #fff;
	padding: 5px 10px;
}

.top .amendment,
.top .enactment {
	display: inline-block;
	min-width: 6em;
	padding: 3px;
}

.list_arrow li {
	margin: .5em 0 0;
	position: relative;
	padding-left: .75em;
}

.list_arrow li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: .4em;
	border: 4px solid transparent;
	border-left: 5px solid #014290;
	opacity: .7;
}

.search__results .search__results__buy {
	border: 2px solid #109cd0;
	border-radius: 5px;
	display: inline-block;
	margin-left: 1em;
}
.search__results .search__results__buy button {
	color: #109cd0;
	display: block;
	font-weight: bold;
	line-height: 1;
	/* padding: 8px 15px; */
	padding: 6px;  /* MODIFIED [22/06/01]  */
}

/* ADDED [22/06/01]  */
.search__results .search__results__ja,
.search__results .search__results__en,
.search__results .search__results__ja-en,
.search__results .search__results__stabilied {
		display: inline-block;
		min-width: 20px;
		box-sizing: border-box;
		line-height: 10px;
}
/* end - ADDED [22/06/01]  */

.search__results .search__results__ja {
	background: #3aafdb;
	color: #fff;
	margin-right: 3px;
	padding: 5px;
	text-align: center;
}
.search__results .search__results__en {
	background: #f66f33;
	color: #fff;
	margin-right: 3px;
	padding: 5px;
	text-align: center;
}
.search__results .search__results__ja-en {
	background: #54c1a2;
	color: #fff;
	margin-right: 3px;
	padding: 5px;
	text-align: center;
}
.search__results table {
	margin-bottom: 20px;
	width: 99%;
}
.search__results thead tr {
	background: #3aafdb;
	color: #fff;
}
.search__results thead th {
	border-left: 1px solid #3aafdb;
	text-align: center;

/* ADDED [22/06/01]  */
		line-height: 1.15;
		padding-top: 3px;
		padding-bottom: 3px;
/* end - ADDED [22/06/01]  */
}
.search__results tbody tr {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.search__results td {
	vertical-align: middle;
	line-height: 2;
	padding: 5px;
	text-align: center;
	border-right: 1px solid #ccc;
}
.search__results td:nth-child(2) {
	text-align: left;
}
.search__results tr td.search__results__price {
	text-align: right;
}

.bottom__navi {
	display: flex;
	justify-content: center;
	margin-bottom: 100px;
	padding-top: 10px;
}
.top .bottom__navi {
	margin-bottom: 50px;
}
.bottom__navi li {
	background: url(../img/common/icon-bottom-nav.png) left center no-repeat;
	font-size: 15px;
	font-size: 1.5rem;
	margin-right: 60px;
	padding-left: 18px;
}
.bottom__navi li:last-child {
	margin-right: 0;
}
.bottom__navi li a {
	color: #555;
}
.top .attention p {
	margin-bottom: 20px;
}
.top .attention {
	border: 1px solid #c5dada;
	border-radius: 10px;
	font-size: 13px;
	font-size: 1.3rem;
	margin-bottom: 100px;
	/* padding: 35px 35px 15px; */
	padding: 35px 35px 25px;/* MODIFIED - [22/06/27] */
}

/* ADDED - [22/06/27] */
.top .attention > article + article {
	margin-top: 3em;
	padding-top: 3em;
	border-top: 1px solid #c5dada;
}
/* end - ADDED - [22/06/27] */

.top .attention__title {
	color: #0c83b0;
	font-size: 14px;
	font-size: 1.4rem;
}
.top p.attention__list__title {
	background: #3aafdb;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	/* margin: 20px 0 5px; */
	margin: 5px 0 10px;/* MODIFIED - [22/06/27] */
	padding: 0 10px;
}
.top .attention__list {
	overflow: hidden;
	margin-bottom: 20px;/* ADDED - [22/06/27] */
}

.top .attention__list dt {
	clear: left;
	float: left;
}
.top .attention__list dd {
	margin-left: 5em;
}

.side__nav {
	float: left;
	width: 265px;
}
.side__nav ul {
	margin-bottom: 25px;
}
.side__nav__category li,
.side__nav__other li {
	border-top: 1px solid #c5dada;
	border-left: 1px solid #c5dada;
	border-right: 1px solid #c5dada;
	list-style: none;
	position: relative;
}
.side__nav__category li:last-child,
.side__nav__other li:last-child {
	border-bottom: 1px solid #c5dada;
}
.side__nav__category li::after,
.side__nav__other li::after {
	color: #109cd0;
	content: ">";
	font-size: 16.95px;
	font-size: 1.695rem;
	font-weight: bold;
	position: absolute;
	right: 10px;
	top: calc(50% - 12px);
	transform: scaleX(0.5);
	-moz-transform: scaleX(0.5);
	-webkit-transform: scaleX(0.5);
	-o-transform: scaleX(0.5);
	transform-origin: left top;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-o-transform-origin: left top;
}
.side__nav__category li a,
.side__nav__other li a {
	color: #555;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 15px 0 15px 20px;
}
.side__nav__other li a {
	background: #eef8fb;
}
.side__nav__category li a:hover,
.side__nav__other li a:hover {
	background: #0085B2;
	color: #fff;
}
.drop__down__menu {
	background: #109cd0;
	display: none;
	left: calc(100% + 1px);
	position: absolute;
	top: 0;
	width: 265px;
}
.side__nav__category li:hover .drop__down__menu {
	display: block;
}
.side__nav__category li .drop__down__menu li {
	border: none;
}
.side__nav__category li .drop__down__menu a {
	color: #fff;
}
.side__nav__category li .drop__down__menu a:hover {
	 rgba(0, 0, 0, .5) inset;
}
.side__nav__category__title {
	background: #eef8fb url(../img/public_standard/icon-category.png) 20px center no-repeat;
	color: #0c83b0;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 15px 0 15px 45px;
}
.side__nav__category li.side__nav__category__title::after {
	content: none;
}
.side__nav__contact {
	background: #f5f6f6;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2;
	padding: 20px 15px;
}
.side__nav__contact a {
	color: #08b;
}

.old-select {
	display: none;
}

.top .search__area input, .detail .search__area input {
	border: 1px solid #c5dada;
	color: #888;
	font-size: 18px;
	font-size: 1.8rem;
	height: 40px;
	width: calc(100% - 178px);
}

.new-select{
	color: #888;
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	height: 40px;
	line-height: 40px;
	position: absolute;
	width: 135px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	right: 44px;
}

.new-select .selection:active{
		transform:         rotateX(42deg);
		-o-transform:      rotateX(42deg);
		-ms-transform:     rotateX(42deg);
		-moz-transform:    rotateX(42deg);
		-webkit-transform: rotateX(42deg);
		transform-style:         preserve-3d;
		-o-transform-style:      preserve-3d;
		-ms-transform-style:     preserve-3d;
		-moz-transform-style:    preserve-3d;
		-webkit-transform-style: preserve-3d;
		transform-origin:         top;
		-o-transform-origin:      top;
		-ms-transform-origin:     top;
		-moz-transform-origin:    top;
		-webkit-transform-origin: top;
		transition:         transform         200ms ease-in-out;
		-o-transition:      -o-transform      200ms ease-in-out;
		-ms-transition:     -ms-transform     200ms ease-in-out;
		-moz-transition:    -moz-transform    200ms ease-in-out;
		-webkit-transition: -webkit-transform 200ms ease-in-out;
}

.new-select .selection{
	border: 1px solid #c5dada;
		width: 100%;
		height: 100%;
		background-color: #fff;
		
		cursor: pointer;
		position: relative;
		z-index: 20; /* Doit etre superieur au nombre d'option */
		
		transform:         rotateX(0deg);
		-o-transform:      rotateX(0deg);
		-ms-transform:     rotateX(0deg);
		-moz-transform:    rotateX(0deg);
		-webkit-transform: rotateX(0deg);
		transform-style:         preserve-3d;
		-o-transform-style:      preserve-3d;
		-ms-transform-style:     preserve-3d;
		-moz-transform-style:    preserve-3d;
		-webkit-transform-style: preserve-3d;
		transform-origin:         top;
		-o-transform-origin:      top;
		-ms-transform-origin:     top;
		-moz-transform-origin:    top;
		-webkit-transform-origin: top;
		transition:         transform         200ms ease-in-out;
		-o-transition:      -o-transform      200ms ease-in-out;
		-ms-transition:     -ms-transform     200ms ease-in-out;
		-moz-transition:    -moz-transform    200ms ease-in-out;
		-webkit-transition: -webkit-transform 200ms ease-in-out;
	padding-left: 10px;
}

.new-select .selection p{
		transition:         all 200ms ease-in-out;
		-o-transition:      all 200ms ease-in-out;
		-ms-transition:     all 200ms ease-in-out;
		-moz-transition:    all 200ms ease-in-out;
		-webkit-transition: all 200ms ease-in-out;
}

.new-select .selection:hover p, .new-select .selection.open p{
		color: #bdc3c7;
}

.new-select .selection i{
		display: block;
		width: 1px;
		height: 70%;
		position: absolute;
		right: -1px; top: 15%; bottom: 15%;
		border: none;
		background-color: #bbb;
}

.new-select .selection > span{
	background: url(../img/public_standard/btn-arrow-d.png) left top no-repeat;
	height: 8px;
	position: absolute;
	right: 5px;
	top: 16px;
	width: 11px;
}

.new-select .selection.open > span{
	background: url(../img/public_standard/btn-arrow-d.png) left top no-repeat;
	height: 8px;
	position: absolute;
	right: 5px;
	top: 16px;
	width: 11px;
}

.new-option{
	padding: 0 10px;
		background-color: #fff;
		cursor: pointer;
		position: relative;
		position: absolute;
		left: 0; right: 0;
		
		transition:         all 300ms ease-in-out;
		-o-transition:      all 300ms ease-in-out;
		-ms-transition:     all 300ms ease-in-out;
		-moz-transition:    all 300ms ease-in-out;
		-webkit-transition: all 300ms ease-in-out;
}

.new-option.reveal:hover{
		background-color: #3aafdb;
		color: #fff;
}

#whatsnew_list tr td a {
	color: #555;
	text-decoration: none;
}
#whatsnew_list tr td .enactment {
	word-wrap: normal;
	word-break: keep-all;
}
#whatsnew_list tr td:nth-child(2) {
	word-wrap: normal;
	word-break: keep-all;
	white-space: nowrap;
}
.search__results .search__results__number {
	word-wrap: normal;
	word-break: keep-all;
	white-space: nowrap;
}
.search__results .search__results__title a {
	color: #555;
	text-decoration: none;
}
.search__results .search__results__item__stabi {
	/* width: 120px; */
	width: 70px; /* MODIFIED [22/06/01]  */
}
.search__results .search__results__item__comment {
	width: 107px;
}
.search__results .search__results__price {
	word-wrap: normal;
	word-break: keep-all;
	white-space: nowrap;
}
.search__results .search__results__item__discomment {
	text-align: left;
	width: 300px;
}
.search__results thead th.search__results__header__price {
	padding-left: 20px;
	text-align: left;
}

/* 購入方法ページ */
.konyu-refer #main {
	padding: 15px 0 155px;
}

.konyu-refer p {
	margin-bottom: 1em;
}

.konyu-refer .taR {
	text-align: right;
}

.konyu-refer .konyu-refer__title {
	border: none;
	color: #195674;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: bold;
/*  margin-bottom: 70px; MODIFIED [20/05/28] */
	margin-bottom: 2.5em;
	position: relative;
	padding-bottom: 0;
	text-align: center;
}

.konyu-refer .konyu-refer__title::before {
	content: '';
	position: absolute;
/*  bottom: -28px; MODIFIED [20/05/28] */
	bottom: -1em;
	display: inline-block;
	width: 34px;
	height: 3px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #195674;
}

.konyu-refer .konyu-refer__headings {
	border-bottom: 3px solid #cce4ff;
	margin: 1.5em 0 0.8em 0;
	font-size: 16px;
	font-size: 20px;
	font-weight: bold;
	position: relative;
}

.konyu-refer .konyu-refer__headings::after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #014290;
	bottom: -3px;
	width: 30%;
}

.konyu-refer .konyu-refer__box {
	font-size: 16px;
	font-size: 1.6rem;
	margin-left: 2em;
}

/* ADDED [22/02/09] */
.konyu-refer .konyu-refer__box.article {
	padding: .5em 0;
	overflow: visible;
}

.konyu-refer .box01 {
	margin: .7em 2em;
	padding: 2em;
	background: #f2f6f9;
	font-size: 1.5rem;
}

.konyu-refer .indent-05 {
	display: block;
	text-indent: -0.5em;
}

.konyu-refer .noteTxt:not(ul),
.konyu-refer .noteTxt li {
	text-indent: -1em;
	padding-left: 1em;
}

.konyu-refer .noteTxt li + li {
	margin-top: .35em;
}


.konyu-refer .list_arrow {
	margin-left: 1.25em;
}
/*
.konyu-refer .list_arrow li {
	margin: .5em 0 0;
	position: relative;
	padding-left: .75em;
}

.konyu-refer .list_arrow li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	border: 4px solid transparent;
	border-left: 5px solid #014290;
	transform: translateY(-50%);
	opacity: .7;
}
*/
.konyu-refer .list_arrow li:before {
	top: 50%;
}

.konyu-refer .list_arrow .hd {
	display: inline-block;
	width: 7em;
}

/* end - ADDED [22/02/09] */

.konyu-refer .disc {
	list-style-type: disc;
	padding-left: 1em;
}

.konyu-refer .konyu-refer__sub-headings {
	font-weight: bold;
	margin-top: 1em;
}

/* ADDED [22/02/09] */
.konyu-refer .konyu-refer__sub-headings02,
.konyu-refer__box .konyu_head,
.konyu-refer__box > .head {
	font-size: 1.1em;
	font-weight: bold;
	position: relative;
	margin: 1em 0 1em -1em;
	padding-left: 1em;
}

.konyu-refer .konyu-refer__sub-headings02:before,
.konyu-refer__box .konyu_head:before,
.konyu-refer__box > .head:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: .25em;
	width: .3em;
	height: .96em;
	background: #014290;
	border-radius: 99999px;
	opacity: .3;
}

.konyu-refer__box .konyu_head,
.konyu-refer__box > .head {
	margin-left: 0;
}
/* end - ADDED [22/02/09] */

.konyu-refer .bold {
	font-weight: bold;
}

.konyu-refer .ol li {
	margin: 0 0 .75em;
	text-indent: -1.1em;
	padding-left: 1.1em;
}

.search__kikaku {
	margin-top: 10px;
}
.search__kikaku input {
	margin-left: 20px;
}

/* READ ME STYLES */
.konyu-refer.pg_readme #main {
		padding-bottom: 7%;
}

.pg_readme .article {
	 overflow: hidden;
}

.pg_readme .konyu-refer__box {
	margin-top: 2em;
	margin-bottom: 2em;
}

/*
.pg_readme .konyu-refer__box > .head {
	margin: 0 0 10px;

		position: relative;
		padding: 0 0 0 1em;
		font-size: 1.05em;
		font-weight: bold;
}

.pg_readme .konyu-refer__box > .head:before {
		content: "";
		dipslay: block;
		position: absolute;
		left: 0;
		top: .31em;
		width: 4px;
		height: 1em;
		background: #3aafdb;
}
*/

.pg_readme .tblWrap {
	margin: 20px 0;
}

.pg_readme .standardTbl {
/*	margin: 20px 0; */
	width: 600px;
}

.pg_readme .standardTbl th,
.pg_readme .standardTbl td {
	padding: 5px;
	width: 16.66%;
	text-align: center;


		border: 1px solid #e2e2e2;
}

@media print, screen and (min-width: 768px) {
	.standardTbl th, .standardTbl th,
	.standardTbl th, .standardTbl td {
			padding: 10px;
	}
}

.standardTbl th, .standardTbl th {
		background: #f9f9f9;
}


.pg_readme .signList {
	margin: 20px 0 30px;
	display: flex;
	flex-wrap: wrap;
	max-width: 500px;
}

.pg_readme .signList li {
	width: 50%;
	padding:5px 0;
	line-height:1.2;
}

.pg_readme .list_indent li {
	text-indent: -1.2em;
	padding-left: 1.2em;
}
/* end - READ ME STYLES */


/* BROWSER SETTINGS PAGE STYLES */
.pg_browserSettings .browserSection .ol {
	margin: 0 0 2em;
	padding-left: 1.1em;
}

.pg_browserSettings .browserSection .list_arrow {
	margin-bottom: 2.5em;
}

.pg_browserSettings .browserSection .list_arrow li:before {
    top: .5em;
}

.pg_browserSettings .browserSection .list_arrow .hd {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 5em;
}

.pg_browserSettings .browserSection .list_arrow .hd:after {
	content: ":";
	display: inline-block;
	float: right;
	margin: 0 .5em;
}

.pg_browserSettings .browserSection .list_arrow .hd {
	flex: 0 0 5em;
}

.pg_browserSettings .browserSection .list_arrow .txt {
    flex: 1 1 calc(100% - 5em);
}


@media print, screen and (max-width: 479px) {
	.pg_browserSettings .browserSection .list_arrow {
		/* display: block !important; */
		margin-left: .75em;
	}

/*
	.pg_browserSettings .browserSection .list_arrow .hd {
		width: auto;
	}

	.pg_browserSettings .browserSection .list_arrow .txt {
		display: block;
	}
*/
}


/* end - BROWSER SETTINGS PAGE STYLES */


/* for pc */
main .side__nav {
	display: none;
}
main + .side__nav nav {
	display: block;
}

/* ---------------------------------------------
	1200px以下768px以上
 ----------------------------------------------  */
@media print, screen and (max-width: 1200px) and (min-width: 768px) {
		.contentWrap:before {
				display: none;
		}
		
		.contentWrap {
				display: flex;
				flex-direction: row-reverse;
		}

		.contentWrap main,
		.contentWrap aside {
				float: none;
				width: auto;
				flex: 1 1 auto;
		}
		
		.contentWrap aside {
				padding-right: 30px;
		}
}

/* ---------------------------------------------
	991px以下
 ----------------------------------------------  */
@media print, screen and (max-width: 991px) {
	main {
		clear: both;
			width: 100%;
	}
	.top .attention {
		clear: both;
		position: relative;
	}
	main .side__nav {
		display: block;
		position: relative;
	}
	main .side__nav__contact {
		display: none;
	}
	.main + .side__nav nav {
		/* display: none; */
	}
	.side__nav {
		clear: both;
			width: 100%;
			margin-bottom: 50px;
	}
	.side__nav ul {
			margin-bottom: 0px;
	}
	.drop__down__menu {
		display: block;
			width: 100%;
			left:0;
			position: relative;
			background: #eef8fb;
	}
	.side__nav__category li .drop__down__menu a {
			color: #555;
	}
	.side__nav__category li .drop__down__menu li {
			border-top: 1px solid #fff;
	}
	.side__nav__category li a, .side__nav__other li a {
		padding: 15px 0 15px 20px;
	}

	#sideNav nav > ul > li.hasChild {
			position: relative;
			max-height: 51px;
			overflow: hidden;
			-webkit-transition: max-height .3s ease-out;
			transition: max-height .3s ease-out;
	}
	/*#sideNav nav > ul > li.hasChild:before {
			content: "";
			display: block;
			position: absolute;
			box-sizing: border-box;
			top: 10px;
			right: 17px;
			width: 10px;
			height: 10px;
			border-top: 2px solid #109cd0;
			border-right: 2px solid #109cd0;
			transform: rotate(135deg);
			transition: transform .3s ease-out;
			opacity: .5;
	}
	#sideNav nav > ul > li.hasChild.open:before {
			transform: translateY(-50%) rotate(-45deg);
	}*/
	.side__nav__category li.hasChild.open::after {
			position: absolute;
			top: 14px;
			right: 10px;
			width: 10px;
			height: 10px;
			color: #109cd0;
			content: ">";
			transform: scaleY(0.5) translateY(160%) translateX(151%) rotate(90deg);
	}
	#sideNav nav > ul > li.hasChild.open {
			max-height: 800px;
	}
	.side__nav__category li a:hover, .side__nav__other li a:hover {
			background: #fff;
			color: #555;
	}

	.top .search__area input, .detail .search__area input {
			width: calc(100% - 44px);
	}
	.search__area input { -webkit-appearance: none; }
	.search__area .search__submit {
			position: absolute;
			right: 0;
			top: -2px;
	}
	.icon__intro {
		flex-wrap: wrap;
			justify-content: flex-start;
			margin: 18px 0 18px;
	}
	.icon__intro li {
			margin-bottom: 5px;
	}
	.btn__cart {
			text-align: left;
	}

/*	.search__results table {
			width: 100%;
	}
	.search__results table thead tr {
			display: grid;
			grid-template-rows: 1fr 1fr;
			grid-template-columns: 1fr 1fr;
	}
	.search__results table thead th {
			display: block;
			width: 100%;
			text-align: center;
			border-bottom: 1px solid #fff;
	}
	.search__results table thead th:nth-child(even) {
			border-left: 1px solid #fff;
	}
	.search__results .search__results__item__stabi {
			width: 100%;
	}
	.search__results .search__results__item__comment {
			width: 100%;
	}
	.search__results table thead th br {
		display: none;
	}

	.search__results thead th.search__results__header__price {
			padding-left: 0px;
			text-align: center;
	}

	.search__results table tbody tr {
			display: grid;
			grid-template-rows: 1fr 1fr;
			grid-template-columns: 1fr 1fr;
			border-left: none;
			border-right: none;
			border-bottom: 2px solid #ccc;
	}
	.search__results table tbody td {
			display: block;
			width: 100%;
			text-align: left;
			border-right: none;
	}
	.search__results table tbody td:nth-child(even) {
			border-left: 1px dotted #ccc;
	}
	.search__results table tbody td:nth-child(1),
	.search__results table tbody td:nth-child(2),
	.search__results table tbody td:nth-child(3),
	.search__results table tbody td:nth-child(4) {
			border-bottom: 1px dotted #ccc;
	}
	.search__results tr td.search__results__price {
			text-align: left;
	}*/

	.bottom__navi {
			display: block;
			width: 100%;
			margin-left: 5px;
	}
	.bottom__navi li {
			display: block;
			width: 100%;
	}



	.search__results table {
		width: 100%;
	}
	.search__results table thead {
		display: none;
	}
	.search__results table tr {
		width: 100%;
	}
	.search__results table td {
		display: block;
		text-align: right;
		width: 100%;
		border-bottom: 1px dotted #ccc;
		border-right: none;
	}
	.search__results td:nth-child(2) {
			text-align: right;
	}
	.search__results .search__results__number {
			border-bottom: none;
	}
	.search__results .search__results__item__stabi {
			width: 100%;
	}
	.search__results .search__results__item__comment {
			width: 100%;
	}
	.search__results .search__results__price {
			border-bottom: none;
	}
	.search__results .search__results__item__discomment {
			text-align: right;
			width: 100%;
			border-bottom: none;
	}
	.search__results table td:first-child {
		background: #3aafdb;
		color: #fff;
		font-weight: bold;
		text-align: center;
	}
	.search__results table td:before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		margin-right: 10px;
	}
}

/* orderGuide - ADDED[22/04/08] */
.orderGuide {
		margin: 1.25em auto;
}

.orderGuide li {
		position: relative;
		counter-increment: idx;
		padding: 1em 1em 1em 3.5em;
		margin: 0 0 2em;
		font-weight: 500;
		background: #f9f9f9;
		border-radius: 3px;
}

.orderGuide li:before {
		content: counter(idx);
		position: absolute;
		left: .75em;
		top: 50%;
		width: 1.5em;
		height: 1.5em;
		line-height: 1.5em;
		font-size: 1.2em;
		font-weight: bold;
		border-radius: 2px;
		background: #346e97;
		color: #fff;
		text-align: center;
		transform: translate(0, -50%);
}

.orderGuide li:not(:last-child):after {
		content: "";
		position: absolute;
		left: 50%;
		top: calc(100% + 12px);
		border: 10px solid transparent;
		border-top-color: #89b1dc;
		transform: translate(-50%, 0);
}
/* end - orderGuide */


/* ---------------------------------------------
	767px以下
 ----------------------------------------------  */
@media print, screen and (max-width: 767px) {
	/* readme */
	.konyu-refer.pg_readme #main {
			padding-bottom: 3em;
	}
	
	.pg_readme .standardTbl {
			width: 100%;
			max-width: 600px;
	}

	.pg_readme .standardTbl th,
	.pg_readme .standardTbl td {
			padding: 5px;
			font-size: .8em;
	}

}

/* ---------------------------------------------
	499px以下
 ----------------------------------------------  */
@media print, screen and (max-width: 499px) {
/*	.search__results table thead tr {
			display: block;
	}
	.search__results table thead th:nth-child(even) {
			border-left: none;
	}
	.search__results table tbody tr {
			display: block;
	}
	.search__results table tbody td:nth-child(even) {
			border-left: none;
	}*/

}

/* ---------------------------------------------
	767px以下
 ----------------------------------------------  */
@media print, screen and (max-width: 360px) {
	/* readme */
	.pg_readme .tblWrap {
			overflow: auto;
	}

	.pg_readme .standardTbl {
			width: 360px;
	}

}