@charset "utf-8";

	/*!
	 * TEMP： 子カテゴリ表示
	 * ECCUBE：v3.x
	 * CSS Information： style
	 * Copyright shiro8 all rights reserved.
	 */

	/* --------------------------------
		s8_nowOrder
	-------------------------------- */
	#s8_Child_category {
		padding:0 15px;
		clear:both;
		position:relative;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "游ゴシック", YuGothic, "Yu Gothic",, sans-serif;
	}

	#s8_Child_category #cat_child{
		width:100%;
	}

	/********** タイトル **********/
	#s8_Child_category .parent_title {
		padding:0;
		margin:0;
		cursor: pointer;
		border-bottom:#CCC dotted 1px;
	}
	#s8_Child_category .parent_title h2{
		font-size:18px;
		font-size:1.8rem;
		color:#333;
		margin:0;
		padding:10px;
	}
	#s8_Child_category .parent_title h2 a,
	#s8_Child_category .parent_title h2 a:link,
	#s8_Child_category .parent_title h2 a:hover,
	#s8_Child_category .panel-heading h2 a:focos,
	#s8_Child_category .parent_title h2 a:active,
	#s8_Child_category .parent_title h2 a:visited{
		text-decoration:none;
		color:#333;
	}


	/* 
	#s8_Child_category a .cat_close:after {
		width:36px;
		height:27px;
		padding:5px;
		margin-right:8px;
		text-align:center;
		float: right;
		background:#778899;
		border-radius:5px;
		box-shadow:0 1px 1px #CCC;
		content:url(../img/arrow-down.svg);
	}
	#s8_Child_category a.cat_open:after {
		width:36px;
		height:27px;
		padding:5px;
		margin-right:8px;
		text-align:center;
		float: right;
		background:#778899;
		border-radius:5px;
		box-shadow:0 1px 1px #CCC;
		content:url(../img/arrow-up.svg);
	}
	*/
	/********** 子カテ一覧 **********/
	#s8_Child_category .child_body{
		position:relative;
		width:100%;
		padding:15px 0;
	}

	#s8_Child_category .child_body ul.child_list{
		width:100%;
		font-size:14px;
		font-size:1.4rem;
		padding: 0;
		display:block;
		position:relative;
	}
	/* clearfix */
	#s8_Child_category .child_body ul.child_list:before,
	#s8_Child_category .child_body ul.child_list:after {
		display: table;
		content: " ";
	}
	#s8_Child_category .child_body ul.child_list:after {
		clear: both;
	}
	#s8_Child_category .child_body ul.child_list li {
		height:34px;
		margin:0;
		padding:0;
		line-height:1.2;
		text-align:left;
		display:block;
		position:relative;
		float:left;
	}
	#s8_Child_category .child_body ul.child_list li a{
		height:34px;
		line-height:1.2;
		background:url(../img/arrowR-circle.svg) 7px 1px no-repeat;
		padding:0 8px 0 25px;
		background-size:12px;
		display:inline-block;
		/*white-space: nowrap;*/
		white-space:normal;
	}
	#s8_Child_category .child_body ul.child_list > a{
		width:100%;
		margin:0;
	}
	#s8_Child_category ul.child_list li a,
	#s8_Child_category ul.child_list li a:link {
		color: #333;
		text-decoration: none;
	} 
	#s8_Child_category ul.child_list li a:hover,
	#s8_Child_category ul.child_list li a:focus {
		color: #F60;
		text-decoration: none;
	}
	#s8_Child_category p#cat_btn{
		padding: 0;
		margin:0 15px;
		display:block;
		position:relative;
		text-align:center;
		clear:both;
		fill:#FFF;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
	}
	#s8_Child_category p#cat_btn a{
		width:100%;
		padding: 8px 0;
		margin:0;
		background:#DCDCDC;
		display:block;
		position:relative;
		text-align:center;
		fill:#FFF;
		border-radius:3px;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
	}
	#s8_Child_category .child_body p#cat_btn a,
	#s8_Child_category .child_body p#cat_btn a:link {
		color: #FFF;
		text-decoration: none;
	}
	#s8_Child_category .child_body p#cat_btn a:hover,
	#s8_Child_category .child_body p#cat_btn a:focus {
		color: #FFF;
		text-decoration: none;
		background-color: #999;
	}
	#s8_Child_categoryp#cat_btn a img{
		outline:none;
		border: none;
	}
	#s8_Child_category p#cat_btn img a{
		outline:none;
		border: none;
	}

	#s8_Child_category.row >li{
		margin:0;
		padding:0;
	}


	/* ipad only(ヨコ) */
	@media screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio:0) {
	}
	/* ipad only(タテ) */
	@media screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio:0) {

	}

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

	}
	@media only screen and (max-width: 767px) {

	}
	}
	@media only screen and (max-width: 645px) {
		#s8_Child_category .child_body ul.child_list{
			width:100%;
			font-size:12px;
			font-size:1.2
		}
		#s8_Child_category .child_body ul.child_list li {
			height:40px;
		}
		#s8_Child_category .child_body ul.child_list li a{
			height:40px;
			line-height:1.2;
			background:url(../img/arrowR-circle.svg) 7px 0 no-repeat;
			padding:0 0 0 25px;
			background-size:12px;
			display:inline-block;
			/*white-space: nowrap;*/
			white-space:normal;
		}
	}

	#s8_Child_category .child_body p a img#cat_open_btn{
		display:none;
	}