@charset "utf-8";

/**************************************

Report

**************************************/
#plan-block {
/*	box-shadow:0 3px 3px rgba(150, 150, 150, 0.4);*/
 background:url(../img/common/bg01.jpg) repeat center;
}

#plan-block .unit {
	width:96%;
	margin: 0 auto;
    padding: 10px 0 10px 0;
}

.unit dl {
	float:left;
	over-flow: hidden;
	padding:2%;
	background:#efeae3;
	width:48%;
    margin-bottom: 4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	background:#efefef;
	box-shadow:0 3px 3px rgba(150, 150, 150, 0.4);
	moz-box-shadow:0 3px 3px rgba(150, 150, 150, 0.4);
	-webkit-box-shadow:0 3px 3px rgba(150, 150, 150, 0.4);
}

.unit dl:nth-child(odd) {
    margin-right: 4%;
}

.unit dd {
    padding-left: 5px;
    margin-bottom: 5px;
}

.unit dd .title {
    color: #3F3F00;
	font-weight:bold;
    font-size:  1.2em;
		overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.unit dd .price {
	    font-weight: bold;
    font-size: 1em;
		overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.unit dd .txt {
    font-size: 1em;
		height:18px;
		overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.unit dt {
    background-color: #000;
}

#plan-block .unit img {
	width:100%;
}

#plan-block h3 {
	font-size:150%;
	padding:6px 0px 10px;
	text-align:center;
	line-height:1.1;
}

#plan-block h3 span {
	font-size:60%;
	color:#AE2D00;
}

/* comment */
#plan-block .comment {
	clear:both;
	padding:12px 10px 10px;
	background:#FFF;
	margin:10px 10px 20px;
	box-shadow:0 3px 3px rgba(150, 150, 150, 0.4);
	moz-box-shadow:0 3px 3px rgba(150, 150, 150, 0.4);
	-webkit-box-shadow:0 3px 3px rgba(150, 150, 150, 0.4);
}

.comment .md {
	font-size:120%;
	padding:5px 0px 5px 10px;
	margin:0px 0px 6px 0px;
	border-left:3px solid #C2555A;
	line-height:1.1;
}

#plan-block .comment dd {
	font-size:110%;
	color:#DD4671;
	font-weight:bold;
	padding:0px 0px 4px 0px;
	border-bottom:dotted 1px #799DA5;
}

#plan-block .comment dt {
	padding:10px 0px 20px 0px;
	overflow: hidden;
}

#plan-block .comment dt .cmt{
	margin-bottom:6px;
	width:84%;
}

.ranking01 .box{
	background:url(../plan/img/rank1.png) no-repeat right;
	background-size:80px 50px;
}
.ranking02 .box{
	background:url(../plan/img/rank2.png) no-repeat right;
	background-size:80px 50px;
}
.ranking03 .box{
	background:url(../plan/img/rank3.png) no-repeat right;
	background-size:80px 50px;
}

/************************************************

	Clear

************************************************/
#plan-block .unit
{
	zoom:1;
}

#plan-block .unit:after
{
	content:''; display:block; clear:both; overflow:hidden;
}

.banq{
  width: 90%;
	margin:10px auto 20px auto;
}

.banq  li {
  width: 48%;
  float: left;
  }
  .banq  li:last-child {
    float: right;
  }


.le{
	float:left;
	margin:0 0 10px;
}
.ri{
	float:right;
}

.btn02 a {
  font-size: 14px;
  line-height: initial;
  position: relative;
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
  text-decoration: none;
  background: none;
  color: #000;
  text-align: center;
}

main.main_top {
  margin-bottom: 10%;
}
