@charset "UTF-8";
/* CSS Document */

body{
	background-color: #fff !important;
}

.container{
	padding-left: 0 !important;
	padding-right: 0 !important;
}


/* .row の左右のネガティブマージンを0にする */
.row--nopadding {
  margin-left: 0;
  margin-right: 0;
}

/* .row--nopadding の中にあるカラムの左右のパディングを0にする */
.row--nopadding > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}


.pageGoTaiken {
    position: fixed;
    top: 140px;
    right: 0px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
	z-index: 9999;
}

.pageGoTaiken img:hover{
	opacity:0.90;
	filter:alpha(opacity=90);
	-ms-filter: “alpha( opacity=90 )”;
}

.pageGoToiawase {
    position: fixed;
    top: 360px;
    right: 0px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
	z-index: 9999;
}

.pageGoToiawase img:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter: “alpha( opacity=90 )”;
}

.pageGoShoplist {
    position: fixed;
    top: 250px;
    right: 00px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
	z-index: 9999;
}

.pageGoShoplist img:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter: “alpha( opacity=90 )”;
}

.page-top {
    position: fixed;
    bottom: 40px;
    right: 10px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.page-top img:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter: “alpha( opacity=90 )”;
}

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

.pageGoTaiken{
    top: 70px;
    right: 0px;
}

.pageGoToiawase{
    top: 143px;
    right: 0px;
}

.pageGoShoplist {
    top: 216px;
    right: 0px;
}

.page-top {
    bottom: 20px;
    right: 5px;
}

.pageGoTaiken img,
.pageGoToiawase img,
.pageGoShoplist img{
	max-width: 63px;
}

.page-top img{
	max-width: 40px;
}
	
}


/* 店舗一覧 */

#shopListWrap{
	margin-bottom: 70px;
}

#shopListWrap .areaWrap{
	border-top: 1px solid #CCC;
}

#shopListWrap .areaWrap dl{
	margin-bottom: 0px;
}

#shopListWrap .areaWrap dt{
	font-size: 25px;
	display: block;
	padding: 35px 25px;
	margin-bottom: 0;
	border-bottom: 1px solid #CCC;
	cursor: pointer;
}

#shopListWrap .areaWrap dt.btnOpen{
	background-image: url(../images/common/arrowOpen.png);
	background-repeat: no-repeat;
	background-position: right 25px bottom 35px;
	
}

#shopListWrap .areaWrap dt.btnClose{
	background-image: url(../images/common/arrowClose.png);
	background-repeat: no-repeat;
	background-position: right 25px bottom 35px;
}

#shopListWrap .areaWrap dl dd{
	display: none;
}

#shopListWrap .areaWrap dl dd .shopDetail{
	padding: 10px 50px;
	border-bottom: 1px solid #CCC;
}

#shopListWrap .areaWrap dl dd div.shopDetail:hover{
	background-color: #FFFFBF;
}

#shopListWrap .areaWrap dl dd .shopDetail .shopLink{
	display: block;
}

#shopListWrap .areaWrap dl dd .shopDetail a{
	color: #333;
	text-decoration: none;
}

#shopListWrap .areaWrap dl dd .shopDetail p{
	margin: 0;
	padding: 0;
}

#shopListWrap .areaWrap dl dd .shopDetail p.name{
	font-weight: bold;
}

#shopListWrap .areaWrap dl dd .shopDetail p.addres{
}

#shopListWrap .areaWrap dl dd .shopDetail p.tel{
}

#shopListWrap .areaWrap dl dd p.noshop{
	display: block;
	padding: 10px 50px;
	border-bottom: 1px solid #CCC;
}

#shopListWrap .areaWrap .clorOrg{
	color: #F26521;
}


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

#shopListWrap .areaWrap dt{
	font-size: 22px;
	padding: 22px 25px;
}

#shopListWrap .areaWrap dt.btnOpen{
	background-position: right 25px bottom 22px;
	
}

#shopListWrap .areaWrap dt.btnClose{
	background-position: right 25px bottom 22px;
}


}

/* 店舗一覧 */

/* 問い合わせフォーム */

#toiawaseFormWrap{
}

#toiawaseFormWrap p{
	margin: 0;
}

#toiawaseFormWrap input, textarea,select{
	width: 100%;
	font-size: 110%;
}

#toiawaseFormWrap label{
	margin: 0;	
}

#toiawaseFormWrap form table{
	vertical-align: middle;
}

#toiawaseFormWrap .hissu{
	color: #f00;
}

#toiawaseFormWrap #form_table{
	display: table;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}
#toiawaseFormWrap .form-group{
	display:table-row;
	margin: 0!important;
}
#toiawaseFormWrap .vhd{
	display: table-cell;
	vertical-align: middle;
	font-weight: 600;
	width: 200px;
	white-space: nowrap;
	padding: 20px 0px;
	border-collapse: collapse;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
#toiawaseFormWrap .vtd{
	display: table-cell;
	vertical-align: middle;
	padding: 20px 0px;
	white-space: normal !important;
	border-collapse: collapse;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

#toiawaseFormWrap .panel{
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

#toiawaseFormWrap .confirmBtn{
	margin: 50px 0 50px;;
	text-align: center;
}

#toiawaseFormWrap button.cmfbtn {
    width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
}

#toiawaseFormWrap button:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}

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

#toiawaseFormWrap #form_table{
	display: block;
	width: 90%;
	border-top: 1px solid #aaa;
}

#toiawaseFormWrap .form-group{
	display:block;
	margin: 10px 0;
	width: 100%;
}

#toiawaseFormWrap .vhd{
	display: block;
	width: 100%;	
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	border-top: none;
	border-bottom: none;
}

#toiawaseFormWrap .vtd{
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px 0;
	border-top: none;
}
	
}