@charset "utf-8";
/* CSS Document */

/****************************************************************/
/*                                                              */
/* common style                                                 */
/*                                                              */
/****************************************************************/
/* clearfix
--------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	/*overflow: hidden;*/
}
/* Hides from IE Mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


/* float & clear
--------------------------------*/
.f_l { float:left; }
.f_r { float:right; }
.clr { clear:both; }


/* margin
--------------------------------*/
.mt5 {  margin-top:5px  !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }

.ml5 {  margin-left:5px  !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.ml60 { margin-left:60px !important; }
.ml70 { margin-left:70px !important; }

.mr5 {  margin-right:5px  !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }
.mr60 { margin-right:60px !important; }
.mr70 { margin-right:70px !important; }

.mb5 {  margin-bottom:5px  !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }



/* font
--------------------------------*/
.bold { font-weight:bold; }
.red {  color:#af0000; }


/* HTML
--------------------------------*/
html {
	font-size:62.5%;
}

body {
	font-size:14px;
	line-height:17px;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	color:#333333;
}

img {
	border: none;
	font-size: 0;
	line-height: 0;
	vertical-align: top;
}

.none {
	display:none;
}

a:link {    color:#000000; text-decoration:none; }
a:visited { color:#000000; text-decoration:none; }
a:hover {   color:#000000; text-decoration:none; }
a:active {  color:#000000; text-decoration:none; }

/* iPhone対応 submit＆textboxデフォルト装飾解除 */
input[type="submit"],
input[type="text"] {
	-webkit-appearance: none;
	border-radius: 0;
}

input[type="text"],
input[type="password"],
textarea,
select {
	font-size:1.6rem;
	outline:none;
	border:none;
}

input[type="text"] {
	line-height: 28px;
}

input[type="submit"]{
	background: url(../images/sp_search.png) no-repeat 50% 50%;
	background-size: 70%;
	float: right;
	width: 10%;
	height: auto;
	line-height: 28px;
	border: none;
	padding: 0;
	margin-right: 3%;
}

#searchbox {
	border: solid 1px #cccccc;
	outline:none;
	height:28px;
	
}

/****************************************************************/
/*                                                              */
/* default style                                                */
/*                                                              */
/****************************************************************/
#wrapper {
	width:100%;
}

#inner {
	padding:4%;
	background-color:#FFFFFF;
	
}

#inner .h_info {
	margin:10% 0 5% 0;
}

#inner .h_info .info_txt01 {
	padding:0 0 3px 0;
	font-size:1.8rem;
	font-weight:bold;
	color:#535353;
	border-bottom:1px solid #000000;
}

#inner .bn_area{
	padding:6% 0 6% 0;
	display: inline-block;
}

/*#inner .bn_area .poodle_bn{
	display: inline-block;
	background:url(../images/bnr_poodletop.png);
	width: 49%;
}

#inner .bn_area .poodle_bn:hover{
	display: inline-block;
	background:url(../images/bnr_poodletop_on.png);
}

#inner .bn_area .dog_bn{
	display: inline-block;
	background:url(../images/bnr_dogtop.png);
	width: 49%;
}

#inner .bn_area .dog_bn:hover{
	display: inline-block;
	background:url(../images/bnr_dogtop_on.png);
}*/


/****************************************************************/
/*                                                              */
/* category style                                               */
/*                                                              */
/****************************************************************/
#category {
	margin:0 0 50% 0;
}

#category h1 {
	margin:0 0 5% 0;
	background:url(../images/side_menu_ttlbg.png) left 50% repeat-x;
}

#category h1 p {
	width:135px;
	padding:0 10px 0 0;
	background-color:#e5e5e5;
}

#category h1 p img {
	width:100%;
}

#category #s-category li {
	background-color:#ffffff;
}

#category #s-category li.open {
	display:table;
	width:100%;
	margin:2% 0 0 0;
	padding:4% 0 4% 0;
}

#category #s-category li.open:first-of-type {
	margin:0;
}

#category #s-category li.open h2 {
	display:table-cell;
	padding:0 0 0 4%;
	font-size:1.5rem;
	font-weight:bold;
}

#category #s-category li.open i {
	display:table-cell;
	padding:0 4% 0 0;
	font-size:1.5rem;
	text-align:right;
}

#category #s-category li.close {
	padding:0 0 3% 0;
}

#category #s-category li.close ul li a p {
	padding:2% 0 2% 9%;
	font-size:1.4rem;
	background:url(../images/side_menu_ya02.png) 95% 50% no-repeat;
	background-size:7px;
}

#category #s-category li.black {
	margin:2% 0 0 0;
	background:url(../images/side_menu_ya01.png) 95% 50% no-repeat #000000;
	background-size:8px;
}

#category #s-category li.black h2 {
}

#category #s-category li.black h2 a {
	display:block;
	padding:4% 0 4% 5%;
	font-size:1.5rem;
	color:#ffffff;
}

.accordion .ac_inner {display: none;}
.accordion > li > p{cursor: pointer;padding:10px 0 10px 10px;font-weight: bold;}
.ac_inner p{}
#category #s-category ul li.ctgr_only > a {padding-left: 10px;font-weight: bold;}

/*カテゴリ*/
#category #s-category ul li{
	font-size: 1.4rem;
	background: url(../images/sp_fnavi_mark01.png) 95% 50% no-repeat;
	background-size: 7px;
	background-position: top 13px right 20px;
}

#category #s-category ul li a{
	display: block;
	width: 100%;
	padding:10px 0 10px 26px;
}

#inner #category #s-category .category_p .h_info .info_txt01{
	padding:0 0 3px 0;
	font-size:1.8rem;
	font-weight:bold;
	color:#f34c91;
	border-bottom:2px solid #f34c91;
}

#inner #category #s-category .category_d .h_info .info_txt01{
	padding:0 0 3px 0;
	font-size:1.8rem;
	font-weight:bold;
	color:#9e2326;
	border-bottom:2px solid #9e2326;
}

#inner #category #s-category .category_f .h_info .info_txt01{
	padding:0 0 3px 0;
	font-size:1.8rem;
	font-weight:bold;
	color:#996c33;
	border-bottom:2px solid #996c33;
}