@charset "utf-8";
/* CSS Document */
/*ブランドリスト*/
.contents_title {
	width:100%;	
	height:35px;
	margin:0px;
	padding:0px;
	background-color:#666;
	display:table;

}
.contents_title h2 {
	width:50%;
	height:29px;
	color:#FFF;
	font-size:1.2rem;
	font-weight:bold;
	line-height:29px;
	margin-top:3px;
	padding-left:3px;
	border-left:5px solid #8FC420;
	background-color:#666;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
	
}
.contents_title span {
	width:50%;
	height:29px;
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	padding-right:5px;
	line-height:29px;

}
.contents_title span a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

/*トップ下部コンテンツ*/
.contents {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background-color:#FFF;
}

.brand_shop_list {
	width:100%;
	height:auto;
	display:table;
	padding:15px 10px 15px 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	
}
.brand_shop_list h3 {
	width:75%;
	height:auto;
	display:table-cell;
	vertical-align:middle;
	font-size:1.2rem;
	font-weight:bold;
	
}
.brand_shop_list .all_view {
	width:auto;
	display:table-cell;
	vertical-align:middle;	
	text-align:right;
	font-size:1.0rem;
}
.brand_shop_list .all_view a {
	text-decoration:none;
	color:#333;	
	font-weight:bold;
}
ul.list {
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;	
}
ul.list li {
	width:100%;
	height:auto;
	margin:0px;
	list-style:none;
	border-bottom:1px dotted #CCC;
	background-image:url(/uploads/portal_lpcms/images/sp/brand_image/s3_green.png);
	background-repeat:no-repeat;
	background-position:98% center;
	background-size:auto 9px;
	-webkit-background-size:auto 14px;
	-moz-background-size:auto 14px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	
	
}
ul.list li img {
	width:60px;
	vertical-align:text-top;
	float:left;
	margin-right:10px;
	}
ul.list li p {
	width:100%;
	padding:0px 10px 0px 0px;
	line-height:140%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
ul.list li strong {
	font-size:1.2rem;
	color:#0062AB;	
}
ul.list li a {
	text-decoration:none;
	color:#333;	
	display:block;
	padding:10px;
}
.other_brand {
	width:100%;
	height:auto;
	text-align:center;	
}
.other_brand a {
	width:270px;
	height:44px;
	margin:10px auto;
	display:block;
	line-height:44px;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-size:1.2rem;
}
.other_brand h3 {
	width:100%;
	padding:20px 0px 10px 0px;
	font-size:1.2rem;
}
.g {
	background: #ffa64d;
	background: -moz-linear-gradient(top,  #ffa64d 0%, #ffa64d 50%, #ff9224 51%, #ff9224 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa64d), color-stop(50%,#ffa64d), color-stop(51%,#ff9224), color-stop(100%,#ff9224));
	background: -webkit-linear-gradient(top,  #ffa64d 0%,#ffa64d 50%,#ff9224 51%,#ff9224 100%);
}
.m {
	background: #8fabff;
	background: -moz-linear-gradient(top,  #8fabff 0%, #8fabff 50%, #7396ff 51%, #7396ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fabff), color-stop(50%,#8fabff), color-stop(51%,#7396ff), color-stop(100%,#7396ff));
	background: -webkit-linear-gradient(top,  #8fabff 0%,#8fabff 50%,#7396ff 51%,#7396ff 100%);
}
.l {
	background: #85b200;
	background: -moz-linear-gradient(top,  #85b200 0%, #85b200 50%, #80aa00 51%, #80aa00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85b200), color-stop(50%,#85b200), color-stop(51%,#80aa00), color-stop(100%,#80aa00));
	background: -webkit-linear-gradient(top,  #85b200 0%,#85b200 50%,#80aa00 51%,#80aa00 100%);
}   

/*ブランド中身*/
.brand_top_img {
	width:100%;
	height:auto;
	position:relative;
}
.brand_top_img img {
	width:100%;
	vertical-align:bottom;	
}
.brand_top_img h2 {
	width:100%;
	font-size:1.8rem;
	padding:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#brand_shop_info {
	width:100%;
	height:auto;
	margin:0;
	padding:0;	
}
#brand_shop_info .shop_introduction {
	width:95%;
	height:auto;
	margin:10px auto 10px auto;
	border:2px solid #CCC;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:7px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-size:1.2rem;
	line-height:140%;
}
/*検索*/
#brand_search_box {
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
}
#brand_search_box header {
	font-size:1.4rem;
	text-indent:10px;
	font-weight:bold;
	line-height:35px;
	background-color:#666;
	border-left:5px solid #8FC420;
	color:#FFF;	
}
.brand_free_text {
	width:95%;
	margin: 10px auto 5px auto;
}


.brand_free_text .brand_textarea {/*リンク用*/
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	width:73%;
	height:40px;
	border:1px solid #BFBCB0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	float:left;
	padding:0px 0px 0px 45px;
	vertical-align:middle;
	font-size:1.6rem;
	margin:0px;
	background-image:url(../images/search_icon.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:auto 100%;
	-webkit-background-size:auto 100%;
	-moz-background-size:auto 100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.brand_free_text .brand_search_button {
	display:block;
	width:20%;
	height:38px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border:1px solid #BFBCB0;
	background: #fbfbf9;
	background: -moz-linear-gradient(top,  #fbfbf9 0%, #e5e3d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbf9), color-stop(100%,#e5e3d8));
	background: -webkit-linear-gradient(top,  #fbfbf9 0%,#e5e3d8 100%);
	color:#999;
	font-family: "HiraKakuProN-W6","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.6rem;
	font-weigth:bold;
	text-align:center;
	float:left;
	margin-left:5px;
	margin-top:-1px;
	text-decoration:none;
	line-height:38px;
position:relative;
}
.brand_sub_text {font-size:1.2rem;}
.brand_area_icon {
	background-image:url(../images/area_icon.png);
	background-repeat:no-repeat;
	background-position:center 10px;
	background-size:auto 40px;
	-webkit-background-size:auto 40px;
	-moz-background-size:auto 40px;
}
.brand_gps_icon {
	background-image:url(../images/gps_icon.png);
	background-repeat:no-repeat;
	background-position:center 10px;
	background-size:auto 40px;
	-webkit-background-size:auto 40px;
	-moz-background-size:auto 40px;
}
.brand_brand_icon {
	background-image:url(../images/brand_icon.png);
	background-repeat:no-repeat;
	background-position:center 10px;
	background-size:auto 40px;
	-webkit-background-size:auto 40px;
	-moz-background-size:auto 40px;
}
/*20150316検索結果*/
#brand_shop_list {
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
}
#brand_shop_list header {
	font-size:1.4rem;
	text-indent:10px;
	font-weight:bold;
	line-height:35px;
	line-height:35px;
	background-color:#666;
	border-left:5px solid #8FC420;
	color:#FFF;	
}
#brand_shop_list .brand_search_word {
	width:100%;
	height:auto;
	text-indent:15px;
	font-size:1.2rem;
	line-height:25px;
	font-weight:bold;	
}
#brand_shop_list .brand_shop_list {
	width:100%;
	height:auto;
	padding:10px;
	margin:0px;
	display:table;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-bottom:1px solid #CCC;
}
#brand_shop_list .brand_left_columm {
	display:table-cell;
	vertical-align:top;
	width:100px;
}
#brand_shop_list .brand_left_columm img {
	max-width:100px;
	max-height:100px;
}
#brand_shop_list .brand_left_columm .myshop {
	display:block;
	width:100%;
	height:35px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#FFF;
	font-size:1.0rem;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	line-height:35px;
	letter-spacing:0px;
	margin-top:5px;
}
#brand_shop_list .brand_left_columm .myshop.on{
	background: #ffa64d;
	background: -moz-linear-gradient(top,  #ffa64d 0%, #ffa64d 50%, #ff9224 51%, #ff9224 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa64d), color-stop(50%,#ffa64d), color-stop(51%,#ff9224), color-stop(100%,#ff9224));
	background: -webkit-linear-gradient(top,  #ffa64d 0%,#ffa64d 50%,#ff9224 51%,#ff9224 100%);
	box-shadow:2px 2px 2px #CCC;
	-webkit-box-shadow:2px 2px 2px #CCC;
	-moz-box-shadow:2px 2px 2px #CCC;
	text-shadow:1px 1px 1px #DD7F20;
}
#brand_shop_list .brand_left_columm .myshop.off{
	background: #d6d6d6;
	background: -moz-linear-gradient(top,  #d6d6d6 0%, #d6d6d6 51%, #cccccc 51%, #cccccc 51%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(51%,#d6d6d6), color-stop(51%,#cccccc), color-stop(51%,#cccccc), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #d6d6d6 0%,#d6d6d6 51%,#cccccc 51%,#cccccc 51%,#cccccc 100%);
}
#brand_shop_list .brand_right_columm {
	width:100%;
	height:auto;
	display:table-cell;
	vertical-align:top;
	padding-left:10px;
}
#brand_shop_list .brand_right_columm h2 {
	font-size:1.2rem;
	font-weight:bold;
	line-height:140%;
	margin-bottom:5px;	
	color:#0062AB;
	text-decoration:underline;	
}
#brand_shop_list .brand_right_columm .brand_address {
	line-height:140%;	
}
#brand_shop_list .brand_right_columm ul {
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;	
}
#brand_shop_list .brand_right_columm ul li {
	width:32%;
	display:block;
	float:left;	
	text-align:center;
	font-size:0.8rem;
	font-weight:bold;
	color:#FFF;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin:1px;
	padding:2px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	letter-spacing:0px;
}
#brand_shop_list .brand_right_columm ul.icon {
	width:100%;
	height:auto;
	margin:5px 0px 0px 0px;
	padding:0px;	
}
#brand_shop_list .brand_right_columm ul li.on {
	background-color:#85B200;	
}
#brand_shop_list .brand_right_columm ul li.off {
	background-color:#EEE;	
}
#brand_shop_list .brand_right_columm a {
	color:#0062AB;
	text-decoration:underline;
}
#brand_shop_list .brand_right_columm .brand_shop_add {
	display:block;
	width:100%;
	height:auto;
	color:#333;
	text-decoration:none;	
}

.brand_area {
	width:310px;
	height:auto;
	margin:10px auto 10px auto;
	padding:0px;
}
.brand_area p {
	width:100%;
	text-align:center;
	font-size:1.6rem;
	font-weight:bold;
	position:absolute;
	bottom:3px;
}
.brand_area a {
	display:block;
	width:145px;
	height:89px;
	background-color:#F2F2F2;
	margin:0px 5px 0px 5px;
	color:#333;
	text-decoration:none;
	float:left;
	position:relative;
	border:1px solid #CCC;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
/*ブランドおすすめ*/
#brand_select {
	width:95%;
	height:auto;
	margin:20px auto 0px auto;
	padding:0px;	
}
#brand_select header {
	width:100%;
	height:auto;
	background-color:#79796A;
	position:relative;
	border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	color:#FFF;
	font-size:1.4rem;
	font-weight:bold;
	line-height:140%;
	margin:0px auto 0px auto;
	padding:5px 0px 5px 65px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#brand_select header img {
	width:54px;
	position:absolute;
	top:-10px;
	left:10px;
}
#brand_select article {
	width:100%;
	height:auto;
	padding:15px;
	background-color:#F9F9F5;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	display:table;
}
#brand_select article .select_pic {
	display:table-cell;
	vertical-align:top;	
	width:100px;
}
#brand_select article .select_pic img {
	max-width:100px;
	max-height:100px;	
}
#brand_select article .select_text {
	width:100%;
	display:table-cell;
	vertical-align:top;	
	padding-left:10px;
}
#brand_select article .select_text h3 {
	color:#0062AB;
	margin:0px 0px 5px 0px;
	font-size:1.2rem;
	line-height:140%;
}
#brand_select article .select_text a {
	width:195px;
	height:34px;
	display:block;
	background: #ffa64d;
	background: -moz-linear-gradient(top,  #ffa64d 0%, #ffa64d 50%, #ff9224 51%, #ff9224 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa64d), color-stop(50%,#ffa64d), color-stop(51%,#ff9224), color-stop(100%,#ff9224));
	background: -webkit-linear-gradient(top,  #ffa64d 0%,#ffa64d 50%,#ff9224 51%,#ff9224 100%);
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	position:relative;
	margin-top:20px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:1.2rem;
	line-height:34px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#brand_select article .select_text a div {
	background-image:url(../images/select.png);
	background-repeat:no-repeat;
	background-position:left 7px;
	background-size:25px;
	-webkit-background-size:25px;
	-moz-background-size:25px;
	width:35px;
	height:34px;
	float:left;
	
}
#brand_select article .select_text a p {
	position:absolute;
	top:-7px;
	right:3px;
	display:table;
	width:45px;
	height:45px;
	border-radius:23px;
	-webkit-border-radius:23px;
	-moz-border-radius:23px;
	background-color:#FFF;
	border:2px solid #FF9326;
	text-align:center;
	line-height:130%;
	font-size:1.0rem;
	color:#D80000;
	letter-spacing:0px;
}
#brand_select article .select_text a p span {
	display:table-cell;
	vertical-align:middle;	
}
/*その他ブランド*/
#other_brand {
	width:100%;
	height:auto;
	margin:0px auto 20px auto;
	padding:0px;
	background-color:#FFF;
}
#other_brand header {
	width:100%;
	height:auto;
	font-size:1.4rem;
	line-height:35px;
	text-indent:10px;	
	font-weight:bold;
}
#other_brand .other_shop {
	width:97%;
	height:auto;
	margin:auto;
	padding:5px;
	display:table;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background-image:url(../images/s3_green.png);
	background-repeat:no-repeat;
	background-position:98% center;
	background-size:auto 14px;
	-webkit-background-size:auto 14px;
	-moz-background-size:auto 14px;
	border:1px solid #DDD;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.05);
	background-color:rgba(0,0,0,0.02);
}
#other_brand .left_columm {
	display:table-cell;
	vertical-align:top;
	width:160px;
}
#other_brand .left_columm img {
	max-width:120px;
	vertical-align:bottom;
}
#other_brand .right_columm {
	width:100%;
	height:auto;
	display:table-cell;
	vertical-align:top;
	padding:0px 20px 0px 10px;
}
#other_brand .right_columm h2 {
	font-size:1.2rem;
	font-weight:bold;
	line-height:140%;
	margin-bottom:5px;	
	color:#0062AB;
	text-decoration:underline;
}
#other_brand .right_columm .brand_address {
	line-height:140%;	
}
#other_brand a {
	color:#333;
	text-decoration:none;	
}