@charset "UTF-8";

/************************************************************
COLUMN
************************************************************/

.column {
  padding: 10px 0;
}

.column .pic {
  display: inline-block;
	*display:inline;
	*zoom:1;
  width:33%;
  vertical-align: middle;
}

.column .text{
  display: inline-block;
	*display:inline;
	*zoom:1;
  padding-right: 20px;
  width: 67%;
  vertical-align: middle;
}

.general .column h4 {
  margin-top: 0;
}

.link_btn{
  list-style: none;
  margin-top:20px;
}

.link_btn li{
  margin-top:10px;
  padding:10px;
  border-radius:20px;
  background: #ff0012;
}

.link_btn li:hover{
  background: #ff4d58;
}

.link_btn li a{
  display:block;
  width:100%;
  height:100%;
  color:#ffffff;
  font-size: 14px;
  font-weight:bold;
	line-height: 1.4;
  text-align:center;
}

.link_btn li a .fa{
  color:#ffffff;
  font-weight:bold;
}

.gesture {
  margin-top:10px;
  font-size: 0;
	line-height: 0;
  border-bottom: 1px dotted #999999;
}

.gesture dd {
  display: inline-block;
	*display:inline;
	*zoom:1;
  padding:5px;
  width:25%;
  border-top: 1px dotted #999999;
  font-size: 14px;
	line-height: 1.4;
  vertical-align:top;
}

.gesture dt {
  display: inline-block;
	*display:inline;
	*zoom:1;
  margin-right:3%;
  padding:5px;
  border-top: 1px dotted #999999;
  width:22%;
  text-align:center;
  vertical-align:top;
}

.gesture dd h5 {
  margin:10px 0 5px 0;
  padding-left:5px;
	border-left:22px solid  #ff0012;
  font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}

.gesture dt img {
  max-width:150px;
  height:auto;
}

.gesture br {
  display:inline;
 }

/* ---------------SP */

@media screen and (max-width: 640px) {

.gesture br {
  display:none;
 }

}

/* ---------------SP */

@media screen and (max-width: 480px) {

.column .pic {
  display: block;
  width:100%;
}

.column .text{
  display: block;
  padding-left:0;
  width: 100%;
}

.gesture dd {
  display: block;
  width:100%;
  border-top: 1px dotted #999999;
  font-size: 14px;
}

.gesture dt {
  display: block;
  border-top: none;
  width:100%;
}

.gesture dt img {
  max-width:30%;
}

}

/************************************************************
LEFT
************************************************************/

.left_area {
  display: inline-block;
	*display:inline;
	*zoom:1;
  margin-right: 2%;
  width: 49%;
  vertical-align: top;
}

/* ---------------SP */

@media screen and (max-width: 640px) {

.left_area {
  margin-right: 0;
  width: 100%;
}

}

/************************************************************
RIGHT
************************************************************/

.right_area {
  display: inline-block;
	*display:inline;
	*zoom:1;
  width: 49%;
  vertical-align: top;
}

/* ---------------SP */

@media screen and (max-width: 640px) {

.right_area {
  display: block;
  margin-top: 30px;
  width: 100%;
}

}

/************************************************************
CENTER
************************************************************/

.center_area {
  display: block;
  margin: auto;
  width: 50%;
}

/* ---------------SP */

@media screen and (max-width: 640px) {

.center_area {
  width: 100%;
}

}

/************************************************************
GUIDE
************************************************************/

.guide_area {
  margin: 30px 0 0;
  padding: 10px;
  width: 100%;
  border-radius: 5px;
  border: 3px solid #cccccc;
}

.guide_area a img {
  float: left;
  margin: 20px 10px 20px 0;
}

.guide_title {
  margin-top:20px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}

.guide_title a {
  color:#0000ff;
  font-weight: bold;
}

/************************************************************
GESTURE
************************************************************/

.alpine-skiing h4 {
  margin-top: 40px;
  padding:5px;
  border-radius:16px;
  color: #ffffff;
  background:#1c2187;
  font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
  text-align:center;
}

.gesture_area {
  margin: 30px 0 0;
  padding: 10px;
  width: 100%;
  border-radius: 5px;
  border: 3px solid #cccccc;
}

.gesture_area a img {
  float: left;
  margin: 0 10px0 0;
}

.gesture_title {
  margin-top:20px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}

.gesture_title a {
  color:#0000ff;
  font-weight: bold;
}