/* CSS Document */

@charset "utf-8";

a { text-decoration: none; }
a:hover { text-decoration: none; }
a img { border:none; }

.tokuItem {  overflow: hidden; border-top: solid 1px #ccc; border-left: solid 1px #ccc; margin-bottom: 40px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif; background:#f8f8f8; }

.tokuItem .block{ display: block; float: left; font-size: 12px; line-height: 150%; color: #333; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; height:675px; width: 284px; padding: 20px; overflow: hidden; position: relative; background:#fff; }
.tokuItem .block.small { }
.tokuItem .block .itemImg { display: block; width: 284px}
.tokuItem .block .info { width:284px; height:380px; overflow:hidden; position:relative;}
.tokuItem .block .omk { display: block; height: 55px; overflow: hidden; text-align: center; margin-top: 5px; }
.tokuItem .block .spOmk, .spCoupon, .motone, .spSale2{ display: block; height: 55px; line-height: 57px; background: #c00; color: #fff; font-size: 40px; font-weight: bold; letter-spacing: 1px; }
.tokuItem .block .motone_mini{ font-size: 36px; }
.tokuItem .block .spec { float: right; width: 284px; margin-top: 5px; border-collapse: separate; border-spacing: 1px; background: #ccc; }
.tokuItem .block .itemName { display: block; font-size: 24px; margin: 8px 0 4px 0; text-align: left; width:284px; height:80px; float: right; margin-right: -0px; margin-left: -0px; font-weight:bold; line-height:140%; border-bottom:2px solid #333;}
.tokuItem .block .itemDesc { display: block; font-size: 22px; text-align: left; width: 284px; float: right; color: #444; line-height:150%;}
.tokuItem .block .icon { display: block; position:absolute; bottom:5px; left:0px; text-align:center;margin-top: 5px; width:280px; }

.tokuItem .block .price { font-size: 40px; float: right; margin: 15px 5px 5px 0 ; font-weight: bold;  position: absolute; bottom: 43px; right:0px; }
.tokuItem .block .price .mini { font-size: 26px; margin-left:-10px; }
.tokuItem .block .price.sale { color: #c00;}
.tokuItem .block .oprice{ font-size:26px; position: absolute; bottom: 100px; right: 0px;}
.tokuItem .block .oprice_mini{ font-size:20px; }
.tokuItem .block .spCoupon{ background-color:#F60; font-size:30px; }
.tokuItem .block .spCoupon2{ font-size:24px;}
.tokuItem .block .spOmk{ background-color:#690; font-size:26px; }
.tokuItem .block .spSale2{ font-size:36px; }

span.iconFs, .iconOmk{ display:block; width:134px; height:38px; line-height:38px; font-size:24px; font-weight:bold; background-color:#f93; color:#FFF; float:right;  margin-bottom:3px; margin-left:6px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
span.iconFs { background-color: #f33; }

.tokuItem .block.type1 { height:640px; width: 935px; }
.tokuItem .block.type1.small { height:640px; width: 935px; }
.tokuItem .block.type1 div.info { float:left; width:284px; height:640px;}
.tokuItem .block.type1 img.itemImg { width: 630px; float:right;}
.tokuItem .block.type1 .itemName { font-size: 28px; height:125px; }
.tokuItem .block.type1 .itemDesc { font-size: 22px; }
.tokuItem .block.type1 .omk { height: 300px; margin-top:0px;}
.tokuItem .block.type1 .omk span { height: 300px; font-size: 48px; }
.tokuItem .block.type1 .omk .spCoupon{ line-height: 100%; padding-top:100px; }
.tokuItem .block.type1 .omk .spCoupon2{ font-size: 40px; line-height: 100%; }
.tokuItem .block.type1 .omk .motone { line-height: 300px; }
.tokuItem .block.type1 .omk .spSale2{ line-height: 100%; padding-top:100px; }


.tokuItem .block.type2 { height:780px; width: 448px; }
.tokuItem .block.type2.small { height:780px; width: 448px; }
.tokuItem .block.type2 div.info { clear:left; width:448px; height:320px;}
.tokuItem .block.type2 img.itemImg { width: 448px; float:right;}
.tokuItem .block.type2 .itemName { font-size: 24px; width: 448px; }
.tokuItem .block.type2 .itemDesc { font-size: 22px;  width: 448px;}
.tokuItem .block.type2 .price { bottom: 0px; }
.tokuItem .block.type2 .oprice { bottom: 50px; }
.tokuItem .block.type2 .icon { width:245px; }
.tokuItem .block.type2 .iconFs, .tokuItem .block.type2 .iconOmk{ float:left;}
.tokuItem .block.type2 .spCoupon{ font-size:36px;}
.tokuItem .block.type2 .spCoupon2{ font-size:32px;}
/*.tokuItem .block.type2 .omk { height: 55px; margin-top:5px;}
.tokuItem .block.type2 .omk span { height: 50px; line-height: 253px; font-size: 48px; }
*/


.normal .tokuItem .block .omk { display:none !important; }
.normal .tokuItem .block.type2,
.normal .tokuItem .block.type2.small{ height:700px; }
.normal .tokuItem .block.type2 div.info {height:270px;}
.normal .tokuItem .block { height:600px; }
.normal .tokuItem .block .info { height:310px; }



.tokuItem .block .iconP10 {z-index:10;}
.tokuItem .block .iconP10 img { width:55px;}
.tokuItem .block.type1 .iconP10 img { width:95px; z-index:10; }
.tokuItem .block.type2 .iconP10 img { width:80px; z-index:10; }

/* 期間限定セールのみポイント非表示 */
.tokuItem .block .iconP10 { display:none !important;}
.normal .tokuItem .block .iconP10 { display:block !important;}
/* ---　*/

.tokuItem .block .icon_limited {
	z-index:5;
	position:absolute;
	top:0px;
	right:0px;
	text-align:center;
	color:#FFF;
	display: inline-block;
	width: 100px;
	height: 100px;
	background: #ed0e7c;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	-o-border-radius: 100px;
	-ms-border-radius: 100px; 
	border-radius: 100px;
	box-shadow: 1px 3px 6px #333;
	
}

.tokuItem .block .limited_text {
	display: inline-block;
	line-height:120%;
	margin-top:15px;
	font-weight:bold;
	font-size:18px;
}

.tokuItem .block .limited_text_mini {
	font-size:14px;
}

.tokuItem .block .limited_text_big {
	font-size:20px;

}

.tokuItem .block.type1 .icon_limited {
	width: 125px;
	height: 125px;
}

.tokuItem .block.type1 .limited_text {
	margin-top:20px;
	font-weight:bold;
	font-size:22px;
}

.tokuItem .block.type1 .limited_text_big{
	font-size:24px;
}

.tokuItem .block.type1 .limited_text_mini {
	font-size:18px;
}

.title { overflow:hidden; width:974px; font-size:40px; height: 110px; line-height:1.2em; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; background-color:#412718; }
.title span { display:block; padding:33px 0 15px 15px;  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold; color:#fff; }



/* =====カスタムフィールド（週末セール文言表示に必要なスタイル）===== */


/* 画像とテキスト */
.tokuItem .itemImg_customField { position: relative; display: block; }
/* カスタムフィールド全体のスタイル */
.tokuItem.on_sale .itemImg_customField .customField { position: absolute; top: -13px; left:-13px;width: 80%; z-index:10; box-shadow: 1px 3px 6px #333;}
.tokuItem.on_sale .itemImg_customField .customField::before,
.tokuItem.on_sale .itemImg_customField .customField::after {
	content: '';
	position: absolute;
}
.tokuItem.on_sale .itemImg_customField .customField::before {
	top: 100%;
	left: 0;
	border-width: 0 15px 10px 0;
	border-style: solid;
	border-color: transparent;
	border-right-color: #333;
}


.tokuItem .itemImg_customField .customField .shuumatu { font-family: Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif; background: #fdee10; color: #f06; text-align: center; font-weight: bold;opacity: 0.95;width: 100%; line-height:180%; padding: 3px 0px; font-size: 24px;}
.tokuItem .itemImg_customField .customField .shuumatu .tokka { font-size:0; }

/* 非表示表示スタイル */
.tokuItem.on_sale .block .itemImg_customField .customField .shuumatu { display: block; }
.tokuItem .block .itemImg_customField .customField .shuumatu { display: none; }
/* block type2 */
.tokuItem .block.type2 .itemImg_customField .customField .shuumatu { font-size: 24px; }
.tokuItem .block.type1 .itemImg_customField .customField .shuumatu { font-size: 30px; }

.tokuItem .block.type1 .customField .shuumatu .tokka,.tokuItem .block.type2 .customField .shuumatu .tokka{ font-size:20px; }

/*<span class="shuumatu" data-saleItemID="">6/23 1:59まで <span class="tokka">期間限定販売</span></span>*/
/*<span class="shuumatu" data-saleItemID="10004260&itype=1"><span class="tokka">クリックで</span>お気に入りに追加</span>*


/* ================================================================== */



@media screen and (min-width:780px){
/*.tokuItem { width: 976px; }*/
.tokuItem .block .price { font-size: 28px; bottom: 35px; }
.tokuItem .block .price .mini { font-size: 16px; }
.tokuItem .block .itemName  { font-size: 18px; height:55px; }
.tokuItem .block .itemDesc { font-size: 16px; }
span.iconFs, .iconOmk{ display:block; width:134px; height:30px; line-height:28px; font-size:18px; }
.tokuItem .block{height:580px;}
.tokuItem .block .info { height:300px; }
.tokuItem .block .oprice{ font-size:16px; bottom: 80px;}
.tokuItem .block .oprice_mini{ font-size:14px; }
.tokuItem .block .spOmk, .spCoupon, .motone, .spSale2{ font-size: 36px; }



.tokuItem .block.type1 .itemName { font-size: 22px; height:95px;}
.tokuItem .block.type1 .itemDesc { font-size: 18px; }
.tokuItem .block.type1 .price { font-size: 28px; }

.tokuItem .block.type2 .oprice { bottom: 45px; }

.tokuItem .block.type2 .itemDesc { font-size: 16px; }
.tokuItem .block.type2 .itemName { height:70px; }

.normal .tokuItem .block  { height:500px; }
.normal .tokuItem .block .info { height:230px; }
.normal .tokuItem .block.type2,
.normal .tokuItem .block.type2.small{ height:670px; }
.normal .tokuItem .block.type2 div.info {height:230px;}


}



@media screen and (max-width:760px){

.tokuItem .block .oprice, .tokuItem .block .icon, .tokuItem .block .price{ position: static;}

}