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

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.shop_detail.display_flex {
	align-items: center;
}

.shop_detail.display_flex .labo_image {
	padding-right: 15px;
	flex-basis: 55px;
}

.shop_detail.display_flex .detail {
	flex: 1;
}

.display_flex {
	display: flex;
}

.label.label-new {
  display: inline;
  padding: .2em .6em .2em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background: #E26C30;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}


#wrap.city a {
    color: #231815;
}

.shop_frame {
    padding-top: 2px;
    padding-bottom: 1px;
    padding-right: 1px;
    padding-left: 1px;
    border: 1px solid red;
}

/* -----------------------
geolocation
----------------------- */

.map_iframe {
	width: 100%;
	height: 100%;
	border: none;
}

@media screen and (max-width: 667px) and (min-width: 0px){
	#proshop .geolocation #gMapArea #gMap,
	.map_iframe {
		height: 568px;
	}
}

/* -----------------------
city
----------------------- */
#wrap.city {
	overflow-x: auto;
}

#wrap.city th {
	background: #656666;
	color: #ffffff;
	padding: 4px 0;
	text-align: center;
	border: 1px solid #cccccc;
	letter-spacing: -0.06em !important;
	vertical-align: middle;
	/* font-weight: bold; */
	font-size: 79%;
	line-height: 1.42857143;
}

.fzm03 {
	font-size: 79% !important;
}

#wrap.city table {
	width: 100%;
	min-width: 940px;
}

#wrap.city td {
	padding: 4px 6px;
	text-align: center;
	font-size: 12px;
	border: 1px solid #cccccc;
	vertical-align: middle;
	line-height: 1.42857143;
}

#wrap.city td .shop_name {
	color: #0b3290;
	font-weight: bold;
	font-size: 14px;
	margin-right: 8px;
}

/* -----------------------
shop
----------------------- */

#detailInfoArea h4 {
	border-top: 1px solid #0b328f;
	font-weight: 700;
	font-size: 129%;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q5ZjFmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-linear-gradient(top, #d9f1ff, #ffffff 26px);
	background-image: -moz-linear-gradient(top, #d9f1ff, #ffffff 26px);
	background-image: linear-gradient(top, #d9f1ff, #ffffff 26px);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD9F1FF', endColorstr='#FFFFFFFF');
	padding: 10px 14px 8px;
	margin-bottom: 8px;
	line-height: 1.2;
	clear:both;
}
#detailInfoArea * + h4 {
	margin-top: 30px;
}
#detailInfoArea img {
	max-width: 100%;
	height: auto;
}
#detailInfoArea iframe {
	max-width: 100%;
	height: 360px;
}
@media screen and (min-width: 0px) and (max-width: 667px) {
	#detailInfoArea iframe {
		max-width: 100%;
		height: auto;
	}
}
.column-image-left{
	margin-right: 1.65em;
}
.column-image-right{
	margin-left: 1.65em;
}
@media screen and (min-width: 0px) and (max-width: 667px) {
	.column-image-left{
		float: none;
		text-align: center;
		margin-right: 0;
	}
	.column-image-right{
		float: none;
		text-align: center;
		margin-left: 0;
	}
}
.column-image-center, .column-media-center {
	text-align: center;
}
.cke_combo__fontsize .cke_combo_text{
	width:50px !important;
}

table.table-border {
	width: 100%;
}

table.table-border th {
	font-weight: bold;
	border-bottom: 1px solid #0b328f;
	padding: 13px 8px 11px;
	width: 8em;
}

table.table-border td {
	padding: 13px 8px 11px;
	border-bottom: 1px solid #cccccc;
}

.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt30 {
	margin-top: 30px;
}
.mr15 {
	margin-right: 15px;
}
.mr30 {
	margin-right: 30px;
}
.pt30 {
	padding-top: 30px;
}

.box {
    margin-bottom: 30px;
    padding: 14px;
    border-radius: 5px;
    background: #ffffff;
    border: 1px solid #595757;
    box-shadow: 3px 3px 8px rgb(153 153 153 / 19%), 3px 3px 8px rgb(153 153 153 / 23%);
    -moz-box-shadow: 3px 3px 8px rgba(153,153,153,0.19), 3px 3px 8px rgba(153,153,153,0.23);
    -webkit-box-shadow: 3px 3px 8px rgb(153 153 153 / 19%), 3px 3px 8px rgb(153 153 153 / 23%);
}

/* -----------------------
	PRO SHOP ブログ
----------------------- */
#pro_shop_blog.box {
/*	max-width: 400px;*/
	border-color: #65BC81;
	background: linear-gradient(to bottom, #EBF5EC, #ffffff);/*IE10*/
	background: -webkit-gradient(linear, center top, center bottom, from(#EBF5EC), color-stop(0.3,#ffffff), to(#ffffff));
	background: -moz-linear-gradient(top, #EBF5EC, #ffffff 30%, #ffffff);
}

#pro_shop_blog.box > .title {
	position: relative;
	padding-left: 20px;

}

#pro_shop_blog.box > .title p {
	font-weight: bold;
}

#pro_shop_blog.box > .title h3 {
	color: #007F41;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: #898989 1px solid;
}

#pro_shop_blog.box > .title:before {
	position: absolute;
	display: block;
	content: "";
	background: #FFF100;
	width: 5px;
	height: 30px;
	margin: auto;
	left: 0;
	top: 0;
	bottom: 0;
}

#pro_shop_blog.box .new_blog .img_thumb {
	position: relative;
}

#pro_shop_blog.box .new_blog .img_thumb .label {
	position: absolute;
	top: 2px;
	left: 2px;
}

#pro_shop_blog.box .new_blog.blog .title {
	border: none;
}

#pro_shop_blog.box .new_blog.blog .label {
	font-size: 10px;
	padding: 4px 2px 0;
}

#pro_shop_blog.box .new_blog.blog .body {
	/*border-top: #898989 1px solid;*/
	/*margin-top: 15px;*/
	/*padding-top: 15px;*/
	padding-left: 30px;
}

#pro_shop_blog.box .blog .title {
	border-bottom: #898989 1px solid;
	padding-bottom: 4px;
}

#pro_shop_blog.box .blog .title a {
	display: flex;
	align-items: center;
}

#pro_shop_blog.box .blog .title a > img {
	padding-left: 16px;
	margin-right: 0;
}

#pro_shop_blog.box .blog .date {
	font-size: 10px;
}

#pro_shop_blog.box .display_flex {
	padding-top: 15px;
	align-items: center;
}

#pro_shop_blog.box .display_flex .image {
	flex-basis: 40%;
}

#pro_shop_blog.box .display_flex .detail {
	flex: 1;
	padding-left: 15px;
}

#pro_shop_blog .btnStyle02:after {
	content: "";
	width: 20px;
	height: 20px;
	border: none;
	background-image: url(../img/circle-chevron-right-solid.png);
	background-size: 20px;
}

.order_form {
	float :right;
}