@charset "utf-8";

/*
	* Name: oidemase.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license
*/


/* Stylesheet Document */

@media all {

	/* ========================================
	   * 領域設定 - レイアウト -
	======================================== */

	body.oidemase {
	}


	/* ========================================
	   * 領域設定 - Main -
	======================================== */

	body.oidemase #main ol.items li div.information span.number,
		body.oidemase #main ol.items li div.information h6 {
			font-size: 120%;
	}

	body.oidemase #main ol.items li div.information span.number {
		color: #5F533F;
		font-weight: bold;
	}

	body.oidemase #main ol.items li div.information span.number.best {
		color: #D83B62;
	}

	body.oidemase #main div#feedOidemase.event > div.container > h2,
		body.oidemase #main div#feedOidemase.event > div.container > h3 {
			display: none;
	}

	body.oidemase #main div#feedOidemase.event > div.container > div.navigation.breadcrumbs {
		display: none;
	}

	body.oidemase #main div#feedOidemase.event > div.container > div.paragraph {
		margin-left: 0;
		margin-right: 0;
	}

	body.oidemase #main ul.category.photo > li > div.photo > img {
		height: auto;
		width: 100%;
	}


	/* ========================================
	   * 個別設定 - 売れ筋ベスト10 -
	======================================== */

	body.oidemase.best10 h4 {
		margin-bottom: 20px;
	}

	body.oidemase.best10 #main ol.items li,
		body.oidemase.best10 #main ol.items li div.white {
			border-radius: 5px;
	}

	body.oidemase.best10 #main ol.items {
		margin-left: -1%;
		margin-right: -1%;
		width: 102%;
	}

	body.oidemase.best10 #main ol.items li {
		background-color: #990000;
		border-bottom: none;
		box-sizing: border-box;
		float: left;
		margin-bottom: 2%;
		margin-left: 1%;
		margin-right: 1%;
		padding: 5px;
		width: 48%;
	}

	body.oidemase.best10 #main ol.items li div.white {
		background-color: #FFFFFF;
		padding: 24px 16px 24px 16px;
		position: relative;
	}

	body.oidemase.best10 #main ol.items li div.white:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	body.oidemase.best10 #main ol.items li div.white div.child {
		position: relative;
	}

	body.oidemase.best10 #main ol.items li div.white div.child:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	body.oidemase.best10 #main ol.items li div.white div.photo,
		body.oidemase.best10 #main ol.items li div.white div.information {
			float: none;
	}

	body.oidemase.best10 #main ol.items li div.white div.photo {
		margin-bottom: 14px;
		margin-left: 0;
		margin-right: 4%;
		width: 100%;
	}

	body.oidemase.best10 #main ol.items li div.white div.photo img {
		display: block;
		height: auto;
		margin: 0 auto 0 auto;
		max-height: 180px;
		max-width: 100%;
		width: auto;
	}

	body.oidemase.best10 #main ol.items li div.white div.information {
		margin-bottom: 0;
		margin-right: 0;
		width: 100%;
	}


	/* ========================================
	   * 個別設定 - 取り扱い商品 -
	======================================== */

	body.oidemase.items #main div#ippin,
		body.oidemase.items #main div#ippin div.container {
			border-radius: 4px;
	}

	body.oidemase.items #main div#ippin {
		background-color: #D83B62;
		margin: 0 0 42px 0;
		padding: 0 4px 4px 4px;
	}

	body.oidemase.items #main div#ippin h3 {
		border: none;
		margin-bottom: 0;
		margin-left: -4px;
		margin-right: -4px;
		padding: 0;
	}

	body.oidemase.items #main div#ippin h3 img {
		border-radius: 4px 4px 0 0;
	}

	body.oidemase.items #main div#ippin div.container {
		background-color: #FFFFFF;
		padding: 22px;
	}

	body.oidemase.items #main div#ippin div.container h4 {
		background: url("../../../oidemase/items/img/bg_ippin.png") left bottom no-repeat;
		color: #D83A61;
		font-size: 20px;
		margin-bottom: 18px;
		padding-bottom: 18px;
	}

	body.oidemase.items #main div#ippin div.container div.item {
		margin: 0 18px 0 18px;
	}

	body.oidemase.items #main div#ippin div.container div.item:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	body.oidemase.items #main div#ippin div.container div.item div.photo,
		body.oidemase.items #main div#ippin div.container div.item div.information {
			float: left;
	}

	body.oidemase.items #main div#ippin div.container div.item div.photo {
		margin-right: 20px;
		width: 168px;
	}

	body.oidemase.items #main div#ippin div.container div.item div.photo img {
		max-width: 168px;
	}

	body.oidemase.items #main div#ippin div.container div.item div.information {
		font-size: 120%;
		width: 370px;
	}

	body.oidemase.items #main ul.category.double {
		margin-left: -31px;
		margin-right: -31px;
		width: 672px;
	}

	body.oidemase.items #main ul.category.double li {
		margin-bottom: 24px;
		width: 310px;
	}

	body.oidemase.items #main ul.category.double li img {
		display: block;
	}

}