@charset "UTF-8";



.bg-pink {
	background:url(../img/base/bg.png) repeat;
}


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

.buttons-container {
	clear:both;
	position:relative;
	width:100%;
	margin:10px 0;
	overflow:hidden;
}
a.btn-red {
	float:left;
	position: relative;
	display: block;
	width: 220px;
	margin:0 2px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #EC407A;
	border:1px solid #fff;
	overflow: hidden;
}
a.btn-red:before {
	content:"";
	position: absolute;
	top: 0px;
	left: -210px;
	height: 100%;
	width: 220px;
	background : #fff;
	opacity: 0.3;
	transition: .4s;
}
a.btn-red:hover:before {
	left:0;
}

a.btn-blue {
	float:left;
	position: relative;
	display: block;
	width: 220px;
	margin:0 2px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background:#09C;
	border:1px solid #fff;
	overflow: hidden;
}
a.btn-blue:before {
	content:"";
	position: absolute;
	top: 0px;
	left: -210px;
	height: 100%;
	width: 220px;
	background : #fff;
	opacity: 0.3;
	transition: .4s;
}
a.btn-blue:hover:before {
	left:0;
}

a.btn-green {
	float:left;
	position: relative;
	display: block;
	width: 220px;
	margin:0 2px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background:#3C9;
	border:1px solid #fff;
	overflow: hidden;
}
a.btn-green:before {
	content:"";
	position: absolute;
	top: 0px;
	left: -210px;
	height: 100%;
	width: 220px;
	background : #fff;
	opacity: 0.3;
	transition: .4s;
}
a.btn-green:hover:before {
	left:0;
}

a.btn-yellow {
	float:left;
	position: relative;
	display: block;
	width: 220px;
	margin:0 2px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background:#C90;
	border:1px solid #fff;
	overflow: hidden;
}
a.btn-yellow:before {
	content:"";
	position: absolute;
	top: 0px;
	left: -210px;
	height: 100%;
	width: 220px;
	background : #fff;
	opacity: 0.3;
	transition: .4s;
}
a.btn-yellow:hover:before {
	left:0;
}


/* 上書き
---------------------------------------------*/

.cover-container {
	position:relative;
	text-align:center;
	margin:0 auto;
	padding:20px 0;
}
.section-container .cloumn-four img {
	border-bottom:#666 solid 1px;
	border-right:#666 solid 1px;
}
@media screen and (max-width: 480px) {
.section-container .cloumn-two-wide {
	float:none;
	width:100%;
	margin:10px;
}
.section-container .cloumn-three-wide {
	float:none;
	width:100%;
	margin:10px;
}
.section-container .cloumn-four-wide {
	float:none;
	width:100%;
	margin:10px;
}
}

.entry {
	clear:both;
	position:relative;
	width:100%;
	margin:0px 0;
	padding:0 0px;
	overflow:hidden;
}
.entry-box {
	float:right;
	position:relative;
	width:59%;
	margin:0px 0;
	padding:0 0px;
	overflow:hidden;
}
.entry img {
	float:left;
	width:40%;
	max-width:100%;
	height:auto;
	margin:0;
	padding:0;
}
.entry img.image-center {
	float:none;
}

.entry h1 {
  position: relative;
  padding: .5em .75em;
  background-color:#CCC;
  color:#666;
  border-radius: 6px;
  font-weight:bold;
}

@media screen and (max-width: 480px) {
.entry-box {
	float:none;
	position:relative;
	width:100%;
	margin:0px 0;
	padding:0 0px;
	overflow:hidden;
}
.entry img {
	float:none;
	width:100%;
	max-width:100%;
	height:auto;
	margin:0;
	padding:0;
}
}

.legend1 {
	color:#B2CDE9;
	padding:0 2px 0 0;
}
.legend2 {
	color:#F7B89D;
	padding:0 2px 0 0;
}
.legend3 {
	color:#D1D1D1;
	padding:0 2px 0 0;
}
.legend4 {
	color:#FFDB9B;
	padding:0 2px 0 0;
}
.legend5 {
	color:#A4B7DE;
	padding:0 2px 0 0;
}
.legend6 {
	color:#B5D4A7;
	padding:0 2px 0 0;
}
.legend7 {
	color:#A1B2C9;
	padding:0 2px 0 0;
}
.legend8 {
	color:#D1AA9F;
	padding:0 2px 0 0;
}
@media screen and (max-width: 480px) {
.axicon-sp-box {
	width:60%;
	margin:20px auto;
	
}


}