@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

html {
    font-size: 10px;
}

body div.contents-area {
	width:100rem;
	margin:0 auto;
}
div.header-area {
    margin-bottom: 0px;
}
#detailinfo,
#product {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	/*font-family: '源ノ角ゴシック Regular','源ノ角ゴシック','Noto Sans JP','Roboto', Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Meiryo UI", sans-serif;*/
	
	/*display:none;*/
	line-height:1.2;
	position:relative;
}
#product input[type="button"] {
	color:#333 !important;
}
#product img {
	margin:0;
	padding:0;
	border:0;
}
/*
#langlist {
	position:absolute;
	right:10px;
	top:2px;
	border:1px solid #ccc;
	padding:5px 10px 5px 10px;
	background-color:#fff;
	z-index:99;
	width:150px;
}

#langlist strong {
	color:#555;
}

#langlist select {
	width:15em;
	border:0px solid #fff;
	width:100%;
}*/

#product a {
	text-decoration:none;
}

#pagetitle {
	margin-bottom:4rem;
	background: linear-gradient(#fafafa, #e8e8e8);
	border-bottom:1px solid #ccc;
}

#pagetitle h1 {
	font-size:2.2rem;
	color:#555;
	padding:1rem 0rem 0rem;
	font-weight:normal;
	height:10rem;
	position:relative;
	width:100rem;
	margin:0 auto;
}
#pagetitle h1 img {
	position:absolute;
	right:0;
	bottom:1rem;
	/*display:none;*/
	width:41rem;
}

#pagetitle h1 strong {
	position:absolute;
	font-weight:normal;
	left:0rem;
	bottom:2rem;
}

#product p {
	font-size:1.4rem;
	padding:0.5rem 0rem 3rem;
}

#product h2 {
	font-size:1.5rem;
	padding:0.3rem 1rem;
	font-weight:normal;
}
#product h3 {
	font-size:1.6rem;
	padding:0.3rem 1rem;
}
/*-------------------------------------------*/
/*2カラム*/
/*-------------------------------------------*/
#element {
	margin:2rem auto 6.1rem;
	/*display: flex;
	flex-wrap: wrap;*/
}
#element .element_left {
	width:21.6rem;
	margin:0 auto 0 0;
	float:left;
}

#element .element_right {
	/*width:682px;*/
	width:77rem;
	margin:0 0 0 auto;
	float:right;
}




/*-------------------------------------------*/
#selector {
	margin:0;
	width:100%;
	border:1px solid #ccc;
	padding:0.1rem 0.1rem 1rem;
	display:none;
}

#selector h2 {
	background-color:#58679c;
	color:#fff;
	position:relative;
	padding:1.5rem 1.0rem;
}

#selector h2 input[type="button"] {
	position:absolute;
	right:0.5rem;
	top: calc(50% - 1.4rem);
}

#selector h3 {
	margin-top:1.4rem;
}

#selector div.line {
	margin-top:1.4rem;
	border-bottom:1px dotted #666;
	height:5px
}


#result input[type="button"],
#selector input[type="button"] {
	background: -moz-linear-gradient(top, #fff, #ededed);
	background: -webkit-linear-gradient(top, #fff, #ededed);
	background: linear-gradient(to bottom, #fff, #ededed);
	border:1px solid #999;
	border-radius: 0.4rem;
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	padding:0.4rem 1rem;
	font-size:1.2rem;
}

#result input[type="button"]:hover,
#selector .select li label:hover,
#selector input[type="button"]:hover {
	background: -moz-linear-gradient(top, #fff, #ccc);
	background: -webkit-linear-gradient(top, #fff, #ccc);
	background: linear-gradient(to bottom, #fff, #ccc);
	border-color:#666;
}

#selector .select li {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}

#selector .select  li input[type="text"] {
	margin:0.4rem 0.6rem;
	border:1px solid #999;
	font-size:1.4rem;
	padding:0.5rem 1rem;
	width:60%;
}


#selector .select  li input[type="checkbox"],
#selector .select  li input[type="radio"] {
	position:absolute;
	left:2rem;
	top:0.6rem;
	z-index:100;
}

#selector .select li label {
	display:block;
	border:1px solid #999;
	border-radius: 0.4rem;
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	padding:0.3rem 1.5rem 0.4rem 3.0rem;
	margin:0.4rem 0.6rem;
	background: -moz-linear-gradient(top, #fff, #ededed);
	background: -webkit-linear-gradient(top, #fff, #ededed);
	background: linear-gradient(to bottom, #fff, #ededed);
	cursor: pointer;
	font-size:1.4rem;
}

#selector .icon li label {
	height:3.1rem;
	position:relative;
}

#selector .icon li label img {
	position:absolute;
	right:1.0rem;
	top:0.8rem;
}


#selector input {
	/*display: none;[type="text"]*/
}

#selector input[type="checkbox"]:checked + label,
#selector input[type="radio"]:checked + label {
	/* color: #009a9a;*/
	background: -moz-linear-gradient(top, #ffe5d6, #fbcaac);
	background: -webkit-linear-gradient(top, #ffe5d6, #fbcaac);
	background: linear-gradient(to bottom, #ffe5d6, #fbcaac);
	border-color:#e98f58;
}

#selector input[type="checkbox"]:disabled,
#selector input[type="radio"]:disabled {
	/*display:none;*/
}

#selector input[type="checkbox"]:disabled + label,
#selector input[type="radio"]:disabled + label {
	background: -moz-linear-gradient(top, #dcdcdc, #f0f0f0);
	background: -webkit-linear-gradient(top, #dcdcdc, #f0f0f0);
	background: linear-gradient(to bottom, #dcdcdc, #f0f0f0);
	border-color:#b7b7b7;
	cursor: auto;
	color:#bbb;
}

/*-------------------------------------------*/
#use {
	width:100%;
	margin:0;
	display:none;
}
#use h2 {
	color:#fff;
	background-color:#58679c;
	font-size: 1.4rem;
	padding: 1.5rem 1.0rem;
	margin:0.2rem 0 1.4rem;
}

#use .usedlist {
	display: flex;
	flex-wrap: wrap;

}
#use .usedlist h3 {
	width:100%;
	padding-left:0;
	border-bottom:1px solid #ccc;
	margin-bottom:1em;
}


#use .usedlist dl {
	width: calc(25% - 1rem);
	margin-bottom:2.0rem;
	margin-left:1.3rem;
	cursor: pointer;
	/*color:#f00;*/
}
#use .usedlist dl:first-of-type,
#use .usedlist dl:nth-child(5n+1) {
	margin-left:0px;
}


#use .usedlist dl dd {
	box-sizing: border-box;
	overflow: hidden;
	/*width:160px;*/
	width:18.2rem;
	height:12rem;
	border:1px solid #999;
	border-radius: 0.4rem;
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;

	background: -moz-linear-gradient(top,    #fff, #bbb);
	background: -webkit-linear-gradient(top, #fff, #bbb);
	background: linear-gradient(to bottom,   #fff, #bbb);
}

#use .usedlist dl dt {
	padding-top:0.5rem;
	text-align:center;
	font-size:1.4rem;
}

#use .usedlist dl dd img {
	display: block;
	transition-duration: 0.3s;
	width:100%;
}

#use .usedlist dl:hover dt {
	text-decoration:underline;
}
#use .usedlist dl:hover dd img {
	transform: scale(1.2);
	transition-duration: 0.3s;
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}

/*-------------------------------------------*/
/*検索タイトル*/
#result h2,
#selectTitle h2 {
	color:#fff;
	background-color:#58679c;
	font-size: 1.4rem;
	padding: 1.5rem 1.0rem;
	margin:0.2rem 0 1.4rem;
	position:relative;
}

#selectTitle h2 span {
	position:absolute;
	left:10rem;
	top: calc(50% - 1.2rem);
}

#selectTitle h2 input[type="button"] {
	position:absolute;
	right:1.0rem;
	/*top:10px;*/
	bottom:1.0rem;
	padding:0.3rem 1.0rem;

    background: -moz-linear-gradient(top, #fff, #ededed);
    background: -webkit-linear-gradient(top, #fff, #ededed);
    background: linear-gradient(to bottom, #fff, #ededed);
    border: 1px solid #999;
    border-radius: 0.4rem;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;

}
#selectTitle h2 input[type="button"]:hover {
	background: -moz-linear-gradient(top, #fff, #ccc);
	background: -webkit-linear-gradient(top, #fff, #ccc);
	background: linear-gradient(to bottom, #fff, #ccc);

}
/*-------------------------------------------*/
#result {
	width:100%;
	margin:0;
	display:none;
}

#result p.noitem {
	text-align:center;
	color:#f00;
	border:1px solid #ccc;
	padding:0.5em;
}

#result .info1 {
	border:1px solid #ccc;
	padding:1.5rem 2.0rem;
}
#result .info1 strong {
	font-weight:normal;
	font-size:1.6rem;
	padding-right:0.5em;
}
#result .info1 span {
	color:#666;
	padding-left:0.5em;
	font-size:1.3rem;
	
}
#result .info1 span:before {
	content: " / ";
}


#result .info2 {
	margin-top:2em;
	position:relative;
}

#result .info2 div {
	position:absolute;
	bottom:1.0rem;
	right:0.5rem;
}

#result .info3 {
	margin-top:1em;
	position:relative;
}

#result .info3 div {
	position:absolute;
	top:0rem;
	right:0.5rem;
}


#result .info2 strong {
	font-size:170%;
	font-weight:normal;
	padding-right:0.5em;
}

#result .page a {
	border:1px solid #999;
	border-radius: 0.4rem;
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	background: -moz-linear-gradient(top, #fff, #ededed);
	background: -webkit-linear-gradient(top, #fff, #ededed);
	background: linear-gradient(to bottom, #fff, #ededed);
	padding:0.2rem 0.8rem;
	font-size:1.1rem;
	color:#58679c;
}
#result .page a img {
	position:relative;
	top:0.3rem;
}


/*--*/
#result th.titleName {
	border-bottom:1px solid rgba(0,0,0,0);
	padding:0.8rem 0.5rem 0rem;
}
#result th.sort {
	padding:0.5rem 0 0.8rem;
}

#result th.sort a {
	border-radius: 0.4rem;
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	background: -moz-linear-gradient(top, #fff, #ededed);
	background: -webkit-linear-gradient(top, #fff, #ededed);
	background: linear-gradient(to bottom, #fff, #ededed);
	padding:0.2rem 0.5rem;
	font-size:1.1rem;
	color:#58679c;
	margin:0 0.2rem;
}
#result th.sort a img {
	position:relative;
	top:0rem;
}

#result .page a:hover,
#result th.sort a:hover {
	background: -moz-linear-gradient(top, #fff, #ccc);
	background: -webkit-linear-gradient(top, #fff, #ccc);
	background: linear-gradient(to bottom, #fff, #ccc);
	border-color:#666;
}

#result .page a.active,
#result th.sort a.active {
	background: -moz-linear-gradient(top, #ffe5d6, #fbcaac);
	background: -webkit-linear-gradient(top, #ffe5d6, #fbcaac);
	background: linear-gradient(to bottom, #ffe5d6, #fbcaac);
	border-color: #e98f58;
}


#result .page a.active img {
/*#result th .sort a.active img {*/
	filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;
}
#result .page a.disable img,
#result .page a:hover img,
#result th .sort a:hover img {
	filter: alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;
}

#result .page a.disable {
	background: -moz-linear-gradient(top, #dcdcdc, #f0f0f0);
	background: -webkit-linear-gradient(top, #dcdcdc, #f0f0f0);
	background: linear-gradient(to bottom, #dcdcdc, #f0f0f0);
	border-color: #b7b7b7;
	cursor: auto;
	color: #bbb;
	cursor:normal;
}



/*表*/
#detailinfo table,
#result table {
	width:100%;
	font-size:1.4rem;
	border-collapse:collapse;
	border:solid;
	/*border-color:#58679c #fff;*/
	border-color:#888 #fff;
	border-width:2px 2px 2px;
	/*border:solid;*/
}

#detailinfo table tr th.red,
#result table tr th.red {
	background-color:#f00 !important;
}

#result table tr:nth-child(odd) td {
	/*background: #f8faff;*/
	background: #f8f8f8;
}
#detailinfo th,
#result th {
	font-weight:normal;
	/*background-color:#58679c;*/
	background-color:#888;
	border: 1px solid #eee;
	padding:0.2em 0.6em;
	text-align:center;
	line-height: 1.2;
	color:#fff;
}
#result th {
	min-height:3em;
}

/*固定*/
#result table th.price {
	width:8.0rem;
}
#detailinfo table td.price span,
#result table td.price span {
	font-size:80%;
	display:block;
	/*margin-top:0.5em;*/
}
#result table td.price span.plus {
	margin-top:0.3rem;
	margin-bottom:0.3rem;
}

#result th.recommend {
	width:6.5rem;
}
#result th.model_no {
	width:12.0rem;
}
#result th.detail {
	width:5.5rem;
}

#detailinfo td,
#result td {
	border: 1px solid #ccc;
	margin:auto;
	padding:0.5em 0.6em 0.2em;
	text-align: left;
	background-color:#FFFFFF;
	line-height: 1.2;
	text-align:center;
}
#detailinfo td {
	padding:0.2em 0.6em;
}

#detailinfo td span.openprice,
#result td span.openprice {
	font-size:90%;
}


#result td img.productimg {
	display:block;
	margin:0.5rem auto;
	width:9.0rem;
	height:auto;
}
#result td a.link {
	display:block;
	line-height:1;
	margin:0 auto;
	padding:0.5rem 0rem;
	width:auto;
	background-color:#6699db;
	border:1px solid #999999;
	border-radius: 0.4rem;
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	color:#fff;
}
#result td a.link:hover {
	background-color:#58679c;
}

/*-------------------------------------------*/
/*モーダルBG*/
/*-------------------------------------------*/

#detailbg {
	background-color: #111;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 20000;
	display: none;
}
/*-------------------------------------------*/
#detailinfo {
	display: none;
	background-color: #fff;
	position: fixed;
	left: calc(50% - 78.0rem / 2);
	top: calc(50% - 70.0rem / 2);
	width: 79.0rem;
	height:auto;
	z-index: 20100;
	box-sizing: border-box;
	padding:6.0rem 4.0rem 3.0rem;
	overflow:scroll;
	/*max-height: 800px;*/
}
#detailinfo.message {
	left: calc(50% - 60.0rem/2);
	top: calc(50% - 20.0rem / 2) !important;
	width: 60.0rem;
	height:auto;
	padding:2.0rem 1.0rem;
}
#detailinfo.message  p {
	text-align:center;
	margin-bottom:2em;
}


#detailinfo h2 {
	color:#fff;
	background-color:#58679c;
	padding:0.5rem;
	margin-bottom:1em;
	text-align:center;
}
#detailinfo img.closeimg {
	position:absolute;
	right:4.0rem;
	top:2.0rem;
	cursor: pointer;
}
#detailinfo img.closeimg:hover {
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}
#detailinfo .infoimg img {
	padding: 0.5rem;
}
#detailinfo .infoimg .product img {
	width:18.0rem;
	padding:2.0rem 0.5rem;
	margin-right:2.0rem;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
#detailinfo .infoimg .dimensions img {
	width:48.0rem;
	height:auto;
	padding:0;
	margin-bottom:2rem;
}

#detailinfo .infoimg,
#detailinfo .infotable {
	margin:1em auto;
	display: flex;
	flex-wrap: wrap;
}
#detailinfo .infoimg p {
	/*margin-right:1.0rem;*/
}

#detailinfo table {
	width:calc(50% - 1.0rem);
	margin-left:2.0rem;
}

#detailinfo .note {
	padding-top:1rem;
	margin-bottom:1rem;
}
#detailinfo .note2 {
	padding-top:0rem;
}

#detailinfo .note table {
	width:calc(100%);
}

#detailinfo .note table td{
	text-align:left;
}

#detailinfo table th {
	width:13rem;
}


#detailinfo table:first-of-type {
	margin-left:0rem;
}

#detailinfo .action {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}


/**/
#detailinfo .login{
	margin: 2rem auto 0;
	padding:0.8rem;
	text-align:center;
	border:1px solid #edb3b3;
	background-color:#ffe3e3;
	font-size:1.2rem;
}
#detailinfo .login a{
	text-decoration: none;
	color:#1a66ca;
}
#detailinfo .login a:hover{
	text-decoration: underline !important;
}


/*cadなどのダウンロード用*/
#detailinfo .action a {
	display:block;
	box-sizing: border-box;
	border:1px solid #999;
	border-radius: 0.4rem;
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	padding:0rem 0 2.0rem;
	background: -moz-linear-gradient(top, #fff, #ededed);
	background: -webkit-linear-gradient(top, #fff, #ededed);
	background: linear-gradient(to bottom, #fff, #ededed);
	cursor: pointer;
	color:#333;
	width :calc(33% - 5.0rem);
	margin-left:2.5rem;
	margin-top:1em;
	text-decoration:none;
	text-align:center;
	font-size:1.2rem;
}
#detailinfo .action a.disable{
	filter: alpha(opacity=45);
	-moz-opacity:0.45;
	opacity:0.45;
}

#detailinfo .action a img {
	padding-right:1.0rem;
	position:relative;
	bottom:-1.0rem;
}

#detailinfo .action a:first-of-type {
	margin-left:5.0rem;
}
/*はい、いいえメニュー用*/
#detailinfo .alert a {
	width :calc(50% - 15.0rem);
	margin-left:2.5rem;
	margin-top:auto;
	padding:1.0rem 0 1.0rem;
}
#detailinfo .alert a:first-of-type {
	margin-left:15.0rem;
}
#detailinfo .action a:hover {
	background: -moz-linear-gradient(top, #fff, #ccc);
	background: -webkit-linear-gradient(top, #fff, #ccc);
	background: linear-gradient(to bottom, #fff, #ccc);
	border-color:#666;
}

#detailinfo .action a.disable:hover {
	background: -moz-linear-gradient(top, #fff, #ededed);
	background: -webkit-linear-gradient(top, #fff, #ededed);
	background: linear-gradient(to bottom, #fff, #ededed);
	border-color:#999;
	cursor:default;
}


/*Clipboard用*/
#set_clipboard {
	display:none;
}



/*-------------------------------------------*/
/* プログラム内メッセージ */
/*-------------------------------------------*/
p.message {
	display:none;
}

/*-------------------------------------------*/
/* クリアフィックス */
/*-------------------------------------------*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.mobileOnly {
	display:none;
}
.pcOnly {
	display:block;
}

#operation {
	display:none;
}

@media (min-width:769px) and (max-width:1080px) {
	#pagetitle h1 {
		width:80rem;
	}
	#pagetitle h1 img {
		right:2rem;
	}
	#pagetitle h1 strong {
		left:2rem;
	}
	body div.contents-area {
		width:80rem;
		padding:0 20px;
	}
	#element .element_right {
		width:530px;
	}
	#use .usedlist dl {
		width: calc(33% - 1rem);
	}
	#use .usedlist dl dd {
		width:16.7rem;
		height:11rem;
	}
	#use .usedlist dl:nth-child(5n+1) {
		margin-left:13px;
	}
	
	#use .usedlist dl:first-of-type,
	#use .usedlist dl:nth-child(4n+1) {
		margin-left:0px;
	}

}


/*-----------------------------------------------------
mobile
-------------------------------------------------------*/
@media (max-width: 768px) {
	div.omron-ia {
		border:0;
	}
	body div.contents-area {
		width:calc(100% - 40px);
	    padding: 10px 20px 0;
	}


	#result h2,
	#selectTitle h2,
	#selector h2,
	#use h2 {
		margin:2px -20px 14px;
		padding-left:22px;
	}	
	
	#selector {
		/*border-width:1px 0;*/
		border:0;
	}
	#product {
		width:100% !important;
		position:relative !important;
	}
	#product * {
		font-size:1.6rem !important;
	}
	#pagetitle {
		width:100%;
	}
	#pagetitle h1 {
		/*font-size:1.1em !important;*/
		text-align:center;
		margin:0 0px 1em;
		height:60px;
		padding:0;
		width:100%;
		font-size:1.8rem;
	}
	#pagetitle h1 strong {
		left:auto;
		top:20px;
		position:relative;
	}
	#pagetitle h1 img {
		display:none;
	}
	#pagetitle h1 strong {
		font-size:1.8rem !important;
	}
	#pagetitle h1 span {
		font-size:0.7rem !important;
		display:block;
	}
	#product p {
		 padding: 3px 0px;
	}
	
	#element .element_right,
	#element .element_left {
		width:100%;
	}
	#selector h2 {
		font-size:1.8rem !important;
		padding-left:20px;
	}
	#selector h2 input[type="button"] {
		right:20px;
		top: calc(50% - 17px);
	}
	#selector h3 {
		font-size:1.4rem !important;
		text-align:center;
		margin-top: 8px;
	
	}
	#selector ul.select {
		display: flex;
		flex-wrap: wrap;
	}
	#selector ul.select li {
		width:calc(50% - 10px);
		/*border:1px solid #ccc;*/
		margin:5px 0 5px 15px;
	}
	
	#selector .select li:nth-child(2n+1),
	#selector .select li:first-of-type {
		margin-left:0px;
	}
	
	#selector .select li input[type="checkbox"], 
	#selector .select li input[type="radio"] {
		top:calc(50% - 7px);
		
	}
	#selector .select li label {
		/*width:calc(100% - 55px);*/
		padding: 10px 15px 10px 40px;
		margin:0px;
		font-size:1.2rem !important;
	}
	
	#selector .select li.inputtext {
		width:100%;
	}
	#selector .select li.inputtext input[type="text"] {
		width:calc(100% - 20px);
		margin:0px 0 5px;
	}
	#selector .select li.inputtext input[type="button"] {
		display:block;
		margin:auto;
		width:60%;
	}

	#use .usedlist h3 {
		text-align:center;
		border:0;
		margin-bottom:0.3em;
		font-size:1.4rem !important;
	}
	
	#use .usedlist dl {
		width: calc(50% - 8px);
		margin-bottom:10px;
		margin-left:16px;
		cursor: pointer;
	}
	#use .usedlist dl:first-of-type,
	#use .usedlist dl:nth-child(3n+1),
	#use .usedlist dl:nth-child(5n+1) {
		margin-left:0px;
	}

	#use .usedlist dl dd {
		width:100%;
		height:60px;
		margin:0;
		padding:0;
		display: flex;
		align-items: center;
	}
	#use .usedlist dl dd img {
		/*margin-top:-15px;*/
	}
	#use .usedlist dl:hover dd img {
		transform: scale(1);
	}

	#result table * {
		font-size:1.0rem !important;
	}
	#result table td {
		font-size:1.2rem !important;
	}
	#result table td.price,
	#result table th.price {
		display:none;
	}
	#result th.recommend {
		width:auto;
	}
	#result th.model_no {
		width:auto;
	}
	#result th.detail {
		width:auto;
	}
	#result table td img.productimg {
		/*-display:none;*/
		width:45px;
	}
	#result .info1 span {
		font-size:1.2rem !important;
	}
	
	#result td a.link {
		min-width:3em;
		padding:1.5em 0;
	}
	#result th .sort {
		min-height:7em;
		width:70px;
	}
	#result th .sort span {
		top:auto;
		left:auto;
		bottom:5px;
		right:auto;
		margin-top:10px;
		margin-left:0;
		position:absolute;
		display:flex;
	}
	#result th .sort span a {
		/*width:calc(50% - 20px);*/
		margin:0 2px;
		padding:5px 10px;
	}
	#result h2 {
		margin-bottom:0.5em;
		text-align:center;
	}


	#selectTitle h2 {
		margin-bottom:1.5em;
	}

	#selectTitle h2 input[type="button"] {
		top:-20px;
		height:2em;
	}
	
	
	#detailinfo {
		width:calc(100% - 20px);
		left: 10px;
		top: 0 !important;
		height:100%;
		overflow:scroll;
		padding: 30px 5px 30px;
	}
	
	#detailinfo.message {
		top: calc(50% - 200px / 2) !important;
		width:calc(100% - 20px);
		left: 10px;
	}
	
	#detailinfo table {
		width: calc(50% -10px);
		margin-left:5px;
		/*font-size:13px !important;*/
	}
	#detailinfo table th {
		font-size:1.1rem !important;
	}
	#detailinfo table td {
		font-size:1.1rem !important;
	}
	
	
	#detailinfo .infoimg, 
	#detailinfo .infotable {
		margin:1em auto;
	}
	#detailinfo .infoimg {
		display:block;
	}
	#detailinfo .infoimg p.product img {
		width:30%;
		height:auto;
		display:block;
		margin:2rem auto;
	}
	#detailinfo .infoimg p.dimensions img {
		width:90%;
		height:auto;
		display:block;
		margin:2rem auto;
	}


	#detailinfo img.closeimg {
		top: 10px;
		right: 20px;
	}
	#detailinfo h2 {
		margin-bottom:0;
	}
	
	#detailinfo table:first-of-type {
		margin-left:5px;
	}
	#detailinfo .action {
		/*display:block;*/
	}
	#detailinfo .action a {
		width:60%;
		margin:5px auto;
		display:block;
	}
	#detailinfo .action a:first-of-type {
		margin-left:auto;
	}
	
	#operation {
		display: flex;
		position: fixed;
		bottom:-10px;
		left:0;
		/*background-color:rgba(255,255,255,0.9);*/
		width:100%;
		padding:0;
		z-index: 110;
	}
	#operation a {
		color:#fff;
		background-color:#58679c;
		display:block;
		width:calc(50% - 40px);
		text-align:center;
		font-size:1.3rem !important;
		
		/*
		background: -moz-linear-gradient(top, #fff, #ededed);
		background: -webkit-linear-gradient(top, #fff, #ededed);
		background: linear-gradient(to bottom, #fff, #ededed);
		*/
		border:1px solid #999;
		border-radius: 0.4rem;
		-webkit-border-radius: 0.4rem;
		-moz-border-radius: 0.4rem;
		padding:10px 0px 20px;
		margin:0 20px;
	}

	
	
	.mobileOnly {
		display:block;
	}
	.pcOnly {
		display:none;
	}

	/*//ul.hoge li:has(> p.moge)*/
}