@charset "UTF-8";

#contents-area a:link {color: #405392;text-decoration: underline;}
#contents-area a:visited {color: #5075B1;text-decoration: underline;}
#contents-area a:hover,#contents-area a:active {color: #86abc8;text-decoration: none;}

@media only screen and (min-width:741px)  {

  .p-main-area{
    margin: 0 auto;
  }

}

/* Smartphone */
@media print,screen and (max-width: 499px) {


	#main-contents .search-result {
		width: 97%;
		margin: 0 auto;
	}

	#main-contents .re-search h2,
	#main-contents .search-result h2 {
		margin: 0 auto;
		padding: .8em .8em .5em;
		border-radius: 3px;
		background: #3A3A3A;
	}
	#main-contents .re-search h2 {
		width: 92%;
	}
	#main-contents .search-result h2 {
		width: 94.6%;
	}
	#main-contents .result-box {
		padding: 0 1%;
		margin: 0 auto 3em;
	}

	#main-contents .re-search h2 span, 
	#main-contents .search-result h2 span {
		color: #fff;
		font-weight: bold;
		font-size: 115%;
	}

	#main-contents .search-result.osagashi h2,
	#main-contents .search-result.relatedpage h2 {
		border-radius: 3px 3px 0 0;
		background: #B32524;
	}

	#main-contents .search-result.osagashi .result-box,
	#main-contents .search-result.relatedpage .result-box {
		border: 1px solid #B32524;
	}

	#main-contents .re-search .form-box {
		width: 90%;
		margin: 25px auto 22px;
	}

	#search-section .form-box form {
		width: 100%;
		text-align: center;
	}

	#main-contents .re-search .form-box input.txt-area {
		width: 60%;
		max-width: 250px;
		height: 27px;
		border: 1px solid #bbbbbb;
		vertical-align: top;
	}

	#main-contents .search-result .result-box p.notice {
		padding: .8em .5em;
		text-align: center;
	}

	#main-contents .search-result .result-box p.notice strong {
		font-weight: bold;
	}


	#main-contents .search-result .result-box .pagenation {
		padding: .8em 0;
		width: 100%;
	}

	#main-contents .search-result .result-box .pagenation ul {
		margin: 0 auto;
		width: 95%;
	}

	#main-contents .search-result .result-box .pagenation ul li {
		display: inline-block;
		*display: inline;
		*zoom: 1
	}

	#main-contents .pagenation ul {
		text-align: center;
	}

	#main-contents .pagenation ul li.volume {
		text-align: center;
		margin: 0 auto;
	}

	#main-contents .search-result .result-box .pagenation ul li.volume .whole-volume {
		display: none;
	}

	#main-contents .pagenation ul li.first,
	#main-contents .pagenation ul li.last {
		min-width: 40px;
	}
	#main-contents .pagenation ul li.prev,
	#main-contents .pagenation ul li.next {
		min-width: 70px;
	}


	#main-contents .search-result .result-box .item-list .item-set {
		color: #333;
	}

	#main-contents .search-result .result-box .item-list dd.img {
		float: left;
		width: 20%;
		text-align: center;
	}

	#main-contents .search-result .result-box .item-list dd.img img {
		margin: .5em 0 0;
		max-width: 70px;
	}

	#main-contents .search-result .result-box .item-list dt.explain {
		float: right;
		width: 75%;
		min-height: 30px;
		line-height: 30px;
		margin: 0 0 .8em 2%;
	}

	#main-contents .search-result .result-box .item-list dl.item-set:after {
		display: block;
		clear: both;
		content: '';
	}

	#main-contents .search-result .result-box .item-list li.item {
		padding: .8em 0;
		border-top: 1px dotted #ccc;
	}

	#main-contents .search-result .result-box .item-list li.item:last-child {
		border-bottom: 1px dotted #ccc;
		margin: 0 0 .8em;
	}

	#main-contents .search-result .result-box .item-list li.item a {
		display: block;
	}

	#main-contents .search-result .result-box .item-list .item a:hover {text-decoration: underline;}
	#main-contents .search-result .result-box .item-list .item a:hover {text-decoration: underline;background-color: #f5ff75;}
	#main-contents .search-result .result-box .item-list .item a:visited {text-decoration: underline;}

	#main-contents .search-result .result-box .item-list li.item .kataban {
		padding: 0;
		width: 100%;
	}

	#main-contents .search-result .result-box .item-list li.item .price {
		padding: 0 0 .3em 0;
		text-align: right;
		width: 100%;
	}

	#main-contents .search-result .result-box .item-list li.item span.txt-product-name {
		color: #333;
		font-weight: bold;
		font-size: 116%;
	}

	#main-contents .search-result .result-box .item-list li.item span.anchertext {
		display: inline-block;
	}

	#main-contents .search-result .result-box .item-list li.item span.subtext {
		display: inline-block;
		margin: 0 0 0 .5em;
	}

	#main-contents .search-result .result-box .item-list li.item span.subtext:before {
		display: inline-block;
		content: '・・・';
	}

	#main-contents .search-result .result-box .item-list li.item .sales-point {
		font-size: 93%;
		line-height: 1.4;
	}

	#main-contents .search-result .result-box .item-list li.item .sales-point:before {
		display: block;
		content:'';
		clear: both;
	}

	#main-contents .search-result .result-box .item-list li.item span.txt-kataban {
		font-weight: bold;
		font-size: 108%;
	}

	#main-contents .search-result .result-box .item-list li.item .kataban .txt-jancd {
		display: block;
		line-height: 1;
	}


	#main-contents .search-result .result-box .item-list li.item .product-name {
		padding: .3em 0 .1em;
		font-weight: bold;
	}

	#main-contents .search-result .result-box .item-list li.item .remarks00 {
		color: #FF6633;
		font-weight: bold;
	}

	#main-contents .search-result .result-box .item-list li.item .remarks03 {
		color: #FF6633;
		font-weight: bold;
	}

	#main-contents .search-result .result-box .item-list li.item .remarks04 {
		color: #FF6633;
		font-weight: bold;
	}


	#main-contents .gsearch {
		margin: 0 auto .8em;
		padding: .5em .8em;
		border: 1px solid #ccc;
		border-radius: 3px;
		width: 94%;
		text-align: center;
	}

	#main-contents .search-result .gsearch h2 {
		text-align: left;
		background: #888;
	}

	#main-contents .gsearch h3 {
		padding: .5em 0;
	}

	#main-contents .gsearch ul.gset {
	
	}

	#main-contents .gsearch ul.gset li {
		padding: .5em 0;
	}

	#main-contents .gsearch ul.gset li.glogo {
		text-align: right;
	}

	#main-contents .gsearch .gset .menu .radio {
		padding: .5em .8em;
	}

	#main-contents .gsearch .gset .menu .radio li {
		display: inline;
	}


	.page-top{
		width: 96.5%; /* 調整 */
		margin: 0 auto;
		clear: both;
		text-align: center;
		font-size: 93%;
		border: 1px solid #CCC;
		border-radius: 3px;/* CSS3草案 */
		-webkit-border: 3px;/* Safari,Google Chrome用 */
		-moz-border-top: 3px;/* Firefox用 */
		background-image: url(/image/product/icnlink.png);
		background-repeat: no-repeat;
		background-position: right center;
	} 
	.page-top a{
		display:block;
		padding: 9px 2% 8px;
	}
	.page-top a:link{
		color:#333333;
		text-decoration:none;
	}
	.page-top a:hover{
		color:#333333;
		text-decoration:underline;
	}
	.page-top a:visited{
		color:#333333;
		text-decoration:none;
	}

}

/* PC and Tablet */
@media print,screen and (min-width: 500px) {

	#main-contents {
//		width: 700px;
		padding: 0 0 15px 10px;
		margin: 0 auto;
	}
	#main-contents .re-search h2,
	#main-contents .search-result h2 {
		padding: .8em .8em .5em;
	}

	#main-contents .result-box {
		padding: 0 1%;
		margin: 0 auto 3em;
	}

	#main-contents .re-search h2,
	#main-contents .search-result.item h2 {
		border-radius: 3px;
		background: #3A3A3A;
	}

	#main-contents .search-result.osagashi h2,
	#main-contents .search-result.relatedpage h2 {
		border-radius: 3px 3px 0 0;
		background: #B32524;
	}

	#main-contents .search-result.osagashi .result-box,
	#main-contents .search-result.relatedpage .result-box {
		border: 1px solid #B32524;
	}

	#main-contents .re-search h2 span,
	#main-contents .search-result h2 span {
		color: #fff;
		font-weight: bold;
		font-size: 115%;
	}

	#main-contents .re-search .form-box {
		width: 420px;
		clear: both;
		margin: 25px auto 22px;
	}

	#main-contents .re-search .form-box input.txt-area {
		width: 260px;
		height: 27px;
		border: 1px solid #bbbbbb;
		vertical-align: top;
	}

	#main-contents .search-result .result-box p.notice {
		padding: .8em .5em;
		text-align: center;
		color: #014099;
		font-family: "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
		font-weight: bold;
	}

	#main-contents .search-result .result-box p.notice strong {
		font-weight: bold;
	}

	#main-contents .search-result .result-box .item-list .item-set {
		color: #333;
	}

	#main-contents .search-result .result-box .item-list dd.img {
		float: left;
		width: 18%;
		text-align: center;
	}

	#main-contents .search-result .result-box .item-list dd.img img {
		margin: .5em 0 0;
		max-width: 70px;
	}

	#main-contents .search-result .result-box .item-list dt.explain {
		float: left;
		width: 80%;
		min-height: 30px;
		line-height: 30px;
		margin: 0 2% .8em 0;
	}

	#main-contents .search-result .result-box .item-list dl.item-set:after {
		display: block;
		clear: both;
		content: '';
	}

	#main-contents .search-result .result-box .item-list li.item {
		padding: .8em 0;
		border-top: 1px dotted #ccc;
	}

	#main-contents .search-result .result-box .item-list li.item:last-child {
		border-bottom: 1px dotted #ccc;
		margin: 0 0 .8em;
	}

	#main-contents .search-result .result-box .item-list li.item a {
		display: block;
	}

	#main-contents .search-result .result-box .item-list .item a:hover {text-decoration: underline;}
	#main-contents .search-result .result-box .item-list .item a:hover {text-decoration: underline;background-color: #f5ff75;}
	#main-contents .search-result .result-box .item-list .item a:visited {text-decoration: underline;}

	#main-contents .search-result .result-box .item-list li.item .kataban {
		float: left;
		padding: 0 0 .3em 0;
		width: 80%;
	}

	#main-contents .search-result .result-box .item-list li.item .price {
		float: right;
		padding: 0 2% .3em 0;
		width: 18%;
	}

	#main-contents .search-result .result-box .item-list li.item span.txt-product-name {
		color: #333;
		font-weight: bold;
		font-size: 116%;
	}

	#main-contents .search-result .result-box .item-list li.item span.anchertext {
		display: inline-block;
	}

	#main-contents .search-result .result-box .item-list li.item span.subtext {
		display: inline-block;
		margin: 0 0 0 .5em;
	}

	#main-contents .search-result .result-box .item-list li.item span.subtext:before {
		display: inline-block;
		content: '・・・';
	}

	#main-contents .search-result .result-box .item-list li.item .sales-point {
		font-size: 93%;
		line-height: 1.4;
	}

	#main-contents .search-result .result-box .item-list li.item .sales-point:before {
		display: block;
		content:'';
		clear: both;
	}

	#main-contents .search-result .result-box .item-list li.item span.txt-kataban {
		font-weight: bold;
		font-size: 108%;
	}


	#main-contents .search-result .result-box .item-list li.item .product-name {
		padding: .3em 0 .1em;
		font-weight: bold;
	}

	#main-contents .search-result .result-box .item-list li.item .remarks00 {
		color: #FF6633;
		font-weight: bold;
	}

	#main-contents .search-result .result-box .item-list li.item .remarks03 {
		color: #FF6633;
		font-weight: bold;
	}

	#main-contents .search-result .result-box .item-list li.item .remarks04 {
		color: #FF6633;
		font-weight: bold;
	}


	#main-contents .search-result .result-box .pagenation {
		padding: .8em 0;
		width: 100%;
	}

	#main-contents .search-result .result-box .pagenation ul {
		margin: 0 auto;
		width: 80%;
	}

	#main-contents .search-result .result-box .pagenation ul li {
		display: inline-block;
		*display: inline;
		*zoom: 1
	}

	#main-contents .pagenation ul {
		text-align: center;
	}

	#main-contents .pagenation ul li.volume {
		text-align: center;
		margin: 0 auto;
	}

	#main-contents .pagenation ul li.first,
	#main-contents .pagenation ul li.last {
		min-width: 40px;
	}
	#main-contents .pagenation ul li.prev,
	#main-contents .pagenation ul li.next {
		min-width: 70px;
	}

	#main-contents .gsearch {
		margin: 0 auto;
		padding: .5em .8em;
		border: 1px solid #ccc;
		border-radius: 3px;
		width: 97%;
		text-align: center;
	}

	#main-contents .search-result .gsearch h2 {
		text-align: left;
		background: #888;
	}

	#main-contents .gsearch h3 {
		padding: .5em 0;
	}

	#main-contents .gsearch ul.gset {
	
	}

	#main-contents .gsearch ul.gset li {
		padding: .5em 0;
	}

	#main-contents .gsearch ul.gset li.glogo {
			text-align: right;
	}

	#main-contents .gsearch .gset .menu .radio {
		padding: .5em .8em;
	}

	#main-contents .gsearch .gset .menu .radio li {
		display: inline;
	}

	#main-contents .page-top {
		width: 140px;
		font-size: 93%;
		display: block;
		padding: 6px 0 6px 15px;
		margin: 10px 0 0;
		float: right;
		border: 1px solid #CCC;
		border-radius: 3px;
		-webkit-border: 3px;
		-moz-border-top: 3px;
		background-image: url(../image/icnlink.png);
		background-repeat: no-repeat;
		background-position: right center;
	}
}

/* Tablet */
@media print,screen and (min-width: 500px) and (max-width: 799px) {
	#main-contents {
		width: 97%;
	}

	#main-contents .search-result .result-box .item-list li.item .kataban {
		float: initial;
		padding: 0 0 .3em;
		width: 100%;
	}

	#main-contents .search-result .result-box .item-list li.item .price {
		float: initial;
		text-align: right;
		padding: 0 0 .3em;
		width: 98%;
	}

	#main-contents .search-result .result-box .item-list li.item .kataban .txt-jancd {
		white-space: nowrap;
	}

	#main-contents .search-result .result-box .pagenation ul {
		width: 95%;
	}
	#main-contents .search-result .result-box .pagenation ul li.volume .whole-volume {
		display: none;
	}

	#main-contents .search-result .gsearch h2 {
		text-align: left;
		background: #888;
	}

}