@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html, body {
	font-family:"Noto Sans Japanese","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/****************************************
wrapper
****************************************/
body{
	font-size: 1.4rem;
}


.wrapper{
	border-right:8px solid #699ccf;
	border-left:8px solid #699ccf;
	/*background-color:#f5f5f5;*/
}

/******************************
header
******************************/
.header{
}

/********************
head-bar
********************/

.header .head-bar{
	background-color:#699ccf;
	padding:15px 0;
}

.header .head-bar h1{
	font-size:14px;
	color:#fff;
	margin:0;
	line-height:1.5;
	padding-left:0;
	padding-right:0;
}

.header .head-bar h1 a{
	color:#fff;
}

.header .head-bar ul#head-navi{
	margin-bottom:0;
	text-align:right;
	padding-right:0;
}

.header .head-bar ul li{
	padding-left:0;
	padding-right:0;
	float:right;
}

.header .head-bar ul li a{
	color:#fff;
}

.header .head-bar ul li a i{
	color:#fff;
	margin-right:0.5em;
}

.header .head-bar ul li button{
	background: none;
    border: none;
    color: #fff;
}

.header .head-bar ul li:hover button{
	text-decoration:underline;
}

.header .head-bar ul li button i{
	color:#fff;
	margin-right:0.5em;
}

/********************
head-content
********************/

.header .head-content{
	padding:20px 0;
}

.head-content{
}

.head-content .wrap{
	position:relative;
}

.header .head-content .site-logo{
	padding-left:0;
	padding-right:0;
	margin-bottom:0;
}

.header .head-content .site-logo img{
	max-width:222px;
}

.header .head-content .site-logo:hover img{
	opacity:0.75;
}

.header #glovalNavi{
	padding-left:0;
	padding-right:0;
}

.header .content-navi{
	margin-top:0;
	margin-bottom:0;
	padding-left:0;
}

.header .content-navi li{
	float:left;
}

.header .content-navi li a{
	color:#699ccf;
}
.header .content-navi li a span{
	color:#699ccf;
}

.header .user-navi{
	margin-top:5px;
	margin-bottom:0;
	padding-left:0;
	padding-right:0;
}

.header .user-navi li{
	padding-left:0;
	padding-right:0;
}

.header .content-navi li.open{
	position:relative;
}

.header .content-navi li.open:hover{
}

.header .content-navi li.open:hover > a{
	color:#fff;
	background-color:#699ccf;
}
.header .content-navi li.open:hover > a span{
	color:#fff;
	background-color:#699ccf;
}
.hov-rd{
	border-radius:4px 4px 0 0;
}

.header .content-navi li.open:hover > a i{
	color:#fff;
}

.header .content-navi li a{
	display:inline-block;
	padding:11px 10px;
	font-size:1.3rem;
}

.header .content-navi li a i{
	color:#699ccf;
}

.header .user-navi li a{
}

.header .user-navi li a i{
	color:#699ccf;
	font-size:2.4rem;
}

.header .user-navi li.user-navi a{
	position:relative;
}

.header .user-navi li a.cart span{
	background-color: #f89698;
	border-radius: 50em;
	font-size: 1.2rem;
	color: #fff;
	display: inline-block;
	padding: 4.5px 2.5px;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
	position: absolute;
	top: -10px;
	left: 15px;
	width:20px;
	height:20px;
	display:table;
}


/*hover処理*/
.header .content-navi li .hov-menu{
	position:absolute;
	/*background-color:#699ccf;*/
	/*border-radius:0 4px 4px 4px;*/
	z-index:99;
	left:0;
	top:100%;
	width:230px;
	/*box-shadow:0px 0px 6px 0px #699ccf;
	-moz-box-shadow:0px 0px 6px 0px #699ccf;
	-webkit-box-shadow:0px 0px 6px 0px #699ccf;*/
	display:none;
}

.header .content-navi li .hov-menu li{
	background-color:#699ccf;
}

.header .content-navi li.open .hov-menu li a{
	background-color:transparent;
}

.header .content-navi .person{
	position:relative;
}

.header .content-navi .person:after{
	content: "\e080";
    font-family: "Glyphicons Halflings";
    color: #fff;
    font-size: 1.2rem;
    font-weight: normal;
	position:absolute;
	right:0;
	top:27%;
	right:10px;
}

.header .content-navi .person:hover:after{
	color:#fff;
}

.header .content-navi li .hov-menu.child{
	display: block;
	top:0;
    left: 100%;
    border-radius: 0;
}

.header .content-navi li .hov-menu li{
	float:none;
	padding:0;
	width:100%;
}

/*
.header .content-navi li .hov-menu li:first-child{
	border-radius:0 4px 0 0;
}

.header .content-navi li .hov-menu li:last-child{
	margin-bottom:0;
	border-radius:0 0 4px 4px;
}
*/

.header .content-navi li .hov-menu li a{
	display:block;
	line-height:1.5;
	color:#fff;
}

.header .content-navi li .hov-menu li:hover{
	color:#fff;
	background-color:#497097;
}

.header .content-navi li .hov-menu li:hover ul li{
	background-color:#497097;
}


/**********
検索
**********/
#search{
	position:relative;
	display:none;
	background-color: #bce3d1;
}

#search.active{
	margin-top:15px;
}

#searchButton{
	cursor:pointer;
}

.search_inner{
	position: static;
	top: 57px;
	right: 0;
	width: 1020px;
	margin:0 auto;
	padding: 15px;
	z-index: 98;
}

.search_inner h1{
	font-size:2.4rem;
	color:#699ccf;
	margin:0 0 15px 0;
}

.search_inner .formlist dt{
	font-size:1.4rem;
	color:#333;
	font-weight:normal;
	margin-bottom:5px;
}

.search_inner .formlist{
	margin-bottom:10px;
}

.search_inner .formlist dd{
}

.search_inner .formlist dd select{
	border:1px solid #999;
	background-color:#fff;
	border-radius:4px;
	padding:5px;
	box-sizing:border-box;
	font-size:1.2rem;
	width:100%;
}

.search_inner .formlist dd input{
	border:1px solid #999;
	background-color:#fff;
	border-radius:4px;
	padding:5px;
	box-sizing:border-box;
	font-size:1.2rem;
	width:100%;
}

.search_inner .btn{
	width:70%;
	margin-left:15%;
}

.search_inner .search-button{
	position:static;
	width: 100%;
    text-align: center;
    padding: 5px 0;
    border-radius: 4px;
    background-color: #f89698;
    color: #fff;
    font-size: 1.4rem;
    border: none;
	display:block;
}



.input_search{
	position:relative;
}

.search_inner button{
	background: none;
	border: none;
	position: absolute;
	right: 7px;
	top: 6px;
}

.search-formlist{
	position:relative;
	width:640px;
}

.search-formlist input{
	border:none;
	padding:5px 10px;
	border-radius:4px;
	width:100%;
	box-sizing:border-box;
	margin-bottom:10px;
	
}

.search-formlist button.bt{
	position:absolute;
	right:5px;
	top:4px;
}

.search-formlist button.bt i{
	color:#ccc;
	font-size:1.6rem;
}

.form-control{
	margin-bottom:10px;
}

/******************************
パンくずリスト
******************************/
.topicpath{
	margin-bottom:30px;
	padding:10px 10px 12px 10px;
	/*background-color:#f5f5f5;*/
	border-radius:4px;
	border:1px dashed #ddd;
}

.topicpath ol{
}

.topicpath ol li{
	display:inline-block;
	font-size:1.2rem;
}

.topicpath ol li{
	color:#ccc;
}

.topicpath ol li:after{
    content: "\f054";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding:0 .5em;
}

.topicpath ol li:last-child:after{
	content:"";
}

.topicpath ol li a span{
	color:#999;
}

.topicpath ol li a:hover span{
	color:#333;
}

/******************************
side-navi
******************************/
.side-navi{
	width:200px;
	/*float:left;*/
	float: right;
}

.side-navi ul{
}

.side-navi ul li{
	font-size:1.2rem;
	position:relative;
	font-weight:500;
	border-bottom:1px solid #fff;
}

.side-navi ul li:last-child{
	border:none;
}

.side-navi ul li a{
	color:#476c92;
	padding:13px 10px;
	display:block;
}

.side-navi ul li a:hover{
	text-decoration:none;
	opacity:.5;
	text-decoration:underline;
}

.side-navi ul li a:after{
	content: "\e080";
    font-family: "Glyphicons Halflings";
    color: #699ccf;
	float: right;
    font-size: 1.2rem;
    font-weight: normal;
}

.side-navi ul li ul{
	display:none;
	background-color:#f5f5f5;
}

.side-navi ul li ul li{
}


#guide_area li{
	margin-bottom:10px;
}

ul.button_like li{
	background:#fff none;
	font-weight:normal;
	margin-bottom:10px;
}

ul.button_like li a{
	border:none;
	background:none;
}

/*ステータス画像*/
.status_icon{
}

.status_icon li{
	display:inline-block;
}

.status_icon li span{
	color:#fff;
	display:inline-block;
	padding:2px 6px;
	font-size:1.1rem;
	border-radius:4px;
}

.status_icon li span.icon1{
	background-color:#f00;
}

.status_icon li span.icon2{
	background-color:#913982;
}

.status_icon li span.icon3{
	background-color:#4896d5;
}

.status_icon li span.icon4{
	background-color:#80af20;
}

.status_icon li span.icon5{
	background-color:#ff5983;
}


/*カテゴリ*/

.side-navi ul.side-category{
	margin-bottom:15px;
	border-radius:4px;
	background-color:#e9eff5;
}

.side-navi ul.side-category li{
	margin-bottom:1px;
}

.side-navi ul.side-category li.open a:after{
    content: "\002b";
}

.side-navi ul.side-category li.open a.active:after{
	content: "\2212";
}

.side-navi ul.side-category li:last-child{
	margin-bottom:0;
}

.side-navi ul.side-category li ul li{
	background-color:#fff;
	text-indent:1em;
}

.side-navi ul.side-category li.open ul li a:after{
	content: "\e080";
}

.side-navi ul.side-category li.open ul li a.active:after{
	content:"\e080";
}


/********************
ログイン
********************/
#login_area{
	width:100%;
	box-sizing:border-box;
	background-color:#f5f5f5;
	margin-bottom:15px;
	padding-bottom:10px;
}

#login_area .nav-heading{
	padding:10px;
	margin-bottom:10px;
	background-color:#699ccf;
	color:#fff;
	border-radius:4px 4px 0 0;
}

/*.nav-heading:before{
	content: "\f1b0";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin-right:0.25em;
	transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-webkit-transform: rotate(7deg);
}*/

.nav-heading:before{
	content: "\f005";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin-right:0.25em;
	color: #fff;
}

#login_area .nav-heading i{
	color:#fff;
}

#login_area .block_body{
	padding:0 10px;
}

#login_area .block_body dl{
	margin-bottom:10px;
}

#login_area .block_body dl:last-child{
	margin-bottom:0;
}

#login_area .block_body dl dt{
	font-size:1.4rem;
	font-weight:normal;
	/*color: #999;*/
	color:#333;

}

#login_area .block_body dl dd{
}

#login_area .block_body dl dd input[type="text"]{
	background-color:#f5f5f5 !important;
	border:1px solid #ddd;
	border-radius:4px;
	padding:5px;
	box-sizing:border-box;
	width:100%;
	font-size:1.2rem;
}

#login_area .block_body dl dd input[type="password"]{
	background-color:#f5f5f5 !important;
	border:1px solid #ddd;
	border-radius:4px;
	padding:5px;
	box-sizing:border-box;
	width:100%;
	font-size:1.2rem;
}

#login_area .block_body dl dd.mini{
	margin-top:5px;
	font-size:1.1rem;
}

#login_memory{
	border-radius:4px;
	background-color:#f5f5f5;
	border:1px solid #ddd;
}

#login_area .block_body dl dd label span{
	font-size: 1.1rem;
    display: inline-block;
    vertical-align: text-bottom;
	margin-left:0.5em;
}

#login_area .block_body .login-btn{
	width:100%;
	text-align:center;
	padding:5px 0;
	border-radius:4px;
	background-color:#f89698;
	color:#fff;
	font-size:1.4rem;
	border:none;
}

#login_area .block_body .login-btn:hover{
	opacity:0.75;
}

#login_area .block_body .message{
	padding-top:10px;
}

.form-list dd input{
	width:100%;
}

.form-list dd .login_memory input{
	width:auto;
}

.message{
	font-size:1.4rem;
}

/********************
カート
********************/
#cart_area{
	background-color:#f5f5f5;
	margin-bottom:15px;
}

#cart_area .nav-heading{
	padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
	background-color:#699ccf;
	color:#fff;
	border-radius:4px 4px 0 0;
}

#cart_area .nav-heading i{
	color:#fff;
}

#cart_area a.cart-button{
	width:100%;
	font-size:1.4rem;
	text-align:center;
}

div#undercolumn_cart .point_announce{
	padding: 15px;
	margin-bottom: 20px;
	border:none;
	background:#fffaf0;
	background-color:#f5f5f5;
	font-size:1.4rem;
	text-align: left;
	border-radius:4px;
}

/********************
バナー
********************/

.side-navi .banner-area{
}

.side-navi .banner-area li{
	border:1px solid #eee;
}

.side-navi .banner-area li a{
	padding:0;
}

.side-navi .banner-area li a:after{
	content:"";
	display:none;
}

/******************************
main
******************************/
main{
	/*float:left;*/
	width:800px;
	/*margin-right:20px;*/
	float: right;
	margin-left: 20px;
}

/********************
タイプ別・部位別
********************/
.type-search{
	margin-bottom:30px;
}

.type-search .innner{
	float:left;
	width:250px;
	box-sizing:border-box;
	background-color:#fff;
}

.type-search .innner figure{
	margin-bottom:15px;
	display: none;
}

.type-search .innner .heading{
	/*font-size:2.1rem;*/
	padding:0;
	margin-bottom:15px;
	font-weight:bold;
	font-size: 1.8rem;
	margin-top: 10px;
}

.type-search .innner ul{
	padding:0x;
	margin-bottom:20px;
}

.type-search .innner ul li{
	margin-bottom:10px;
}

.type-search .innner ul li a{
	display:block;
	text-align:center;
	color:#fff;
	padding:10px 0;
	border-radius:4px;
	font-size:1.4rem;
}

.type-search .innner ul li a:hover{
	opacity:0.75;
	text-decoration:none;
}

.type-search .innner ul li:last-child{
	margin-bottom:0;
}

.type-search .dog{
	margin-right:25px;
}

.type-search .dog .heading{
	color:#79cfa6;
}

.type-search .dog ul li a{
	background-color:#79cfa6;
}

.type-search .cat{
	margin-right:25px;
}

.type-search .cat .heading{
	color:#fb9a9a;
}

.type-search .cat ul li a{
	background-color:#fb9a9a;
}



.type-search .generic{
	background-color:#fff;
}

.type-search .generic .heading{
	color:#79bdd5;
}

.type-search .generic ul li a{
	background-color:#79bdd5;
}



/********************
おすすめ商品
********************/

main .pop-item-list .items{
	width:260px;
	box-sizing:border-box;
	float:left;
	margin-right:10px;
	padding:0;
	position:relative;
}

main .pop-item-list .items:last-child{
	margin-right:0;
}

main .pop-item-list .items a{
	display:block;
	padding:0 20px 60px 20px;
	text-decoration:none;
	background-color:#fff;
    border: 1px solid #eee;
}

main .pop-item-list .items figure{
	text-align:center;
}

main .pop-item-list .items figure:hover{
	opacity:0.75;
}

main .pop-item-list .items a span.category{
	font-size:1.0rem;
	border:1px solid #699ccf;
	padding:3px 6px;
	color:#699ccf;
	display:inline-block;
	margin-right:5px;
}

main .pop-item-list .items a:hover .item-name{
	text-decoration:underline;
}

.pop-item-list .item-name{
	font-size:1.6rem;
	margin-bottom:10px;
	line-height:1.5;
	word-break:break-all;
}

.review{
	display:inline-block;
	margin-bottom:10px;
}

.review i{
	color:#ff9c00;
}

.pop-item-list .price{
	color:#db0000;
	font-size:2.4rem;
	margin-bottom:0;
	position:absolute;
	bottom:20px;
	right:20px;
}

.pop-item-list .price span{
	font-size:1.2rem;
	color:#db0000;
}

.more{
	display:inline-block;
	width:100%;
	text-align:right;
}

/********************
商品一覧
********************/
.wrap.item-list{
	/*border:1px solid #eee*/;
	box-sizing:content-box;
	margin-bottom:15px;
}

.item-list .items{
	box-sizing:border-box;
	padding-left:0;
	padding-right:0;
	background-color:#fff;
	/*padding:0 15px 45px 15px;*/
	padding:0 15px 15px 15px;
	position:relative;
}

.top.item-list .items{
}

.item-list .items .items-wrap{
	border-bottom:1px solid #ddd;
	padding-bottom:15px;
}

.top.item-list .items .price{	
	margin-bottom: 0;
}

.item-list .items a:hover{
	text-decoration:none;
}

/*詳細文章*/
.item-list .items .description{
	font-size:1.2rem;
	color:#666;
}

/*検索キーワード*/
.search-word{
	margin-bottom:0;
}

.search-word li{
	font-size:1.0rem;
	display:inline-block;
	margin-bottom:5px;
	margin-right:5px;
}

.search-word li a{
	display:block;
	color:#fff;
	padding:5px;
	border-radius:4px;
}

.search-word li a:hover{
	opacity:0.75;
	text-decoration:none;
}

.search-word li a.dog{
	
	background-color:#79cfa6;
}

.search-word li a.cat{
	background-color:#fb9a9a;
}

.search-word li a.other{
	background-color:#38bc80;
}

.generic{
	background-color:#79bdd5;
}

.search-word{
	margin-bottom:0;
}

.item-details .search-word li{
	font-size:1.4rem;
}

.item-details .search-word li a{
	padding:5px 10px 7px 10px;
	font-size:1.2rem;
}

.item-details .search-word li a:hover{
	text-decoration:none;
	opacity:0.75;
}

/*カテゴリ*/

.category-list{
}

.category-list li{
	font-size:1.1rem;
	float:left;
	margin-right:5px;
	line-height:1.5;
	color:#666;
}

.item-list .items span.category{
	font-size:1.1rem;
}

/*件数*/
.number-of-items{
	margin-bottom:5px;
}

img.picture{
	border:none;
}

.item-list .items a.item-link{
	text-decoration:none;
}

.item-list .items a:hover{}

.item-list .items figure{
	text-align:center;
}

.item-list .items figure:hover{
	opacity:0.75;
}

.item-list .items .category{
	font-size:1.2rem;
	color:#666666;
}

.item-list .items .item-name{
	font-size:1.4rem;
	line-height:1.5;
	margin-bottom:5px;
	margin-top:0;
}

.item-list .items a:hover .item-name{
	text-decoration:underline;
}

.item-list .items .price{
	font-size:1.4rem;
	text-align:left;
	font-weight: bold;
    /*color: #db0000;*/
	/*position:absolute;*/
	margin-bottom:0;
}

.item-list .items .mini{
	margin-bottom:0;
}

.item-list .items .price span{
/*	color:#db0000;*/
	font-size:1.0rem;
}

.price .item-price{
/*	color:#f00;*/
	font-weight:bold;
	font-size:1.4rem !important;
}

.item-list .items .price .small{
	font-size:1.0rem;
}

/*詳細ボタン*/
.detail_btn{
	text-align:right;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.detail_btn a{
    font-size: 1.2rem;
    padding: 10px;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    background-color: #699ccf;
    text-align: center;
    display: inline-block;
}

.detail_btn a i{
	color:#fff;
	margin-right:5px;
}

.detail_btn a:hover{
	color:#fff;
	text-decoration:none;
	opacity:0.75;
}

/*数量*/
.quantity{
	margin-bottom:10px;
}

.quantity dt{
	display:inline-block;
	font-weight:normal;
	font-size:1.2rem;
}

.quantity dt:after{
	content:":";
	padding:0 5px;
}

.quantity dd{
	display:inline-block;
}

.quantity dd input{
	display:inline-block;
	width:3em;
	padding:5px;
	font-size:1.2rem;
	text-align:right;
}

/******************************
footer
******************************/
.footer{
	background-color:#e9eff5 !important;
	padding:40px 0 0 0;
}

.footer .wrap{
}


/********************
logo
********************/
.footer .site-logo{
	padding-left:0;
}

.footer .site-logo a:hover{
	opacity:0.75;
}

.footer .site-logo img{
	max-width:222px;
}

/********************
sns
********************/
.footer .sns-area{
	display:table;
	margin-left:auto;
	margin-right:auto;
}

.footer .sns-area li{
	display:inline-block;
	padding:0 5px;
}

.footer .sns-area li a{
	display:block;
}

.footer .sns-area li a i{
	font-size:4.2rem;
}

.footer .sns-area li.twitter a i{
	color:#5fa8db;
}

.footer .sns-area li.facebook a i{
	color:#465092;
}

.footer .sns-area li.instagram i{
	color:#211f1f;
}

.footer .sns-area li a img{
	vertical-align:bottom;
}

.footer .sns-area li.line img{
	height:36px;
}


/********************
right-content
********************/
.footer .right-content{
	padding-right:0;
}

.footer .right-content dt{
	font-size:2.0rem;
	margin-bottom: 10px;
}

/**********
right-content
**********/

.foot-navi{
}

.foot-navi li{
	margin-right:10px;
	display:inline-block;
}

.foot-navi li:after{
	content:"|";
	margin-left:10px;
}

.foot-navi li a{
	color:#333;
	font-size:1.2rem;
}

.foot-navi li:last-child{
	margin-right:0;
}

.foot-navi li:last-child:after{
	content:"";
	margin-left:0;
}

/*
copy right
*/
.footer p.copy{
	text-align:center;
	color:#fff;
	font-size:1.2rem;
	background-color:#699ccf;
	padding:15px 0;
	margin-bottom:0;
}

.footer p.copy span{
	color:#fff;
}

.footer p.copy span a{
	color:#fff;
	text-decoration:none;
}


/****************************************
商品一覧ページ
****************************************/
.sort-wrap{
	background-color:#f5f5f5;
	padding:15px;
	border-radius:4px;
	margin-bottom:30px;
}


.sort-area{
	display:inline-block;
	margin-bottom:0;
}

.sort-area dt{
	display:inline-block;
	font-weight:normal;
}

.sort-area dt:after{
	content:":";
	padding:0 5px;
}

.sort-area dd{
	display:inline-block;
}

.sort-area dd select{
	border:1px solid #eee;
	padding:4px 8px;
}

/*カテゴリ詳細分*/
.categoryfreearea{
	/*border:1px solid #ddd;
	padding:20px;*/
	margin-bottom:15px;
	border-radius:4px;
	font-size:1.4rem;
}

/****************************************
商品ページ
****************************************/
.item-details{
}

.item-name{
	color: #699ccf;
	font-size: 2.7rem;
	margin: 5px 0 0 0;
	border: none;
	background: none;
	border-bottom: none;
	border-top: none;
	display: block;
}

.maker-name{
	font-size:1.2rem;
	color:#999;
	margin-bottom:0;
}

/****************************************
マイページ
****************************************/
div#mynavi_area div.point_announce p{
	margin-bottom:0;
	background:none;
	padding:0;
}


/******************************
商品写真
******************************/

.item-details .thumbnail-area{
	margin-right:20px;
	width:300px;
	float:left;
}

.item-details .thumbnail-area figure{
	text-align:center;
}

.item-details .thumbnail-area figure img{
	border:1px solid #eee;
}

.item-details .thumbnail-area .item-thumb-list{
	display:table;
	margin:0 auto;
}

.item-details .thumbnail-area .item-thumb-list li{
	display:table-cell;
	padding:0 5px;
	width:92px;
}

.item-details .thumbnail-area .item-thumb-list li a{
}

.item-details .thumbnail-area .item-thumb-list li a img{
	border:1px solid #eee;
}




/*詳細*/
.details{
	width:480px;
	float:left;
}

.details dl{
	border-bottom:1px solid #ddd;
	margin-bottom:0;
	display:table;
	width:100%;
}

.details dl dt{
	padding:20px 0;
	vertical-align:middle;
	font-size:1.6rem;
	display:table-cell;
	width:120px;
	font-weight:500;
}

.details dl dd{
	vertical-align:middle;
	font-size:1.6rem;
	width:360px;
	display:table-cell;	
}

.number select{
	border-radius:4px;
	width:60px;
	padding:3px 8px;
}


/*価格*/
.details .price-area{
}

.details .price-area dd{
}

.details .price-area dd span{
	font-size: 1.2rem;
	color: #f00;
	font-weight:400;
	display:inline-block;
	vertical-align:sub;
}

.details .price-area .price{
	display: inline-block;
    font-size: 2.4rem;
    color: #f00;
    font-weight: bold;
    vertical-align: middle;
}

.details .price-area .unit{
	margin-right:0.25em;
}

/*ポイント*/
.details .point-area{
    margin-left: 1em;
}


.details .point-area span{
	color: #f00;
	font-weight:bold;
}

.details .point-area .unit{
	font-size: 1.2rem;
	display:inline-block;
	font-weight:400;
}

#point_default{
	font-size:1.4rem;
	font-weight:600;
}

.details .price-area dd span.point-txt{
	color:#333;
	display:inline-block;
}

/*送料*/
.details .postage-area{
	margin-bottom:15px;
	font-size:1.4rem;
	text-align:center;
}

.details .postage-area span{
	color:#f00;
	font-weight:500;
}



/*カートボタン*/
.cart-in-button{
	font-size: 1.6rem;
    background-color: #f89698;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    display: block;
    padding:15px 0;
	text-align:center;
}

.cart-in-button i{
	color:#fff;
    padding-right: 0.5em;
}

.cart-in-button:hover{
	color:#fff;
	text-decoration:none !important;
	opacity:0.75;
}

/******************************
商品詳細
******************************/

/*その他のサイズの商品*/
.other-size-items{
}

.other-size-items .headline{
	font-size:1.8rem;
	font-weight:500;
	margin-top:0;
}

.other-size-items ul{
	margin-bottom:-5px;
}

.other-size-items ul li{
	margin-bottom:5px;
}

.other-size-items ul li:hover:before{
	color:#333;
}

.other-size-items ul li:before{
	content: "・";
	display: inline-block;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#337ab7;
}

.other-size-items ul li a{
	text-decoration:underline;
}

.other-size-items ul li a:hover{
	text-decoration:none;
}

/*目次*/
.table-of-contents{
	border:1px solid #ddd;
	border-radius:4px;
	padding:20px;
	margin-top:90px;
	margin-bottom:45px;
}

.table-of-contents h3{
	margin-top:0;
	font-size:1.8rem;
	font-weight:500;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #ddd;
}

.table-of-contents ol{
	margin-bottom:0;
}

.table-of-contents ol li{
	list-style:disc;
	list-style-position:outside;
	list-style:none;
	margin-bottom:15px;
	font-size:1.5rem;
}

.table-of-contents ol li:before{
	content:"\f0d7";
	display: table-cell;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	box-sizing:border-box;
	font-size:1.4rem;
	color:#337ab7;
	padding-right:0.5em;
	vertical-align:middle;
}

.table-of-contents ol li:last-child{
	margin-bottom:0;
}

.table-of-contents ol li a{
	display: table-cell;
	line-height:1.4;
}



.item-details .details-area{
	background-color:#fff;
}

.item-details .details-area .order-area{
	margin-bottom:60px;
}

.details-area ul li{
	float:none;
	vertical-align:bottom;
	font-size:1.4rem;
	margin-bottom:0.5em;
	line-height:1.5;
}

/*商品カテゴリ*/
.category-list{
	margin-bottom:8px;
}

.category-list li{
	display:inline-block;
	margin-right:5px;
}

.category-list li a{
	border:1px solid #699ccf;
	color:#333;
	display:inline-block;
	padding:5px 10px;
	border-radius:4px;
	box-sizing:border-box;
	color:#699ccf;
}

.category-list li a:hover{
	border:none;
	background-color:#fff;
	text-decoration:none;
	border:1px solid #699ccf;
}


/*レビュー部分*/
.total-reviews{
	padding: 10px;
	background-color: #f5f5f5;
	border-radius: 4px;
	margin: 10px 0 13px 0;
}

.total-reviews .rev-stars{
    font-size: 1.4rem;
    margin-right: 0.25em;
	display:inline-block;
	color:#666;
	margin-bottom:0;
}

.total-reviews .rev-stars span{
	color:#666;
}

.total-reviews .rev-stars i{
	color: #f7bb13;
}

.total-reviews .rev-stars i.empty-stars{
	color:#999;
}

.ratingValue{
	display:inline-block;
	margin-left:0.5em;
}

.total-reviews .counts{
	display:inline-block;
	font-size:1.4rem;
}

.total-reviews .counts:hover{
	color:#666;
}

.total-reviews .counts span{
	color:#337ab7;
}

.total-reviews .counts:hover span{
	color:#666;
}

.punctuation{
	padding:0 0.25em;
}

.total-reviews .no-review{
	margin-bottom:0;
	display:inline-block;
	font-size:1.4rem;
}


/********************
商品名周り
********************/

.item-details .details-area header{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #eee;
}

.item-details .details-area .review{
	margin-bottom:5px;
}

.item-details .details-area .item-name{
	font-size:2.4rem;
	margin-top:0;
	margin-bottom:0;
	line-height:1.5;
}

.item-details .details-area .maker-name{
	margin-bottom:0;
	line-height:1;
}

.item-details .details-area .maker-name small{
	color:#999;
}

/********************
価格
********************/

.item-details .details-area dl.price{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #eee;
}

.item-details .details-area .price dt{
	font-size:1.6rem;
	display:inline-block;
	margin-right:30px;
	vertical-align:middle;
}

.item-details .details-area .price dd{
	display:inline-block;
	font-size:2.4rem;
	color:#f00;
	font-weight:bold;
	vertical-align:middle;
}

.item-details .details-area .price dd span.price{
	display: inline-block;
	font-size: 2.4rem;
	color: #f00;
	font-weight: bold;
	vertical-align: middle;
}

.item-details .details-area .price dd span{
	font-size:1.2rem;
	color:#f00;
	font-weight:bold;
}

/********************
個数
********************/

.item-details .details-area .number{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #eee;
}

.item-details .details-area .number dt{
	font-size:1.6rem;
	display:inline-block;
	margin-right:30px;
	vertical-align:middle;
}

.item-details .details-area .number dd{
	display:inline-block;
	vertical-align:middle;
}

.item-details .details-area .number dd input{
	font-size:1.4rem;
	color:#333;
	text-align:right;
	padding:4px 8px;
	width:4em;
}

/********************
タブ部分
********************/
.tab-content-child{
	/*display:none;*/
}

.tab-navigation{
	border-bottom:4px solid #699ccf;
}

.tab-navigation li{
	display: inline-block;
}

.tab-navigation li a{
	padding: 15px 25px 11px 25px;
	display: inline-block;
	color: #999;
	font-weight: bold;
	text-decoration: none;
	border-radius:4px 4px 0 0;
	background-color:#f5f5f5;
	vertical-align:bottom;
}

.tab-navigation li a.active{
	background-color:#699ccf;
	color:#fff;
}

.item-details .details-area .price dd.point{
	font-size:1.2rem;
}

/********************
商品説明
********************/
.item-description-text{
	font-size:1.6rem;
	padding:15px 15px 17px 15px;
	background-color:#f5f5f5;
	margin-bottom:45px;
}

.item-description{
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px dashed #ddd;
}



.item-description:last-child{
	padding:0;
	margin-bottom:0 !important;
	border:none;
}

.relative_cat{
	background:none;
    padding-bottom: 5px;
	margin-bottom:0;
}

.relative_cat dt{
	margin-bottom:10px;
}

.relative_cat dd{
	margin-left:0;
}

.relative_cat dd a{
	border: 1px solid #699ccf;
    padding: 5px 10px;
    border-radius: 4px;
    display: inline-block;
    color: #699ccf;
	margin-right:10px;
	margin-bottom:10px;
}

.relative_cat dd a i{
	color:#699ccf;
}

.relative_cat dd a:hover{
	text-decoration:none;
	opacity:0.75;
}

.item-description ul{
	margin-bottom:0;
}

.item-description ul li{
}

.item-description p{
	margin-bottom:10px;
	font-size:1.6rem;
}

.item-description p.attention{
	font-size:1.4rem;
	font-weight:bold;
}

.item-description p:last-child{
	margin-bottom:0;
}

.item-description table{
	border:1px solid #ddd;
	width:100%;
	margin-bottom:10px;
	border-collapse:collapse;
}

.item-description table thead tr th{
	background-color:#699ccf;
	color:#fff;
	font-weight:bold;
	width:auto;
	min-width:150px;
}

.item-description table tr{
	border-bottom:1px solid #ddd;
}

.item-description table tr th{
	border-right:1px solid #ddd;
	padding:10px 15px;
	width:15%;
	min-width:100px;
	font-weight:bold;
	border-bottom:none;
	background-color:#fff;
	vertical-align:middle;
}

.item-description table.wide tr th{
	width:35%;
}

.item-description table tr td{
	padding:10px 15px;
	border-bottom:none;
	border-right:none;
	vertical-align:middle;
}

.item-description table tr:nth-child(even) th{
	background-color:#f5f5f5;
}

.item-description table tr:nth-child(even) td{
	background-color:#f5f5f5;
}

.details-area ul.check-point{
}

.details-area ul.check-point li{
	list-style:none;
	font-size:1.4rem;
	margin-bottom:0.5em;
}

.details-area ul.check-point li:last-child{
	margin-bottom:0;
}

.details-area ul.check-point li i{
	color:#f89698;
	margin-right:0.5em;
}


.ingredient table{
	border: 1px solid #ccc;
}

.ingredient p{
	font-size:1.4rem;
}


/********************
レビュー
********************/

.review-title{
	font-size:1.4rem;
	font-weight:bold;
}

.review-title .recommend_level{
	margin-right:0.5em;
}


.review-comment{
}

.review-info{
}

.review-info span{
	display:inline-block;
	margin-right:0.5em;
}

.review-comment .comment{
	margin-bottom:0px;
}

.review-comment{
	border:1px dashed #ccc;
	padding:15px;
	border-radius:4px;
	margin-bottom:15px;
}


/*
お気に入り
*/
.favorite{
}

.favorite .item-image{
	width:120px;
}

/********************
関連商品
********************/
.wrap.item-list.involved_slide{
}

.slick-dots{
	text-align:center;
	display:table;
}

.wrap.item-list.involved_slide .slick-dots{
	display:table;
	margin:auto;
	text-align:center;
}



/*
利用規約
*/
div#undercolumn_entry .kiyaku_text{
	margin:0 auto 30px auto;
	padding:10px;
	box-sizing:border-box;
	width:100%;
	height:300px;
}

/*購入画面*/
.sign-up{
	float:left;
	width:48%;
}

.no-sign-up{
	float:right;
	width:48%;
}


/********************
部位別・病気別ページ
********************/
.pop-search-word{
	padding: 20px;
	border-radius: 4px;
	border: 1px dashed #699ccf;
}


.disease{
}

.bt-list{
	margin-bottom:-5px;
}

.bt-list li{
	display:inline-block;
	margin-right:5px;
	margin-bottom:5px;
	font-size:1.4rem;
}

.bt-list li a{
	display:block;
	border: 1px solid #699ccf;
    padding: 5px 10px;
    border-radius: 4px;
    color: #699ccf;
}


.bt-list li a:before{
	content: "\f02b";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin-right:0.25em;
}

.bt-list li a:hover{
	opacity:0.75;
	text-decoration:none;
}


/*絞込リスト*/
.narrowing{
}

.narrowing dt{
	background-color:#79bdd5;
	font-size:1.8rem;
	color:#fff;
	text-align:center;
	padding:10px 0;
	cursor:pointer;
	clear:both;
	position:relative;
}

.narrowing dt:after{
	content: "\f13a";
	color:#fff;
	display: inline-block;
    font: normal normal normal 18px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	position:absolute;
	right:15px;
	top:32%;
}

.narrowing dt.active:after{
	content:"\f00d";
}

.narrowing dd{
	border-left:1px solid #d7dbdd;
	border-right:1px solid #d7dbdd;
	border-bottom:1px solid #d7dbdd;
}

.narrowing-list{
	padding:15px;
	box-sizing:border-box;
	border-bottom:1px solid #d7dbdd;
	margin-bottom:0;
}

.narrowing-list li{
	display:inline-block;
	margin-right:5px;
	margin-bottom:10px;
}

.narrowing-list li label{
	border-radius:10px;
	padding:10px 30px;
	background-color:#ccc;
	font-size:1.4rem;
	color:#fff;
	cursor:pointer;
	margin:0;
}

.narrowing-list li label.active{
	background-color:#79bdd5;
	position:relative;
}

.narrowing-list li label.active:before{
	content: "\f00c";
	color:#fff;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin-right:0.25em;
}

.narrowing-button{
	padding:15px;
	margin-bottom:0;
	display:table;
	margin:auto;
}

.narrowing-button li{
	display:table-cell;
}

.narrowing-button button{
	width:100%;
	box-sizing:border-box;
	border:none;
	border-radius:4px;
	padding:15px 0;
	text-align:center;
	font-size:1.6rem;
	width:200px;
	font-weight:bold;
	opacity:0.75;
}

.narrowing-button .all-select{
	float:left;
	margin-right:20px;
}

.narrowing-button .all-select button:hover{
	opacity:1;
}

.narrowing-button .all-release{
	float:right;
}

.narrowing-button .all-release button:hover{
	opacity:1;
}

.narrowing-button .all-select button{
	background-color:#222;
	color:#fff;
}

.narrowing-button .all-select button:before{
	content: "\f00c";
	color:#fff;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	padding-right:0.5em;
}

.narrowing-button .all-release button{
	background-color:#bbb;
	border-radius:4px;
}

.narrowing-button .all-release button:before{
	content: "\f00d";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	padding-right:0.5em;
}

.confirm-button{
	width:100%;
	margin:0 auto;
	padding:15px 0;
	text-align:center;
	border-top:1px solid #d7dbdd;
}

.confirm-button button{
	width:420px;
	background-color:#79bdd5;
	box-sizing:border-box;
	border:none;
	border-radius:4px;
	padding:15px 0;
	text-align:center;
	font-size:1.6rem;
	color:#fff;
	font-weight:bold;
}

.confirm-button button:before{
	content: "\f002";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	padding-right:0.5em;
}

.disease-section{
	margin-bottom:30px;
}

.disease-section:last-child{
	margin-bottom:0;
}

.disease-section ul{
}

.disease-section ul li{
	display:inline-block;
}

.disease-section ul li a{
	border: 1px solid #79bdd5;
	padding: 5px 15px;
	border-radius: 4px;
	color: #79bdd5;
	display:block;
	margin-right: 5px;
	margin-bottom: 10px;
}

.disease-section ul li a:hover{
	text-decoration:none;
	opacity:0.75;
}

/********************
犬のくすり・ねこのくすり
********************/
.wrap.dogs{
}

.wrap.cats{
}

.wrap.cats .description,.wrap.dogs .description{
	background-color:#fff;
	box-sizing:border-box;
}



.dogs .wrap.item-list,.cats .wrap.item-list{
	background-color:#fff;
}



.category-button{
	padding: 15px 0;
	text-align: center;
	text-align: center;
	color: #fff;
	font-weight:bold;
	display:block;
	font-size:1.6rem;
	border-radius:4px;
}

a.category-button:hover{
	color:#fff;
	text-decoration:none;
	opacity:0.75;
}

.dogs .category-button{
	background-color: #79cfa6;
}

.cats .category-button{
	background-color: #fb9a9a;
}

.items .category-name{
	display:block;
	font-weight:bold;
}


.dogs .category-name{
	color:#79cfa6;
}

.cats .category-name{
	color:#fb9a9a;
}

.col-3-wrap .items:nth-child(3n+3){
	margin-right:0;
}




/*キャンペーン部分*/
.open-campain{
	margin-top:60px;
}



/****************************************
共通部分
****************************************/

/******************************
wrap
******************************/
.wrap{
	width:1020px;
	margin:0 auto;
	padding-bottom:0;
}

main .wrap{
	width:800px;
}

.main-wrap{
	background-color:#fff;
	/*padding:30px;*/
}

.sub-content-wrap{
	padding:15px;
	background-color:#f5f5f5;
}

.sub-content-wrap .inputtext{
	font-size:1.4rem;
}

/******************************
見出し
******************************/
.nav-heading{
	color:#699ccf;
	/*font-size:1.6rem;*/
	font-size: 1.4rem;
	margin:0 0 15px 0;
	padding: 10px;
	background-color: #699ccf;
	color: #fff;
	border-radius: 4px 4px 0 0;
}

.side-cat .nav-heading{
	margin-bottom:0;
}

.nav-heading i{
	color:#fff;
	transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
}

.tab-content-title{
	/*font-size:2.1rem;
	color:#699ccf;
	margin-bottom:10px;
	line-height:1.5;
	margin-top:0;*/
	color:#699ccf;
	font-size:2.1rem;
	font-weight:500;
	margin:0 0 15px 0;
	position:relative;
	border-bottom:1px solid #699ccf;
	padding-bottom:13px;
	line-height:1.3;
}

.tab-content-title:before{
	content: "";
    background-image: url(../img/head-icons.png);
    background-position: left;
    background-size: 28px 25px;
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    margin-right: 0.25em;
    display: inline-block;
    position: relative;
    top: -5px;
}


.item-section-headline{
	color:#333;
	font-size:1.8rem;
	font-weight:500;
	line-height:1;
	margin-bottom:15px;
	margin-top:0;
}



/*.content-heading{
	color:#699ccf;
	font-size:2.1rem;
	font-weight:500;
	margin:0 0 15px 0;
	position:relative;
	border-bottom:1px solid #699ccf;
	padding-bottom:13px;
}*/
.content-heading{
	color:#fff;
	font-size:2.0rem;
	font-weight:500;
	margin:0 0 15px 0;
	position:relative;
	border-bottom:1px solid #699ccf;
	padding: 10px 15px;
	background-color: #699ccf;
	border-radius: 4px 4px;
}

.content-heading:before{
	/*content:"";
	background-image:url("../img/head-icons.png");
	background-position:left;
	background-size:28px 25px;
	background-repeat:no-repeat;
	width:28px;
	height:25px;
	margin-right:0.25em;
	display:inline-block;
	position:relative;
	top:-3px;*/
}

/*2025.03 追加*/
.content-heading:before{
	content: "\f1b0";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	margin-right: 0.25em;
}




/*
.content-heading:before{
	color:#699ccf;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\f1b0";
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right:0.25em;
	transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	font-size:3.2rem;
}
*/

.content-heading:after {
    /*content:"";
    display: block;
    height: 1px;
    background-color: #699ccf;
    width: 100%;
    box-sizing: content-box;
    position: absolute;
    left: 0;
    bottom: -3px;
	*/
}

.item-details .content-heading.item{
	padding-left:0;
}

.item-details .content-heading:after{
	display:none;
}

.content-heading.item{
	color:#699ccf;
	font-size:2.4rem;
	margin:0 0 5px 0;
	border:none;
	background:none;
	border-bottom: none;
    border-top: none;
    padding-bottom: 0;
    display: block;
    padding:0x;
    margin-left: 0;
    margin-right: 0;
}




/*


.content-heading{
	color:#699ccf;
	font-size:2.4rem;
	margin:0 0 15px 0;
	border:none;
	background:none;
}

.content-heading{
	margin:0 0 15px 0;
    text-align: center;
	position:relative;
}

.content-heading span{
	color:#699ccf;
	font-size:2.4rem;
	display: table;
    margin-left: auto;
    margin-right: auto;
	background-color: #fff;
    padding: 15px;
	position:relative;
	z-index:2;
}

.content-heading:after{
	content:"";
	height:2px;
	width:100%;
	background-color:#fff;
	position:absolute;
	left:0;
	top:50%;
	z-index:1;
}

*/

/*
h2.content-heading{
	color:#699ccf;
	font-size:2.4rem;
	margin:0 0 15px 0;
	border:none;
	background:none;
	padding:0;
}

h2.content-heading:after{
	display:none;
}
*/
.content-heading span.category{
	font-size:1.2rem;
	color:#699ccf;
	display:inline-block;
	border:1px solid #699ccf;
	padding:3px 6px;
	margin-bottom:5px;
}

.content-heading span.item-name{
	display:block;
	color:#699ccf;
	font-weight:bold;
}

.title-page{
	margin-top:0;
	font-size:2.4rem;
}

.section-title{
	margin-top:0;
	font-size:2.1rem;
}

.low-section-title{
	margin-top:0;
	/*font-size:1.8rem;*/
	font-size:1.8rem;
	font-weight:500;
}

.low-content-title{
	font-size:1.5rem;
	color: #699ccf;
	font-weight: bold;
	margin-top:0;
}

.section-headline{
	font-size:1.8rem;
	color: #699ccf;
	font-weight:500;
	margin-top:0;
	margin-bottom:10px;
}

.page-headline{
	color: #699ccf;
	font-size: 2.7rem;
	margin: 5px 0 0 0;
	border: none;
	background: none;
	border-bottom: none;
	border-top: none;
	display: block;
	margin-top:0;
	margin-bottom:0.25em;
}


/*******************************
線・下線
*******************************/
.section-border{
	border-bottom: 1px dashed #ccc;
    padding-bottom: 30px;
}

/******************************
カートボタン
******************************/
a.cart-button{
	font-size:1.6rem;
	background-color:#f89698;
	border-radius:4px;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	padding:10px 15px;
}

a.cart-button i{
	color:#fff;
	padding-right:0.5em;
}

a.cart-button:hover{
	opacity:0.75;
	text-decoration:none;
	color:#fff;
	
}

button.cart-button{
	padding:10px 15px;
	font-size:1.2rem;
	background-color:#f89698;
	border-radius:4px;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	border:none;
	width:100%;
}

button.cart-button i{
	color:#fff;
	padding-right:0.5em;
}

button.cart-button:hover{
	opacity:0.75;
	text-decoration:none;
	color:#fff;
	
}

/*閉じるボタン*/
.close-button{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 99999;
	display: inline-block;
	color: #699ccf;
	font-size: 1.4rem;
	border: 2px solid #699ccf;
	padding: 10px 10px;
	border-radius: 4px;
	cursor: pointer;
}

.close-button i{
	color: #699ccf;
    font-size: 1.4rem;
    margin-right: 0.5em;
}

/*キービジュアル*/

.slick-dots {
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: left;
	margin-top:10px;
	margin-bottom:0;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 5px;
	margin-right:5px;
    padding: 0;
    cursor: pointer;
}


.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 40px;
    height: 5px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:before {
    content: " ";
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 5px;
    text-align: center;
    opacity: .25;
    background-color: #699ccf;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    background-color: #699ccf;
}



/*退会フォーム*/
.complete_area{
	padding:20px;
	background-color:#f5f5f5;
	border-radius:4px;
}


/*ショッピング*/
.addbtn{
}

.addbtn li{
	display:inline-block;
}

.addbtn li a{
	color: #999;
	background-color: #f5f5f5;
	padding: 7px 15px 9px 15px;
	border-radius: 4px;
	text-decoration: none;
	display: block;
	border:1px solid #ddd;
}

.addbtn li a:hover{
	background-color: #999;
    color: #fff;
	text-decoration:none;
}

.txtarea{
	width:100%;
	border-radius:4px;
	box-sizing:border-box;
}

/********************
テーブル用のクラス
********************/
.table-wrap{
	background-color:#fff;
	padding:30px;
}

.col-2-table{
	border:1px solid #ccc;
	width:100%;
	min-height:250px;
}

.col-2-table th{
	width:auto;
	min-width:120px;
	padding:10px;
	border:1px solid #ccc;
	border-collapse:collapse;
	vertical-align:middle;
}

.col-2-table td{
	padding:10px;
}

.col-2-table input{
	border-radius:4px;
	padding:5px;
}

.col-2-table select{
	border-radius:4px;
	padding:5px 10px;
}

.sex input{
	width:auto;
}

.col-2-table .dis{
	width:100%;
	min-height:250px;
	padding:10px;
	box-sizing:border-box;
	border-radius:4px;
	border:1px solid #ccc;
}

/*普通のテーブル*/
.normal-table{
	border:1px solid #ccc;
}

.items-component{
	border:1px solid #ccc;
}

/*カート用*/
.cart-table{
	border:1px solid #ccc;
}

.cart-table th{
	vertical-align:middle;
}

.cart-table td{
	vertical-align:middle;
}

.cart-table2{
	border:1px solid #ccc;
}

.cart-table2 td{
	vertical-align:middle;
}

div#undercolumn_cart .cart-table2 td p{
	margin:0 0 10px 0;
}

div#undercolumn_cart .cart-table2 td p:last-child{
	margin:0;
}

.cart-table2 th.item-image{
	min-width:102px;
}

.cart-table2 th.counter{
	min-width:60px;
	text-align:center;
}

.now-page{
	text-align:center;
	margin-bottom:0;
	color:#999;
}

.del-button{
	background-color: #39c;
	padding: 5px;
	border-radius: 4px;
	color: #fff;
}

a.del-button{
	color: #fff;
}

/*支払い方法*/
.payment-table{
}

.payment-table th{
	vertical-align:middle;
	font-weight:600;
	padding:15px;
}

.payment-table td{
	vertical-align:middle;
	text-align:left;
	padding:15px;
}

.payment-table td ul{
	margin-bottom:0;
}

.payment-table td ul li{
	text-align:left;
}

.payment-table td ul li:last-child{
	margin-bottom:0;
}

.payment-table td ul li label{
	font-weight:300;
}


/*比較用テーブル*/

.col-6-table{
	border:1px solid #ccc;
	width:100%;
	box-sizing:border-box;
}

.col-6-table {
}

.col-6-table  th{
	padding:10px;
	background-color: #79bdd5;
    color: #fff;
}

.col-6-table  th.ranking{
	width:13%;
}

.col-6-table  th.item{
}

.col-6-table  th.price{
	width:13%;
}

.col-6-table  th.method{
}

.col-6-table  th.efficacy{
}

.col-6-table  th.recomend{
	width:15%;
}

.col-6-table {
}

.col-6-table th.name{
	background-color: #d3ebf4;
    color: #0c7296;
    font-size: 1.4rem;
    font-weight: 600;
}

.col-6-table td{
	vertical-align:middle;
	padding:10px;
}

.col-6-table td.ranking{
	font-size:1.4rem;
}

.col-6-table td.item{
	max-width: 180px;
}

.col-6-table td.item figure{
	padding:0 10px;
	margin-bottom:10px;
}

.col-6-table td.item img{
}

.col-6-table td.item a{
	display:block;
	padding:5px;
	text-align:center;
	background-color:#f89698;
	color:#fff;
	text-decoration:none;
	border-radius:4px;
	font-size:1.2rem;
}

.col-6-table  td.item a:hover{
	opacity:0.75;
}

.col-6-table td.price{
}

.col-6-table td.method{
}

.col-6-table td.efficacy{
}

.col-6-table td.recomend{
}

.col-6-table td.recomend i{
	color:#ffc600;
	font-size:1.8rem;
}

.delivery-table{
	min-height:auto;
}

.delivery-table th{
	height:40px;
	vertical-align:middle;
	border:1px solid #ddd;
	border-collapse:collapse;
}

.delivery-table td{
	vertical-align:middle;
	height:40px;
	border:1px solid #ddd;
	border-collapse:collapse;
}



/*お気に入りボタン*/

#detailrightbloc .favorite_btn{
	text-align:left;
	margin-top:0;
	border-top: 1px dashed #ccc;
}

.favorite-bt{
	display:inline-block;
    text-align: center;
    padding: 10px 20px;
    border-radius: 4px;
    background-color: #699ccf;
    color: #fff;
    font-size: 1.4rem;
    border: none;
	margin-top:20px;
}

.favorite-bt i{
	color:#fff;
}

.favorite-bt.on{
	background-color:#ccc;
}

.favorite-on-bt{
}

/*もっと見る*/
.more-button{
	display: inline-block;
    width: auto;
    padding: 5px 10px 7px 10px;
    background-color: #53c4c8;
    color: #fff;
    margin-left: 10px;
    border-radius: 4px;
	font-size:1.2rem;
}

a.cat-more-button{
	padding: 10px 0px 12px 0px;
	background-color: #699ccf;
	color: #fff;
	font-size:1.4rem;
	text-decoration:none;
	display:block;
	text-decoration:none;
	text-align:center;
	border-radius:4px;
}

a.cat-more-button:hover{
	text-decoration:none;
	opacity:0.75;
}

.more-button:hover{
	text-decoration:none !important;
	background-color: #93c2c4;
	color:#fff;
}

.more-button.generic{
	font-size:1.4rem;
	padding:10px 20px;
	background-color:#79bdd5;
	display: table;
	margin: 0 auto;
}

.more-button.generic:hover{
	opacity:0.75;
}

/*タグ*/

.tags-list{
	margin-bottom:-10px;
}

.tags-list li{
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}

a.tags{
	border: 1px solid #699ccf;
	padding: 5px 10px;
	border-radius: 4px;
	display:block;
	color: #699ccf;
	font-size:1.2rem;
	background-color:#fff;
}

a.tags:hover{
	text-decoration:none;
	border-color:#fff;
}

a.tags i{
	color:#699ccf;
}

/********************
リスト用のクラス
********************/
.disc-list{
	padding-left:15px;
}

#detailrightbloc .disc-list.lg-mb-30{
	margin-bottom:30px;
}

.disc-list li{
	margin-bottom:10px;
	list-style:outside disc;
}

.disc-list li:last-child{
	margin-bottom:0;
}

.normal-list{
}

.normal-list li{
	list-style:none;
	margin-bottom:10px;
}

.normal-list li:last-child{
	margin-bottom:0;
}

.table-list{
}

.table-list.card{
	display:table;
	margin:auto;
	padding-bottom:15px;
}

.table-list.card li{
	padding:5px;
	display:inline-block;
}

.caution-list{
	background-color:#f5f5f5;
	padding:15px;
	border-radius:4px;
}



/*フォーム系*/
.form-list{
	margin-bottom:15px;
}

.form-list dt{
	font-size:1.6rem;
	font-weight:normal;
	color:#333;
	margin-bottom:5px;
}

.form-list dd{
}

.form-list dd input{
	padding:5px;
	box-sizing:border-box;
	border-radius:4px;
}

.login_memory{
	font-size:1.2rem;
	color:#999;
	margin-bottom:0;
}

.login_memory label{
	font-weight:normal;
	margin-bottom:0;
	vertical-align:text-bottom;
}

div#mynavi_area .mynavi_list{
	margin-bottom:5px;
}

div#mynavi_area .mynavi_list li{
	font-size:1.4rem;
	background-image:none;
	padding-left:0;
	background:none;
	margin:0 5px 5px 0;
}

div#mynavi_area .mynavi_list li a{
	color: #999;
	background-color: #f5f5f5;
	padding: 7px 15px 9px 15px;
	border-radius: 4px;
	text-decoration: none;
	display:block;
}

div#mynavi_area .mynavi_list li a:hover{
	background-color:#999;
	color:#fff;
}

div#mynavi_area .mynavi_list li a.selected{
	background-color:#999;
	color:#fff;
}

div#mynavi_area .mynavi_list li a:hover{
	text-decoration:none;
}

div#mynavi_area div.point_announce {
	padding:15px;
	border:none;
	border: 1px dashed #699ccf;
	background-color:transparent;
	border-radius:4px;
}

.flow-list{
}

.flow-list li{
	margin-bottom:30px;
	padding-bottom:30px;
    border-bottom: 1px dashed #ccc;
}

.flow-step{
	margin-bottom:0;
}

.flow-step dt{
	width:450px;
	float:left;
}

.flow-step dd{
	float:right;
	width:320px;
}

.flow-step dd img{
	margin-bottom:15px;
	width:450px;
}

.signup figure{
	text-align:center;
	border:2px dashed #ddd;
}

.how-to-signup-img{
	width:450px;
}

.flow-list .heading{
	font-size:1.4rem;
	font-weight:500;
}

.flow-list dd p{
	margin-bottom:0;
}

.col-2-list{
	display:inline-block;
}

.col-2-list{
}

.col-2-list dt{
	font-weight:normal;
}

.col-2-list dd{
	width:202px;
}


/********************
ボタン
********************/

.all-button{
	background-color:#f89698;
	padding:11px 15px;
	width:300px;
	clear:both;
	color:#fff;
	border-radius:4px;
	font-size:1.4rem;
	display:block;
	text-align:center;
	border:2px solid #f89698;
	font-weight:500;
}

.all-button:hover{
	background-color:transparent;
	color: #f89698;
	text-decoration:none !important;
}

.all-button:after{
	content: "\f054";
	/*content: "\f105";*/
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .5em;
}

.btn_area{
	margin-top:0;
}

.btn_area.left{
	text-align:left;
}

.btn_area li{
	display:inline-block;
	min-width:100px;
}

.btn_area li a{
	line-height:1.5;
	display:inline-block;
}

.btn_area li a:hover{
	text-decoration:none;
	color:#fff;
}

.prev-bt{
	padding:8px 16px;
	background-color:#999;
	color:#fff;
	border:none;
	border-radius:4px;
	text-align:center;
	width:100%;
}

.next-bt{
	padding:8px 16px;
	background-color:#699ccf;
	color:#fff;
	border:none;
	border-radius:4px;
	width:100%;
}

.next-bt-pink{
	padding:8px 16px;
	background-color:#f89698;
	color:#fff;
	border:none;
	border-radius:4px;
	width:100%;
}

a.top-button{
	padding:8px 16px;
	background-color:#699ccf;
	color:#fff;
	border:none;
	border-radius:4px;
	width:100%;
}

a.mypage-button{
	padding:8px 16px;
	background-color:#f89698;
	color:#fff;
	border:none;
	border-radius:4px;
	width:100%;
}

.login-bt{
    text-align: center;
    padding: 5px 15px;
    border-radius: 4px;
    background-color: #f89698;
    color: #fff;
    font-size: 1.4rem;
    border: none;
}

.login-bt:hover{
	opacity:0.75;
}

.signup-bt{
	text-align: center;
    padding: 5px 15px;
    border-radius: 4px;
    background-color: #699ccf;
    color: #fff;
    font-size: 1.4rem;
    border: none;
    line-height: 1.5;
    display: inline-block
}

.signup .signup-bt{
	width:100%;
	font-size:1.6rem;
	display:block;
	padding:10px 0;
	background-color:#f89698;
}

a.signup-bt:hover{
	text-decoration:none;
	opacity:0.75;
	color:#fff;
}

.button a{
	color:#fff;
}

a.button:hover{
	text-decoration:none;
}

.sub-button{
	padding: 8px 24px;
	background-color: #699ccf;
	color: #fff;
	border: none;
	border-radius:4px;
	display:table;
	margin:auto;
}

.normal-button{
	padding: 10px 30px;
	background-color: #699ccf;
	color: #fff;
	border: none;
	border-radius:4px;
	display:table;
	margin:auto;
	font-size:1.6rem;
}

.normal-button:hover{
	text-decoration:none;
}

a.normal-button:hover{
	text-decoration:none;
	color:#fff;
	opacity:0.75;
}

.review-button{
	background-color:#79bdd5;
	color:#fff;
	padding:10px 20px;
	border-radius:4px;
	display:inline-block;
}

.review-button:hover{
	opacity:0.75;
	color:#fff;
	text-decoration:none !important;
}

.review-button i{
	color:#fff;
}


.fw-button{
	width:100%;
	display:block;
	padding:10px 0;
	font-size:1.4rem;
	color:#fff;
	background-color:#699ccf;
	border-radius:4px;
	text-align:center;
}

.fw-button:hover{
	text-decoration:none;
	color:#fff;
}

.deli-button{
	margin-left:0;
}

/********************
ページネーション
********************/
.now-page{
}


/*
.page-nation{
	border-top:1px solid #ddd;
}

.page-nation ul{
	display:table;
	margin:0 auto;
}

.page-nation ul li{
	display:table-cell;
	padding:15px;
}

.page-nation ul li.active{
	border-top:2px solid #333;
}

.page-nation ul li a{
	color:#999;
}

.page-nation ul li a span{
	color:#333;
}
*/

.page-nation{
}

.page-nation ul{
	margin-bottom:-4px;
}

.page-nation ul li{
	border:1px solid #ddd;
	vertical-align:middle;
	display:inline-block;
	text-align:center;
	border-radius:4px;
	margin-bottom:4px;
}

.page-nation ul li.active{
}

.page-nation ul li a{
	display:inline-block;
	width:36px;
	text-align:center;
	vertical-align:middle;
	padding:9px 0 8px 0;
	line-height:1.4;
}

.page-nation ul li a:hover{
	background-color: #45a4a7;
	color: #fff;
}

.page-nation ul li a span{
	display:inline-block;
	width:36px;
	height:36px;
	text-align:center;
	vertical-align:middle;
}

.page-nation ul li span{
	display:inline-block;
	width:36px;
	height:36px;
	text-align:center;
	vertical-align:middle;
	padding:8px 0;
	background-color:#53c4c8;
	color:#fff;
}



/*アコーディオン*/
.ac{
	margin-bottom:2px;
	
}

.ac dt{
	background-color:#f5f5f5;
	padding:10px;
	border-radius:4px;
	cursor:pointer;
}

.ac dd{
	background-color:#fff;
	padding:10px;
}

/*バナー*/
.side-navi .member-banner{
	/*margin:-10px 0 15px -12px;*/
	margin-bottom: 10px;
}

.side-navi .member-banner a:hover{
	opacity:0.75;
}

.tbsp-banner{
	/*padding:0 10px;*/
	box-sizing:border-box;
	margin-bottom:30px;
}


/********************
共通
********************/
.center{
	text-align:center;
}

.caution{
	font-size:1.2rem;
}

.caution a{
	color:#333;
	text-decoration:underline;
}

.caution a:hover{
	text-decoration:none;
}

.mw450{
	max-width:450px;
}

.mw500{
	max-width:500px;
	margin-left: auto;
	margin-right:auto;
}

.em{
	color:#db0000;
	font-weight:bold;
	font-size:120%;
	line-height:1.5;
}

/*ポップアップ*/
div#windowcolumn{
	border:none;
}

.valC{
	vertical-align:middle;
}

/*文字間*/
.ls-1{
	letter-spacing:-1px;
}




/********************
おすすめ商品
********************/
.recommend-items{
	margin-top: 10px;
}

.recommend-items li.items{
	display:table;
	width:100%;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}

.recommend-items li:last-child{
	margin-bottom:0;
}

.recommend-items .thumb{
	display:table-cell;
	width:180px;
	padding-right:15px;
}

.recommend-items .thumb a{
}

.recommend-items .thumb a:hover{
	opacity:0.75;
}

.recommend-items .text-area{
	display:table-cell;
	vertical-align:middle;
}

.recommend-items .item-name{
	margin-top: 0;
	font-size: 1.8rem;
	font-weight: bold;
	/*margin-bottom: 5px;*/
	margin-bottom: 10px;
	font-size: 1.4rem;
}

.recommend-items .item-name a{
}

.recommend-items .item-name a:hover{
	text-decoration:none;
}

.recommend-items .description{
	font-size: 1.4rem;
    /*line-height: 2;*/
    /*margin-bottom: 10px;*/
}


.recommend-items .price{
	color: #db0000;
	/*font-size: 2.0rem;*/
	margin-bottom: 0;
	font-size: 1.6rem;
	font-weight: 700;
}

.recommend-items .search-word{
	display:block;
	margin-bottom:10px;
}

.recommend-items .search-word li{
	display:inline-block;
	width:auto;
}


/********************
会員登録
********************/
.kiyaku_text{
	width:100%;
	border-radius:4px;
	padding:10px;
	box-sizing:border-box;
	min-height:300px;
	margin-bottom:30px;
}


/********************
ペットニュース 記事一覧
********************/


/*ピックアップ*/
.p-post{
	margin-bottom:30px;
}

.p-post:last-child{

}

.p-post figure img{

}

.p-post.first{
	margin-bottom:0;
}

.p-post.first figure img{

}

.p-post .post-title{
	font-size:1.8rem;
	margin-top:10px;
	line-height:1.35;
	margin-bottom:5px;
}

.p-post .desc-text{
}




/*検索フォーム*/
.search-area{
}

.search-area dt{
	background-color: #79bdd5;
	font-size: 1.8rem;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	cursor: pointer;
	clear: both;
	position: relative;
	margin-bottom:0;
}

.search-area dt:after{
    content: "\f13a";
    color: #fff;
    display: inline-block;
    font: normal normal normal 18px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 15px;
    top: 32%;
}

.search-area dt.active:after{
    content: "\f00d";
}

.search-area dd{
	background-color:#fff;
	padding:20px;
	display:none;
	border-left: 1px solid #d7dbdd;
	border-right: 1px solid #d7dbdd;
	border-bottom: 1px solid #d7dbdd;
}

.searchformInner{
	margin-bottom:0;
}

.searchformInner li{
	margin-bottom:10px;
	border-bottom:1px dashed #ccc;
	padding-bottom:10px;
}

.searchformInner li label{
	margin-bottom:0;
}

.searchformInner li span{
	width:100px;
	display:inline-block;
}

.searchformInner li:last-child{
	margin-bottom:0;
	margin-top:20px;
	padding-bottom:0;
	border:none;
}

.searchformInner li input{
	border-radius:4px;
	border:1px solid #ccc;
	background-color:#fff;
	padding:5px 10px;
	font-weight:normal;
	margin-left:0.5em;
}

.searchformInner li select{
	border-radius:4px;
	border:1px solid #ccc;
	background-color:#fff;
	padding:5px 10px;
	font-weight:normal;
	margin-left:0.5em;
}

.btn-primary{
	width:400px;
	margin:0 auto;
	display:block;
	padding:10px;
	box-sizing:border-box;
}

.btn-primary:before{
	content: "\f002";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	padding-right:0.5em;
}

/*カテゴリ説明文*/
.category-area{
	margin-right:0;
	margin-left:0;
	padding:20px;
	border:1px dashed #699ccf;
	margin-bottom:30px;
}

.category-area .eye-catch{
	border:none;
	padding-left:0;
	margin:0;
}

.category-area .eye-catch img{
}


.category-area .text-inner{
	padding-right:0;
}

.category-area .text-inner .title{
	font-size:22px;
	color:#699ccf;
	line-height:1;
	margin-bottom:15px;
	margin-top:0;
}

.category-area .text-inner .description{
	font-size:1.4rem;
	line-height:1.5;
}

.category-area .tag-list{
}

.category-area .tag-list li{
	display:inline-block;
	margin-right:15px;
}

.category-area .tag-list li a{
	color:#59bf93;
	text-decoration:none;
	font-size:1.2rem;
}

.category-area .tag-list li a:hover{
	text-decoration:underline;
}

.category-area .tag-list li a:before{
	margin-right:0.5em;
	content: "\f02c";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/*記事一覧*/
.article-area{
	margin-right:0;
	margin-left:0;
}

.article-area .pet-article{
	margin-bottom:30px;
	padding-bottom:15px;
}



.article-area.top .pet-article{
	margin-bottom:15px;
}

.article-area .pet-article .inner{
	border-bottom:1px solid #ddd;
}

.article-area .pet-article .thumb{
	margin-bottom:15px;
}

.article-area .pet-article .thumb a:hover{
	opacity:0.75;
}

.article-area .pet-article .date{
	font-size:1.2rem;
	margin-bottom:0;
}

.article-area .pet-article .title{
	margin-top:0;
	margin-bottom:15px;
}

.article-area .pet-article .title a{
	font-size:1.6rem;
	color:#337ab7;
	line-height:1.25;
}

.article-area .pet-article .title a:hover{
	text-decoration:underline;
}

.cat-list{
}

.cat-list li{
	font-size:1.4rem;
	display: inline-block;
}

.cat-list li a{
	color:#699ccf;
}

.cat-list:before{
	content: "\f07c";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin-right:0.5em;
	display: inline-block;
	color:#699ccf;
}


/********************
ペットニュース 記事詳細(single)
********************/

.news-article{
}

.news-article header .date{
	color:#666666;
	font-size:1.2rem;
	margin-bottom:0;
}

.news-article header .article-title{
	font-size:2.4rem;
	font-weight:600;
	margin-top:0;
	margin-bottom:10px;
}

.news-article header .cat-list{
}

.news-article header .cat-list li{
}

.news-article header .cat-list li a{
	color:#699ccf;
	font-size:1.4rem;
}

.news-article header .cat-list li a:hover{
	text-decoration:underline;
}

.news-article .eye-catch{
	margin-bottom:30px;
}

.article-content{
	margin-bottom:60px;
}

.article-content p{
	font-size:1.6rem;
	line-height:2;
	margin-bottom:1.5em;
}

.article-content h3{
	border-left:6px solid #699ccf;
	padding-left:20px;
	line-height:2;
	margin-top:60px;
	margin-bottom:15px;
}

/*おすすめ商品*/
.recommended-items{
}

.recommended-items .title{
	font-size:1.8rem;
	margin-top:0;
	margin-bottom:15px;
}

.recommended-items .list{
}

.recommended-items .list li{
	border:1px dashed #ddd;
	padding:20px;
	margin-right:0;
	margin-left:0;
}

.recommended-items .list li .item-image{
	padding-right:30px;
	padding-left:0;
}

.recommended-items .list li .text-inner{
	padding:0;
}

.recommended-items .list li .text-inner .item-name{
	font-size:1.8rem;
	margin-bottom:5px;
}

.recommended-items .list li .text-inner .item-price{
	color:#db0000;
	font-size:1.8rem;
}

.recommended-items .list li .text-inner .item-price span{
	font-size:1.2rem;
	color:#db0000;
}

.recommended-items .list li .text-inner .item-details{
	font-size:1.4rem;
	line-height:2;
}


/*関連記事*/

.relation{
}

.relation .section-title{
	font-size:1.8rem;
	margin-bottom:15px;
	line-height:1;
}

.relation-list{
}

.relation-list li{
	border-bottom:1px dashed #ddd;
	margin-bottom:15px;
	padding-bottom:15px;
	margin-left:0;
	margin-right:0;
}


.relation-list li .post-image{
	padding-left:0;
}

.relation-list li .post-details{
	padding-right:0;
}

.relation-list li .title{
}

/*キーワード・タグ*/
.cats-tags{
	background-color:#f5f5f5;
	padding:15px;
	border-radius:4px;
}

.cats-tags .title{
	font-weight:600;
	font-size:1.6rem;
	margin-top:0;
}

.cats-tags .list{
	margin-bottom:0;
}

.cats-tags .list li{
	display:inline-block;
	margin-right:15px;
}

.cats-tags .list li a:before{
    content: "\f02c";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right:0.5em;
}


/*シェア*/
.sns-area{
}

.fav{
	background-color:#f5f5f5;
}

.fav .thumbs{
	display:table-cell;
}

.fav .thumbs img{
}

.fav .text{
    display: table-cell;
    text-align: center;
    width: 410px;
	font-size:18px;
	vertical-align:middle;
	padding:0 20px;
	box-sizing:border-box;
}

.shere-list{
	margin-bottom:0;
}

.shere-list li{
	text-align:center;
}

.shere-list li a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:15px;
	border-radius:4px;
}

.shere-list li a:hover{
	opacity:0.75;
	text-decoration:none;
}

.shere-list li.twitter a{
	background-color:#28a6df;
}

.shere-list li a:before{
	margin-right:0.5em;
}

.shere-list li.twitter a:before{
	content: "\f081";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.shere-list li.fb a{
	background-color:#2f5095;
}

.shere-list li.fb a:before{
    content: "\f082";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.shere-list li.line a{
	background-color:#39d52d;
}

.shere-list li.g-plus a{
	background-color:#dc4a38;
}

.shere-list li.g-plus a:before{
    content: "\f0d4";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*目次*/
#toc_container{
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 20px;
	margin-top: 0px;
	margin-bottom: 45px;
	display:block;
	background-color:transparent;
	display:table;
	min-width:280px;
}

#toc_container p.toc_title{
	margin-top: 0;
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
	text-align:left;
}

#toc_container ul.toc_list{
}

#toc_container ul.toc_list li{
	list-style: none;
    margin-bottom: 15px;
    font-size: 1.6rem;
}

#toc_container ul.toc_list li a{
}



/********************
margin-bottom(余白)
********************/

.lg-mb-0{
	margin-bottom:0 !important;
}

.lg-mb-5{
	margin-bottom:5px !important;
}

.lg-mb-10{
	margin-bottom:10px !important;
}

.lg-mb-15{
	margin-bottom:15px !important;
}

.lg-mb-20{
	margin-bottom:20px !important;
}

.lg-mb-25{
	margin-bottom:25px !important;
}

.lg-mb-30{
	margin-bottom:30px !important;
}

.lg-mb-35{
	margin-bottom:35px !important;
}

.lg-mb-40{
	margin-bottom:40px !important;
}

.lg-mb-45{
	margin-bottom:45px !important;
}

.lg-mb-50{
	margin-bottom:50px !important;
}

.lg-mb-55{
	margin-bottom:55px !important;
}

.lg-mb-60{
	margin-bottom:60px !important;
}

.lg-mb-65{
	margin-bottom:65px !important;
}

.lg-mb-70{
	margin-bottom:70px !important;
}

.lg-mb-75{
	margin-bottom:75px !important;
}

.lg-mb-80{
	margin-bottom:80px !important;
}

.lg-mb-85{
	margin-bottom:85px !important;
}

.lg-mb-90{
	margin-bottom:90px !important;
}



/********************
margin-right(余白)
********************/
.lg-mr-5{
	margin-right:5px !important;
}

.lg-mr-10{
	margin-right:10px !important;
}

.lg-mr-15{
	margin-right:15px !important;
}

.lg-mr-20{
	margin-right:20px !important;
}

.lg-mr-25{
	margin-right:25px !important;
}

.lg-mr-30{
	margin-right:30px !important;
}

.lg-mr-35{
	margin-right:35px !important;
}

.lg-mr-40{
	margin-right:40px !important;
}

.lg-mr-45{
	margin-right:45px !important;
}

.lg-mr-50{
	margin-right:50px !important;
}

.lg-mr-55{
	margin-right:55px !important;
}

.lg-mr-60{
	margin-right:60px !important;
}

.lg-mr-65{
	margin-right:65px !important;
}

.lg-mr-70{
	margin-right:70px !important;
}

.lg-mr-75{
	margin-right:75px !important;
}

.lg-mr-80{
	margin-right:80px !important;
}

.lg-mr-85{
	margin-right:85px !important;
}

.lg-mr-90{
	margin-right:90px !important;
}




@media (max-width: 1019px) {
/********************
margin-bottom(余白)
********************/

.md-mb-0{
	margin-bottom:0 !important;
}

.md-mb-5{
	margin-bottom:5px !important;
}

.md-mb-10{
	margin-bottom:10px !important;
}

.md-mb-15{
	margin-bottom:15px !important;
}

.md-mb-20{
	margin-bottom:20px !important;
}

.md-mb-25{
	margin-bottom:25px !important;
}

.md-mb-30{
	margin-bottom:30px !important;
}

.md-mb-35{
	margin-bottom:35px !important;
}

.md-mb-40{
	margin-bottom:40px !important;
}

.md-mb-45{
	margin-bottom:45px !important;
}

.md-mb-50{
	margin-bottom:50px !important;
}

.md-mb-55{
	margin-bottom:55px !important;
}

.md-mb-60{
	margin-bottom:60px !important;
}

.md-mb-65{
	margin-bottom:65px !important;
}

.md-mb-70{
	margin-bottom:70px !important;
}

.md-mb-75{
	margin-bottom:75px !important;
}

.md-mb-80{
	margin-bottom:80px !important;
}

.md-mb-85{
	margin-bottom:85px !important;
}

.md-mb-90{
	margin-bottom:90px !important;
}



/********************
margin-right(余白)
********************/
.md-mr-5{
	margin-right:5px;
}

.md-mr-10{
	margin-right:10px;
}

.md-mr-15{
	margin-right:15px;
}

.md-mr-20{
	margin-right:20px;
}

.md-mr-25{
	margin-right:25px;
}

.md-mr-30{
	margin-right:30px;
}

.md-mr-35{
	margin-right:35px;
}

.md-mr-40{
	margin-right:40px;
}

.md-mr-45{
	margin-right:45px;
}

.md-mr-50{
	margin-right:50px;
}

.md-mr-55{
	margin-right:55px;
}

.md-mr-60{
	margin-right:60px;
}

.md-mr-65{
	margin-right:65px;
}

.md-mr-70{
	margin-right:70px;
}

.md-mr-75{
	margin-right:75px;
}

.md-mr-80{
	margin-right:80px;
}

.md-mr-85{
	margin-right:85px;
}

.md-mr-90{
	margin-right:90px;
}
}

/*その他*/
.shop_information{
	background-color:#f5f5f5;
	padding:15px;
	border-radius:4px;
}

.shop_information p{
	margin:0;
}

.gr-bg{
	background-color:#f5f5f5;
	padding:20px;
	border-radius:4px;
}

.gr-bg-sp{
	background-color:#f5f5f5;
	padding:10px;
	border-radius:4px;
}


/*お知らせ*/
.notice-area{
}

.notice-area h2{
	font-size:1.8rem;
}

.of-sc{
	height:128px;
	overflow-y:scroll;
}



/*バナーエリア*/
.banner-list{
}


.banner-list img{

}

.banner-list li a:hover{
	opacity:0.75;
}

/*ランキング*/
figcaption.ranking{
	position: absolute;
	font-size:1.8rem;
	top: 10px;
	background-color: #f89698;
	color:#fff;
	font-weight: bold;
	width:36px;
	height: 36px;
	border-radius: 5px;
	line-height: 1.8;
	text-align: center;
	/*border: 2px solid #f16e70;*/
}

figcaption.ranking span{
	color:#fff;
	font-size: 1.2rem;
}


.rank-button-sp{
	text-align: center;
	margin: 0 auto;
	font-size: 1.4rem;
	padding: 10px 30px;
	border-radius: 5px;
	background-color: #53c4c8;
	color: #fff;
	text-decoration: none;
	width: auto;
}

.rank-button:hover{
	text-decoration: none;
	opacity: 0.75;
	color: #fff;
}

.title-link{
	border-bottom: 1px solid #699ccf;
}

.title-link h2.content-heading{
	float:left;
	border: none;
	padding-bottom:15px;
	margin-bottom:0;
}

.title-link .rank-button{
	float:right;
	text-align: center;
	display: block;
	margin: 0 auto;
	font-size: 1.2rem;
	padding: 10px 20px;
	border-radius: 5px;
	background-color: #53c4c8;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    width:auto;
}

.fs12{
	font-size: 1.2rem;
}

.fs14{
	font-size: 1.4rem;
}

.incontact ul li.indent{

}