@charset "utf-8";
/* CSS Document */
#head_cart{
	float:left;
	width:340px;
	border:1px solid #ccc;
	margin-top:15px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:rgba(255,255,255,0.2);
}
#head_cart h1{
	background-color:#ececec;
	background-image:none;
	color:#333;
	font-size:12px;
	margin:5px;
	padding:3px 0 3px 5px;
	font-weight:normal;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:none;
}
#head_cart p#sum{
	padding:0 0 5px 10px;
}
#head_cart p.head_btn{
	float:right;
	margin:5px 5px 0 0;
}
#login{
	/**float:right;**/
	text-align:right;
	margin:15px 0 0 20px;
}

._c-section__title {
  padding-bottom: .5em;
  margin-bottom:0.5em;
  border-bottom: 1px solid #ccc;
}

.btn01 {
  font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
  text-align: center;
  padding-top: 40px;
}


/* ここから下がボタンのCSS　*/
.btn-animation-02 {
  display: inline-block;
  width: 200px;
  text-align: center;
  background-color: #9ec34b;
  border: 2px solid #9ec34b;
  font-size: 16px;
  color: #9ec34b;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 4px;
  position: relative;
}

.btn-animation-02 span {
  position: relative;
  z-index: 1;
}

.btn-animation-02::before,
.btn-animation-02::after {
  content: "";
  display: block;
  background-color: #FFF;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .2s;
}
.btn-animation-02::before {
  left: 0;
}
.btn-animation-02::after {
  right: 0;
}

.btn-animation-02:hover:before,
.btn-animation-02:hover:after {
  width: 0;
  background-color: #FFF;
}

.btn-animation-02:hover {
  color: #FFF;
}