/* カスタマイズ用CSS */


/*top
-----------------------------------------------------*/

.topBnr{
	margin-bottom:30px;
	background:url(../img/shimizu/topbnr_bg.png) no-repeat right bottom;
	
}	

.topBnr ul{
	overflow:hidden;
	margin-right:-20px;
	margin-top:-15px;
	
}

.topBnr li{
	float:left;
	margin-right:20px;
	margin-top:15px;
	line-height: 0;
}

.topMovie{
	margin-bottom:30px;
	position:relative;
}

.topMovie iframe{
	position:absolute;
	top:20px;
	right:20px;
}

.topBox{
	margin-bottom:30px

}

.topBox h2 {
	padding: 7px 0 6px 10px;
	background: url('../img/background/bg_btn_bloc_02.jpg') repeat-x left bottom;
	margin-bottom:15px;
}

.flowList{
	line-height:2em;
}

.payment p+p{
	margin-top:1em;
}

.carriageTbl{
	width:100%;
/*	border-left:1px solid #fff;
	border-top:1px solid #fff;
	box-sizing:border-box;
	-moz-box-sizing:border-box;*/
	font-size:100%;
}

.carriageTbl th{
	background:#6a3209;
	color:#fff;
	padding:5px;
    border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	text-align:left;
}

.carriageTbl td{
	background:#f4e2c1;
	padding:5px;
    border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}


/*page
-----------------------------------------------------*/

.section+.section{
	margin-top:30px;
}

.section p+p{
	margin-top:1.2em;
}

.section h3{
	margin-bottom:15px;
	color:#333;
	border-bottom:1px dotted #ccc;
	border-left:2px solid #BD3328;
	font-size:120%;
	padding:5px 10px 5px 10px;
}

.section h4{
	margin-bottom:10px;
	color:#333;
}


/*common
-----------------------------------------------------*/

.st{
	font-weight:bold;
}

.point_a{
	color:#951919;
}

/*column
-----------------------------------------------------*/

.g01_01{
	width:439px;
}

.g01_02{
	width:305px;
}

.g02_01{
	width:374px;
}

.g02_02{
	width:350px;
}

.colL{
	float:left;
}

.colR{
	float:right;
}

.col2c{
	width:372px;
}


/*margin&padding
-----------------------------------------------------*/

.mgnBtm5 {
	margin-bottom: 5px;
}
.mgnBtm15 {
	margin-bottom: 15px;
}
.mgnBtm10 {
	margin-bottom: 10px;
}
.mgnBtm20 {
	margin-bottom: 20px;
}
.mgnBtm30 {
	margin-bottom: 30px;
}
.mgnBtm35 {
	margin-bottom: 35px;
}
.mgnBtm40 {
	margin-bottom: 40px;
}
.mgnBtm50 {
	margin-bottom: 50px;
}


.ec-ruleRole {
  padding: 40px 0;
 }
  .ec-ruleRole .ec-ruleRole__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .ec-ruleRole .ec-ruleRole__listItem {
    margin-bottom: 20px;
    width: 100%;
    height: auto; }
  .ec-ruleRole .ec-ruleRole__listItemTitle {
    margin-top: .5em;
    font-size: 14px;
    color: black; }
    
  @media only screen and (min-width: 768px){
  .ec-ruleRole{
    padding: 60px 0;
  }

  .ec-ruleRole .ec-ruleRole__list{
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .ec-ruleRole .ec-ruleRole__listItem{
    width: calc(100% / 2);
  }

  .ec-ruleRole .ec-ruleRole__listItem:not(:last-of-type){
    margin-right: 30px;
  }

  .ec-ruleRole .ec-ruleRole__listItemTitle{
    margin-top: 1em;
  }

  .ec-shelfGrid .ec-shelfGrid__item-image {
        height: 170px;
  }

}