img {
    max-width: 100%;
    height: auto;
}

/* 20151019コトブキソリューション様記述分　貼り付け */

/* 基本構造、メインメニュー、コンテンツ枠、フッター、リンク色 */
/* 基本・骨組み */
html {
	font-size: 62.5%;
}
body {
	font-size: 1.4rem;
	margin: 0;
	padding: 0;
	
	background-color:#ffffff;
	color:#333333;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Verdana", sans-serif;
}
ul { margin: 0; padding: 0; }
ol { margin-top: 0; margin-bottom: 0;}
h1,h2,h3,h4,p { margin: 0; padding: 0; font-size:100%; }
img { border: none; }

.bold { font-weight:bold; }

.text10 { font-size: 1.0em; }
.text11 { font-size: 1.1em; }
.text12 { font-size: 1.2em; }
.text14 { font-size: 1.4em; }
.text16 { font-size: 1.6em; }

.text-lh12 { line-height: 1.2em; }
.text-lh14 { line-height: 1.4em; }
.text-lh16 { line-height: 1.6em; }

.fclear { clear: both; }
.fleft  { float: left; }
.fright { float: right; }

.tleft   { text-align: left; }
.tright  { text-align: right; }
.tcenter { text-align: center; }

.pad3  { padding: 3px; }
.pad5  { padding: 5px; }
.pad8  { padding: 8px; }
.pad10 { padding: 10px; }

.pad3_w  { padding: 0px 3px; }
.pad5_w  { padding: 0px 5px; }
.pad8_w  { padding: 0px 8px; }
.pad10_w { padding: 0px 10px; }

.pad3_h  { padding: 3px 0px; }
.pad5_h  { padding: 5px 0px; }
.pad8_h  { padding: 8px 0px; }
.pad10_h { padding: 10px 0px; }

.margin3  { margin: 3px; }
.margin5  { margin: 5px; }
.margin8  { margin: 8px; }
.margin10 { margin: 10px; }

.margin3_w  { margin: 0px 3px; }
.margin5_w  { margin: 0px 5px; }
.margin8_w  { margin: 0px 8px; }
.margin10_w { margin: 0px 10px; }

.margin3_h  { margin: 3px 0px; }
.margin5_h  { margin: 5px 0px; }
.margin8_h  { margin: 8px 0px; }
.margin10_h { margin: 10px 0px; }
.margin15_h { margin: 15px 0px; }

.margin5_ht  { margin-top: 5px; }
.margin8_ht  { margin-top: 8px; }

.red    { color: #e13333; }
.green  { color: #1c9652; }
.orange { color: #e14833; }
.blue   { color: #0084be; }
.pink   { color: #de7791; }
.purple { color: #b646df; }
.aqua   { color: #41c1e8; }
.yellow { color: #fda005; }

.hide { display: none; }

.btn-light a:hover img { /* マウスオーバーで画像を明るく */
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/* 通常リンク関連 */
a:link { color: #333333; text-decoration: none; }
a:hover { color: #ff6a81; }
a:visited { color: #333333; }
a:visited:hover { color: #ff6a81; }

/* 共通・ヘッダー */
#header {

}
#header-area {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}
.header-left {
	width: 70%;
	float: left;
}
.header-right {
	width: 20%;
	margin-left: 10%;
	float: left;
}
.shoppingcart {
	padding: 1rem;
	margin-top: 30%;
	font-size: 3.0rem;
	background-color: #ff5e75;
	list-style-type: none;
	 /* 角丸 */
	border-radius: 10px; /* CSS3草案 */ 
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 10px; /* Firefox用 */
}
.shoppingcart2 {
	margin-top: 25%;
}

/* 共通・メインメニュー */
#header-menu {

}
#header-menu-area {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}
.mainmenu td {
	padding: 1.4em 0 1.4em 0;
	font-size: 3.0rem;
	font-weight: bold;
	background-color:#222222;
}
.mainmenu td a {
	display: block;
	color:#ffffff;
	text-decoration: none;
}
.mainmenu td a:hover {
	color:#ff6a81;
}

/* ヘッダー検索 */
#header-search {
	background-color:#fff7f8;
	margin-bottom: 4%;
}
#header-search-area {
	margin-left:auto;
	margin-right:auto;
}
.form1 {
	width: 90%;
	color:#555555;
	border:3px solid #cccccc;
	background:rgba(255,255,255,1);
	padding: 2rem 2rem 2rem 2rem;
	margin: 2%;
	font-size: 4.0rem;
	/* 角丸
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	   影
	-moz-box-shadow: inset 1px 4px 8px -10px rgba(0,0,0,0.5); 
	-webkit-box-shadow: inset 1px 4px 8px -10px rgba(0, 0, 0, 0.5); 
	box-shadow: inset 1px 4px 8px -10px rgba(0,0,0,0.5);
        */
}
.form2:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.keyword {
	font-size: 1.4rem;
}
.keyword a:link { 
	color: #ff6a81;
	text-decoration: none;
}
.keyword a:hover { 
	color: #ef3451;
}
.keyword a:visited { 
	color: #ff6a81;
}
.keyword a:visited:hover {
	color: #ef3451;
}


/* トップページ他・基本構造 */
#contents {

}
.contents980 {
	background-color:#ffffff;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding: 0px 0px 0px 0px;
}

/* アイテム上部 */
.itemlist-top {
	margin-left:auto;
	margin-right:auto;
}
.itemlist-top1 {
}
.itemlist-top2 {
}
.itemlist-top3 {

}
.itemlist-top-block1 {
	width: 92%;
	padding: 0 4% 0 4%;
	margin-bottom: 4%;
	float: left;
}
.itemlist-top-block2 {
	width: 44%;
	padding: 0 4% 0 4%;
	margin-bottom: 4%;
	float: left;
}
.itemlist-top-block3 {
	width: 44%;
	margin-bottom: 4%;
	float: left;
}




/* サイドメニュー・アコーデオンメニュー */

.top-category {
	width: 92%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 4%;
	margin-bottom: 4%;
	background-color: #f5f5f5;
	border: 6px solid #cccccc;
	padding: 1% 0% 1% 0%;
	 /* 角丸 */
	border-radius: 10px; /* CSS3草案 */ 
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 10px; /* Firefox用 */
}
.top-category li {
	list-style-type: none;
}
.accordion {
	font-size: 3.4rem;
	line-height: 1.4em;
	text-align: left;
}
.accordion .category1 {
	padding: 3% 3% 3% 3%;
	margin-bottom: 2px;
	font-weight: bold;
	border-bottom: 4px solid #cccccc;
	background-color: #f5f5f5;
}
.accordion p {
	background-image: url("../images/pic_category02g.png");
	background-repeat: no-repeat;
	background-position: right center;
}
.accordion p:hover {
	color: #ff6a81;
}
ul.accordion ul { display:none;} /* 小カテゴリーを閉じておく */

.accordion .kugiri {
	list-style-type: none;
	border-bottom: 2px solid #cccccc;
	background-color: #ffffff;
	padding: 3% 3% 3% 3%;
	margin-bottom: 2px;
	background-repeat: no-repeat;
	background-position: left center;
}

/* サイドメニュー・バナー */
.top-banner {
	width: 92%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 4%;
}
.top-banner-list {
	margin-bottom: 2%;
}

.side-bottom-menu {
	border: 2px solid #cccccc;
	margin: 1%;
	margin-bottom: 4%;
}
.side-bottom-menu-in {
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	padding: 1% 1% 1% 1%;
}
.side-bottom-menu-in li {
	font-size: 3.4rem;
	line-height: 1.6em;
	padding: 1% 1% 1% 5%;
	background-image: url("../images/pic_sidemenu_list02.png");
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
}


/* おすすめ */
.itemlist-recommend-title {
	text-align: left;
	width: 100%;
	margin-bottom: 4%;
}
.itemlist-recommend {
	width: 100%;
	margin-bottom: 4%;
}
.itemlist-recommend-block1 {
	width: 30%;
	margin-right: 0.5%;
}
.itemlist-recommend-block2 {
	width: 100%;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0.5%;
}
.itemlist-recommend-name {
	font-size: 3.4rem;
	line-height: 1.4em;
	padding: 6px 0 0 0;
}
.itemlist-recommend-block2 a:link { 
	color: #ed4d9a;
	text-decoration: none;
}
.itemlist-recommend-block2 a:hover { 
	color: #e53188;
}
.itemlist-recommend-block2 a:visited { 
	color: #ed4d9a;
}
.itemlist-recommend-block2 a:visited:hover {
	color: #e53188;
}
.itemlist-recommend-text {
	font-size: 2.4rem;
	line-height: 1.4em;
	padding: 0px 0 4% 0;
}

/* ピックアップ */

.itemlist-pickup-title {
	text-align: left;
	margin-bottom: 1%;
}
.itemlist-pickup {
	padding: 0% 0% 0% 1%;
	margin-bottom: 4%;
}
.itemlist-pickup-block {
	width: 31%;
	text-align: left;
	padding: 0 1% 1% 1%;
	float: left;
}


.itemlist-pickup-block a:link { 
	color: #ed4d9a;
	text-decoration: none;
}
.itemlist-pickup-block a:hover { 
	color: #e53188;
}
.itemlist-pickup-block a:visited { 
	color: #ed4d9a;
}
.itemlist-pickup-block a:visited:hover {
	color: #e53188;
}
.itemlist-pickup-name {
	font-size: 3.4rem;
	line-height: 1.4em;
	padding: 6px 0 0 0;
}
.itemlist-pickup-text {
	font-size: 2.4rem;
	line-height: 1.4em;
	padding: 0px 0 4px 0;
}

/* ランキング */
.itemlist-ranking-title {
	width: 100%;
	background-color:#333333;
	text-align: center;
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 4.0rem;
	font-weight: bold;
	padding: 1% 1% 1% 1%;
	margin-bottom: 1%;
}
.ranking-box-in {
	padding: 0% 0% 0% 1%;
	margin-bottom: 4%;
}
.ranking-box-block {
	width: 31%;
	text-align: center;
	padding: 0 1% 1% 1%;
	float: left;
}
.itemlist-ranking-name {
	font-size: 3.4rem;
	line-height: 1.4em;
	text-align: center;
}
.ranking-box-in a:link { 
	color: #ed4d9a;
	text-decoration: none;
}
.ranking-box-in a:hover { 
	color: #e53188;
}
.ranking-box-in a:visited { 
	color: #ed4d9a;
}
.ranking-box-in a:visited:hover {
	color: #e53188;
}

/* お知らせ */
.top-info-title {
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
}
.top-info-block {
	width: 94%;
	margin-left:auto;
	margin-right:auto;
	border-bottom: 2px solid #cccccc;
	margin-bottom: 1%;
}
.top-info-date {
	text-align: left;
	font-size: 3.0rem;
	line-height: 1.4em;
	background-color:#eeeeee;
	padding: 1% 1% 1% 1%;
	margin-top: 1%;
	margin-bottom: 1%;

}
.top-info-text {
	font-size: 3.0rem;
	line-height: 1.4em;
	text-align: left;
	padding: 1% 1% 1% 1%;
	margin-top: 1%;
	margin-bottom: 1%;

}

/* 商品ページ */
.h2-title {
	width: 100%;
	background-color:#333333;
	text-align: center;
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 4.0rem;
	font-weight: bold;
	padding: 1% 1% 1% 1%;
	margin-bottom: 2%;
}
.itemdata-photo-main {
	width: 94%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 2%;
}
.itemdata-photo-sub {
	width: 20%;
	text-align: left;
	padding: 1% 1% 1% 1%;
	margin: 1% 1% 1% 1%;
	border: 1px solid #cccccc;
	float: left;
}
.itemdata-photo-sub-area {
	padding: 0% 0% 2% 3%;
}
.itemdata-text-area {
	width: 100%;
	border-top: 2px solid #cccccc;
}
.itemdata-itemname {
	font-size: 3.4rem;
	line-height: 1.6em;
	font-weight: bold;
	border-bottom: 2px dotted #cccccc;
	padding: 2% 2% 2% 2%;
	background-color:#ffffff;
}
.itemdata-price {
	font-size: 3.4rem;
	line-height: 1.6em;
	font-weight: bold;
	border-bottom: 2px dotted #cccccc;
	padding: 2% 2% 2% 2%;
	background-color:#ffffff;
}
.itemdata-price .price {
	color: #ea4da5;
}
.itemdata-point {
	font-size: 3.4rem;
	line-height: 1.6em;
	font-weight: bold;
	border-bottom: 2px dotted #cccccc;
	padding: 2% 2% 2% 2%;
	background-color:#ffffff;
}
.itemdata-code {
	font-size: 3.4rem;
	line-height: 1.6em;
	font-weight: bold;
	border-bottom: 2px dotted #cccccc;
	padding: 2% 2% 2% 2%;
	background-color:#ffffff;
}
.itemdata-details {
	font-size: 3.0rem;
	line-height: 1.6em;
	border-bottom: 2px dotted #cccccc;
	padding: 2% 2% 2% 2%;
	background-color:#ffffff;
}
.itemdata-quantity {
	font-size: 3.4rem;
	line-height: 1.6em;
	font-weight: bold;
	border-bottom: 2px dotted #cccccc;
	padding: 2% 2% 2% 2%;
	background-color:#ffffff;
}
.itemdata-incart {
	padding: 2% 2% 4% 2%;
}
.itemdata-review {
	padding: 2% 2% 4% 2%;
}

/* 20151019コトブキソリューション様記述分　貼り付け 以上 */

/* 20151023コトブキソリューション貼り付け */
.layout_content {

}
.system_content {
	font-size: 3.0rem;
}
/* 20151023コトブキソリューション貼り付け 以上 */