@charset "UTF-8";
@-ms-viewport{width:device-width;}

/*
	Description: 車検と車の手続き案内センター用css
	Author: Masahiro Yamamoto
	Version: 1.0.1
	Tags: white, right-sidebar, two-columns
*/

/* CSS Document */

*{
margin : 0; padding : 0;
font-family:"游ゴシック", YuGothic, "ＭＳ Ｐゴシック", "MS pGothic", "メイリオ", Meiryo, "ヒラギノ角ゴ pro W3", "Hiragino Kaku Gothic pro", Osaka, sans-serif;
line-height:100%;  color:#333;
}

body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}

address{
font-style: normal;
}

h1,h2,h3,h4,h5,h6{
font-style: normal;
font-weight: normal;
}

table{border-spacing:0; table-layout:fixed; border-collapse:collapse;}
* html table{border-collapse:collapse;}
*:first-child+html table{border-collapse:collapse;}
caption,th{text-align:left; font-weight:normal;}
table,th,td,img,p{border:0;}
input{vertical-align:middle;}
q:before,q:after{content:'';}
ul,ol{list-style: none;}

td{vertical-align:top;}

img{font-size:1px; line-height:100%; vertical-align: top;}

p{line-height:1.8; overflow: hidden;}

button,
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
}

select {
  /* styling */
  background-color: white;
  border: thin solid #ccc;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select.search{margin-bottom: 16px;}

/* --- link --- */
a {
color: #0066cc;
text-decoration:none;
}

a:visiteded {
color: #0066cc;
text-decoration:none;
}

a:hover {
color: #0066cc;
text-decoration:none;
}


/* Chrome でのみフォントを太めに表示する */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  * {
    -webkit-text-stroke-width: .1px !important;
  }
}




/*LAYOUT */
body{background:#fff; position:relative;}

header{padding: 16px 0 0; width: 100%;}

#contents{padding:32px 0;}
#contents .container{width:100%; display:table; table-layout:fixed; border-collapse:separate; border-spacing:0 0;}
#contents .container .main,
#contents .container .side{padding:0 16px; display:table-cell; vertical-align:top;}
#contents .container .main{width:836px; height:auto;}
#contents .container .side{width:268px; height:auto;}

#cover{
	padding:0px 0 16px 0;
	width:100%; height:465px;
	background:url(/image/top/bg_cover.jpg) no-repeat top center;
	background-size:cover;
	background-position: 20% 55%;
	position: relative;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #ccc;
}

#fnav{padding: 32px 0; background: #dcdcdd; border-top: solid 1px #ccc;}

footer{padding:16px 0; background:#0066cc; color: #fff; text-align: center;}

.inner{margin:0 auto; padding:0 16px; width:1168px; box-sizing: content-box;}

@media (max-width: 767px) {

}


/*HEADER */
.head{margin-bottom: 16px; display:table; position: relative;}
.ci{
	margin:0 auto;
	width:239px; height:65px; display: table-cell;
	background:url(/image/_common/ci.png) no-repeat;
    text-indent:100%; white-space: nowrap; overflow: hidden;
}
.ci a{width:239px; height:65px; display:block;}

.header-desc{padding-left:48px; height:65px; font-size:12px; line-height:2.0; color:#333;  display: table-cell; vertical-align: middle;}

.hlink{overflow: hidden; position: absolute; top: 0; right: 16px;}

.hlink li{
	margin-right: 16px; float: left;
	font-size: 13px; line-height: 1.0; font-weight:bold;
}
.hlink li:last-child{margin-right: 0px;}
.hlink li a{color:#333;}
.hlink li .fa-caret-right{margin-right:4px;}


/*NAV */
nav{background:#0066cc;}

nav .gnav{width:100%; display:table; table-layout:fixed; border-collapse:separete; border-spacing:0px 0px;}
nav .gnav li{display:table-cell; vertical-align:top; font-size:16px; line-height: 1.0;}

nav .gnav li a {
	padding: 12px 0;
	font-size: 16px; line-height: 1.0; text-align: center; color: #fff;
	font-family: tbudrgothic-std, sans-serif;
	font-style: normal; font-weight: 700;
	display: block;
}

nav .gnav li a:hover {background: #00a7e1; color: #0066cc;}

/*COVER */
.cover{height:465px; position: relative;}
.cover p{position: absolute; top:24px; left:16px;}
.cover p img{width: 100%; height: auto;}

.topic{
	padding:24px 16px; width:1136px;
	background-color:rgba(255,255,255,0.8);
	border-radius: 4px;
	position:absolute; bottom: 0px; left: 16px;
}
.topic dl{width:100%; display:table; table-layout:fixed; border-collapse:separete; border-spacing:0 0;}
.topic dt,.topic dd{display:table-cell; font-size:14px; font-weight:bold;}
.topic dt{padding:3px 0; width:120px; text-align: center; color:#fff; background:#0066cc}
.topic dd a{font-weight:bold; text-decoration: underline;}
.topic dd.tit{padding-left:48px; width:852px;}
.topic dd.tit span{padding-right:40px; display:inline-block;}
.topic dd.link{width:116px; text-align:right; font-size:13px;}
.topic dd.link a{color:#333; text-decoration:none;}
.topic dd .fa-caret-right{margin-right:4px;}

/*PANKUZU */
#breadcrumbs{padding:32px 0 0;}
#breadcrumbs ul{padding:0 16px; overflow:hidden;}
#breadcrumbs li{float: left; margin-right:8px; font-size:13px; line-height: 1.0;}
#breadcrumbs li:before{padding-right:8px; font-size:14px; content:">"}
#breadcrumbs li:first-child:before{padding-right:0px; content:""}
#breadcrumbs li:last-child{margin-right:0px;}
#breadcrumbs li:last-child a{color:#333;}

/*FOOTER */
#fnav dl{overflow: hidden; font-size:14px; line-height:1.0;}
#fnav dt{margin-bottom: 16px; padding-bottom: 8px; border-bottom: solid 1px #333; font-weight: bold;}
#fnav dd{margin-bottom: 16px; float: left; width: 50%;}
#fnav dd a{color: #333;}

footer ul{padding-bottom:16px; display: table; margin: auto;}
footer li{margin-right: 8px; font-size:14px; line-height:1.0; display: table-cell;}
footer li a{color: #fff;}
footer li a:hover{color: #fff;}
footer li:before{color:#fff; content:"｜"}
footer li:first-child:before{content:""}
footer p,footer p a{color: #fff; font-size:14px; line-height:1.0;}
footer p a:hover{color: #fff;}

/*COMMON */
.pagetit{margin-bottom:32px;  padding:3px; border:solid 3px #0066cc; border-radius:4px;}
.pagetit span{
	padding:19px 32px 19px 72px;
	font-size:24px;
	font-family: tbudrgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#fff;
	border-radius:4px;
	background:#0066cc;
	display:block;
	text-indent: -24px;
}
.pagetit .fa-car{margin-right:16px; color:#fff;}

.lead{
	margin-bottom: 32px;
	line-height: 2.1;
}

.subtit{
	margin-bottom: 32px;
	padding:18px 0 16px 56px;
	border-bottom:#0066cc solid 4px;
	color: #0066cc;
	font-size: 20px;
	font-family: tbudrgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
	background:url("../image/_common/subtit_icon.png") no-repeat;
	background-position: top 16px left 16px;
}
.subtit span{font-size: 16px; color: #0066cc;}


.clm {width:100%; display:table; table-layout:fixed; border-collapse:separete; border-spacing:16px 0px;}
.clm .cel {display:table-cell; font-size:16px; line-height: 2.0; vertical-align: top;}
.clm .cel img{width: 100%; height: auto;}
.clm .pic-right{padding-left: 16px;}
.clm .pic-shop{width: 30%;}

.clm02{width:100%; display:flex;}
.clm02 .cel{margin-right: 16px; width: 410px;}
.clm02 .cel:last-child{margin-right: 0px;}
.clm02 .cel img{width:100%; height: auto;}

.conbox {
	border: solid 1px #ccc;
	border-radius: 4px;
}
.conbox h3{
	margin-bottom: 16px;
	padding-bottom: 8px;
	border-bottom:#ccc solid 1px;
	font-size: 16px;
	font-weight:bold;
}
.conbox h3 span{
	padding-left: 8px;
	font-size: 16px;
	border-left: solid 4px #0066cc;
}
p{font-size: 16px; line-height: 2.0;}
.parabox{padding:0 16px 16px 16px; line-height: 2.0;}

h4.item{ margin-bottom: 8px; padding: 0 0 8px; font-weight: 600; border-bottom: solid 1px #ccc;}


.cover-img img{width: 100%; height: auto;}

.btm01{margin-bottom:16px;}
.btm02{margin-bottom:32px;}
.btm03{margin-bottom:24px;}

a.txtlink{font-weight: bold; text-decoration: underline;}

.insp-box{
	padding-bottom:16px;
	width:100%; display:table; table-layout:fixed; border-collapse:separete; border-spacing:16px 0px;
}
.insp-box .cel{
	display:table-cell; vertical-align:top; border: #0066cc solid 2px; border-radius: 4px; padding: 16px; line-height: 1.0;
}
.insp-box .cel a{
	padding-right: 80px;
	display: block;
	color:#333;
}
.insp-box .cel p{font-size: 16px; line-height: 1.0; font-weight: 500;}
.insp-box .cel p a{color:#333;}
.insp-box .insp01 {background: url(/image/shop/haisya-kaitori/bk_haisha_about01.png) no-repeat;
	background-position: top 23px right 16px;
}
.insp-box .insp02 {background: url(/image/shop/haisya-kaitori/bk_haisha_about02.png) no-repeat;
	background-position: top 23px right 16px;
}
.insp-box .insp03 {background: url(/image/shop/haisya-kaitori/bk_haisha_about03.png) no-repeat;
	background-position: top 23px right 16px;
}
.insp-box .insp04 {background: url(/image/shop/haisya-kaitori/bk_haisha_about04.png) no-repeat;
	background-position: top 23px right 16px;
}

.formShop {
	margin-bottom: 24px;
	padding: 0px 24px;
}

.formShop label{
	width: 20%;
	font-size: 16px;
	font-weight: bold;
	display:inline-block;
}
.formShop select{margin-bottom: 16px;}

.formShop select#city {margin-left: 5px;}
.formShop select.errBorder {border-color: #f00;}
.formShop .btnBox {text-align: center;}
.formShop .btn {
	font-family: inherit;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 12px 24px !important;
	border: solid 1px #0052a4;
	background: rgb(0,102,204); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,102,204,1) 0%, rgba(0,82,164,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,102,204,1) 0%,rgba(0,82,164,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,102,204,1) 0%,rgba(0,82,164,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066cc', endColorstr='#0052a4',GradientType=0 ); /* IE6-9 */
	border-radius: 4px;
	border-style: none;
	cursor: pointer;
}
.formShop .btn:hover{opacity: 0.6;}
.formShop .btn:active {position: relative;}

.relation{padding: 0 24px 8px; overflow: hidden;}
.relation li{float: left; margin-bottom:16px; width: 50%;}
.relation li a{color: #333; font-weight: 600;}

/* 関連ページ */
.relation-p,.relation-article{
	margin-bottom: 16px; padding: 8px; text-align: center; background: #F7f3e3; border-radius: 4px;
}
.relation-article{margin-top:16px;}
.relation-p dt,.relation-article dt{margin-bottom: 8px; width: 100%; font-weight: bold;  line-height: 1.8;}
.relation-p dt span,.relation-article dt span{padding:4px 8px; background: #0066cc; color: #fff; font-weight: bold; text-align: center; display: inline-block;}
.relation-p dd,.relation-article dd {margin-bottom: 8px; width: 100%; font-weight: bold; line-height: 1.8; text-align: center;}
.relation-p dd:last-child,.relation-article dd:last-child {margin-bottom: 0px;}
.relation-p dd a,.relation-article dd a{color: #0066cc; font-weight: bold; text-decoration: underline;}
.relation-p dd strong,.relation-article dd strong{color: #f24236;}

.btn-return{
	margin-bottom: 16px;
	width: 100%;
	border: solid 1px #ccc; border-radius: 4px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.btn-return span a{padding: 16px; font-weight: 600; display: block;}
.btn-return a:hover{opacity: 0.6;}
.btn-return span a .fa-caret-right{margin-right: 16px; padding: 8px 4px 8px 6px; background: #0066cc; color: #fff; border-radius: 4px;}


.bnr {margin-bottom: 32px;}
.bnr li{margin-bottom: 16px;}
.bnr li:last-child{margin-bottom: 0px;}
.bnr li img{width: 100%; height: auto;}
.bnr .adsbygoogle{width: 100%; height: auto;}

.fa-caret-right{margin-right: 8px; color:#0066cc;}


.marker{vertical-align:baseline; background: linear-gradient(transparent 60%, #ffff66 60%);}
.asterisk {padding-left: 1em; text-indent: -1em; display: inline-block; line-height: 1.6;}
.asterisk:before {content:"\0274b"; color: #fe4a49;}

.pager{padding: 32px 0 16px; text-align: center;}
.pager span{margin-right: 8px; display: inline-block;}
.pager a{margin-right: 8px;}
.pager a:last-child{margin-right: 0px;}



/* 目次 */
.contents-table{margin-bottom: 16px; border: solid 1px #ccc; border-radius: 4px;}
.contents-table dt{margin:0; padding:0px 16px 8px; border-bottom: solid 1px #ccc;}
.contents-table dt span{padding: 8px 16px 0; border-left: solid 4px #0066cc; display: inline-block; font-weight: bold;}
.contents-table ul{padding: 16px 0 0 16px; overflow: hidden;}
.contents-table li{
	margin:0 16px 16px 0; padding-left: 16px; font-size: 16px; line-height: 1.2;
	list-style: decimal; list-style-position: inside;
}

p.gotop{
    position: fixed;
    right: 3%;
        bottom:10%;
}
p.gotop a{
    display: block; color:#0066cc; font-size:42px;
}
p.gotop .fa-caret-square-o-up{color:#0066cc; font-size:42px;}

/*COMMON BUTTON*/
.box-btn-c-detail{text-align: center; display: block;}
.box_shop-btn{padding: 16px; text-align: center; background:#e2dbbe;}
.box_shop-btn p{margin-bottom: 4px; font-size: 14px; font-weight: bold; text-align: center;}

.btn-c-detail li,
.btn-shop-detail li{display: inline-block; margin-right: 16px;}
.btn-c-detail li:last-child,
.btn-shop-detail li:last-child {margin-right: 0px;}
.btn-c-detail li a,.btn-shop-detail li a,.box_shop-btn li a,.box_shop-list li a,
.btn_detail a{
	border-radius: 4px;
	color: #fff;
	font-size: 16px; font-weight: bold;
	display: block; padding: 13px 16px;
	text-align: center; text-decoration: none;
}
.btn-c-detail li a,
.btn_detail a{
	border: solid 1px #0052a4;
	background: rgb(0,102,204); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,102,204,1) 0%, rgba(0,82,164,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,102,204,1) 0%,rgba(0,82,164,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,102,204,1) 0%,rgba(0,82,164,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066cc', endColorstr='#0052a4',GradientType=0 ); /* IE6-9 */
}

.btn-shop-detail li.tel a{
	font-size:18px;
	font-family: tbudrgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#0066cc;
	border-radius:4px;
	text-align: center;
	display: block;
	border: solid 1px #0066cc;
	background: #fff;
}
.btn-shop-detail li.contact a{
	font-size:18px;
	font-family: tbudrgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#fff;
	border-radius:4px;
	text-align: center;
	display: block;
	border: solid 1px #aa2e26;
	background: #f24236; /* Old browsers */
	background: -moz-linear-gradient(top,  #f24236 0%, #aa2e26 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f24236 0%,#aa2e26 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f24236 0%,#aa2e26 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24236', endColorstr='#aa2e26',GradientType=0 ); /* IE6-9*/
}

.btn-c-detail li a:hover,
.btn-shop-detail li a:hover,
.btn_detail a:hover{opacity: 0.6;}


.btn-c-detail .fa-caret-right,
.btn_detail .fa-caret-right{margin-right: 8px; color:#fff;}

.btn-c-detail .fa,
.btn-shop-detail .contact .fa,
.btn_detail .fa{margin-right: 8px; color:#fff;}

.btn-shop-detail .tel .fa{margin-right: 8px; color:#0066cc;}

.btn_detail{padding: 24px 0 0; display: block;}

.btn_shop-list{padding: 8px; background:#e2dbbe;}
.btn_shop-list02{padding: 16px; background:#e2dbbe;}
.btn_shop-list dt,.btn_shop-list02 dt{font-weight: bold; text-align: center;}
.btn_shop-list dt{margin-bottom:4px; font-size: 14px;}
.btn_shop-list02 dt{margin-bottom:8px; font-size: 16px;}
.btn_shop-list dd,.btn_shop-list02 dd{margin-bottom: 8px;}
.btn_shop-list dd:last-child,.btn_shop-list02 dd:last-child{margin-bottom: 0px;}
.btn_shop-list dd.contact a,.btn_shop-list02 dd.contact a{
	padding: 12px 8px;
	font-size:18px;
	font-family: tbudrgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#fff;
	border-radius:4px;
	text-align: center; text-decoration: underline;
	display: block;
	border: solid 1px #aa2e26;
	background: #f24236; /* Old browsers */
	background: -moz-linear-gradient(top,  #f24236 0%, #aa2e26 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f24236 0%,#aa2e26 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f24236 0%,#aa2e26 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24236', endColorstr='#aa2e26',GradientType=0 ); /* IE6-9*/
}
.btn_shop-list dd.tel a,.btn_shop-list02 dd.tel a{
	padding: 12px 8px;
	font-size:18px;
	font-family: tbudrgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#0066cc;
	border-radius:4px;
	text-align: center;
	display: block;
	border: solid 1px #0066cc;
	background: #fff;
}
.btn_shop-list dd a .fa,.btn_shop-list02 dd a .fa{margin-right: 8px;}
.btn_shop-list dd.contact a .fa,.btn_shop-list02 dd.contact a .fa{color:#fff;}
.btn_shop-list dd.tel a .fa,.btn_shop-list02 dd.tel a .fa{color:#0066cc;}




/*COMMON PAGER*/
.box-pager{margin-bottom: 16px; text-align: center;}
.box-pager p{line-height: 1.0;}

/* 0件 */
#conbox .noneList {
	padding: 0 5px;
}

/* 次の○件を見る */
#pagerBox {
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	margin: 0 10px;
	padding: 15px 0;
	background: #eff4f9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEX///////9VfPVsAAAAAnRSTlMApkkmy+UAAAASSURBVHheY2hg4GAQYFBgcAAABbIA+YsuK7YAAAAASUVORK5CYII=) 0 0 repeat;
	border-top: 1px dashed #b0cbe4;
	border-bottom: 1px dashed #b0cbe4;
	cursor: pointer;
}
#pagerBox:hover {
	background-color: #eaeff7;
}
#pagerBox p a {
	color: #0066cc;
	text-decoration: none;
}
#pagerBox:hover p a, 
#pagerBox p a:hover {
	color: #0d4a89;
}

.disNone {
	display: none;
}


#loadingBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #333;
	-ms-filter: "alpha(opacity=20)";
	opacity: 0.2;
	z-index: 9500;
}
#nowLoading {
	position: absolute;
	width: 80px;
	height: 80px;
	-ms-filter: "alpha(opacity=80)";
	opacity: 0.8;
	z-index: 9501;
}

.disNone {
	display: none;
}

/* 次の○件を見る */
#pagerBox {
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	margin: 0 10px;
	padding: 15px 0;
	background: #eff4f9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEX///////9VfPVsAAAAAnRSTlMApkkmy+UAAAASSURBVHheY2hg4GAQYFBgcAAABbIA+YsuK7YAAAAASUVORK5CYII=) 0 0 repeat;
	border-top: 1px dashed #b0cbe4;
	border-bottom: 1px dashed #b0cbe4;
	cursor: pointer;
}
#pagerBox:hover {
	background-color: #eaeff7;
}
#pagerBox p a {
	color: #2161a3;
	text-decoration: none;
}
#pagerBox:hover p a, 
#pagerBox p a:hover {
	color: #0d4a89;
}

/*TOP */

.con-top-clm{display: flex}
.con-top-clm .cel{padding: 16px;}
.con-top-clm .tit{width: 268px; background: #fcfcfc; border-right: solid 1px #e6e6e6;}
.con-top-clm .map-search-tit{text-align: left;}
.con-top-clm .map-search{width: 550px;}
object.jmap{object-fit:contain; text-align: center;}

.con-top-clm h2{
	margin-bottom: 16px;
	padding: 73px 0 16px;
	width: 252px;
	font-size:24px; line-height: 1.4;
	font-family: tbudrgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#0066cc; text-align: center;
	border-bottom: solid 4px #0066cc;
}
.con-top-clm ul{
	padding: 16px;
	background: #e9f1f7; border-radius: 4px;
}
.con-top-clm li{margin-bottom: 16px;}
.con-top-clm li:last-child{margin-bottom: 0px;}
.con-top-clm li a{font-size: 14px; font-weight: bold; color: #333; text-decoration: underline;}


form.form-top-serch {
	padding: 16px;
	background: #0066cc; border-radius: 4px;
}

form.form-top-serch label{
	margin-bottom: 4px;
	width: 100%;
	font-size: 14px; color: #fff;
	font-weight: bold;
	display:inline-block;
}
form.form-top-serch select{margin-bottom: 8px; width: 100%; font-size: 14px;}

form.form-top-serch select.errBorder {border-color: #f00;}
form.form-top-serch .btnBox {text-align: center;}
form.form-top-serch .btn {
	font-family: inherit;
	color: #0066cc;
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 12px 24px !important;
	border: solid 1px #ccc; border-radius: 4px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	border-radius: 4px;
	border-style: none;
	cursor: pointer;
}
form.form-top-serch .btn:hover{opacity: 0.6;}
form.form-top-serch .btn:active {position: relative;}


.con-top-list{display: flex;}
.con-top-list li{
	margin-right: 16px; padding: 16px 16px 64px;
	width: 236px; position: relative;
}
.con-top-list li:last-child{margin-right:0px;}
.con-top-list .btn{
	padding: 0 17px; display:block; width:234px;
	position: absolute; bottom: 16px; left: 0px;
}
.con-top-list .btn span a{
	background: rgb(0,102,204); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,102,204,1) 0%, rgba(0,82,164,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,102,204,1) 0%,rgba(0,82,164,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,102,204,1) 0%,rgba(0,82,164,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066cc', endColorstr='#0052a4',GradientType=0 ); /* IE6-9 */
	border-radius: 4px;
	color: #fff;
	border: solid 1px #0052a4;
	font-size: 16px; font-weight: bold;
	display: block; padding: 13px 30px;
	text-align: center; text-decoration: none;
}
.con-top-list .btn a:hover{opacity: 0.6;}
.con-top-list .btn .fa-caret-right{margin-right: 8px; color: #fff;}


.con-top-list h2{
	margin-bottom: 16px; padding: 73px 0 16px;
	font-size:24px;
	font-family: tbudrgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#0066cc; text-align: center;
	border-bottom: solid 4px #0066cc;
}

h2.item01{background:url(/image/top/icon_top01.png) no-repeat top center;}
h2.item02{background:url(/image/top/icon_top02.png) no-repeat top center;}
h2.item03{background:url(/image/top/icon_top03.png) no-repeat top center;}
h2.item04{background:url(/image/top/icon_top04.png) no-repeat top center;}
h2.item05{background:url(/image/top/icon_top05.png) no-repeat top center;}
h2.item06{background:url(/image/top/icon_top06.png) no-repeat top center;}
h2.item07{background:url(/image/top/icon_top07.png) no-repeat top center;}
h2.item08{background:url(/image/top/icon_top08.png) no-repeat top center;}
h2.item09{background:url(/image/top/icon_top09.png) no-repeat top center;}


/* SYAKEN */
.search-map{text-align: center;}

.list-num{padding:0 16px 16px; list-style:decimal; list-style-position: inside;}
.list-num li{margin-bottom: 16px; padding-left: 1.0em; text-indent: -1.1em; line-height: 1.6; font-weight:bold;}
.list-num li:last-child{margin-bottom: 0px;}
.list-num li a{color:#0066cc; text-decoration: underline;}

.para_arrow_box{padding: 16px;}
.arrow_box {
	padding: 16px;
	position: relative;
	background: #fff;
	border: 4px solid #00a7e1;
	border-radius: 4px;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 30px;
	margin-left: -30px;
}
.arrow_box:before {
	border-color: rgba(0, 167, 225, 0);
	border-bottom-color: #00a7e1;
	border-width: 36px;
	margin-left: -36px;
}
.arrow_box dd,.arrow_box li{line-height:1.8;}
.arrow_box li{list-style: disc; list-style-position: inside;}
.arrow_box dd dt{font-weight: bold;}

.box-inside-link{padding: 16px; background: #e9f1f7; border-radius: 4px;}
.box-inside-link li{font-size: 14px; line-height:1.6; font-weight: bold; text-align: center;}
.box-inside-link li a{font-weight: bold; color: #0066cc; text-decoration: underline;}

.calculator{margin-bottom: 16px; padding: 0 16px;}
.calculator table{width: 100%; border-collapse: separate; border-spacing: 0px 2px;}
.calculator th,.calculator td{padding: 16px; font-size: 14px; line-height: 1.4;}
.calculator th{
  background: #0066cc; vertical-align: middle;
width: 30%;
overflow: visible; position: relative;
color: #fff; font-weight: bold; text-align: left;
}
.calculator th:after{
  left: 100%; top: 50%;
border: solid transparent;
content: " ";
width: 0; height: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 102, 204, 0); border-left-color: #0066cc; border-width: 10px;
margin-top: -10px
}
.calculator td{background: #f8f8f8; padding-left: 20px;}
.calculator td span{margin-bottom: 8px; display: inline-block; font-size: 13px; font-weight: 600; line-height: 1.2;}
.calculator li{margin-bottom: 8px;}


.calculator td label{
  display:block;
  position:relative;
  padding-left:1em;
}
.calculator td label input{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  margin:auto;
}

.juryozeiRes{padding:16px; background:#e9f1f7;}
.juryozeiRes p{font-weight: bold; text-align: center;}

#ansBoxArea {
	padding: 16px;
	background-color: #b5e2fa;
	border-radius: 0 0 7px 7px;
}
#ansBoxArea .ansBox {
	margin: 0 auto;
	width: 280px;
	overflow: hidden;
}
#syakenTool .ansBox dt {
	font-weight: bold;
	width: 110px;
	font-size: 14px;
	margin-top: 3px;
	float: left;
}
#syakenTool .ansBox dd {
	width: 134px;
	margin: 2px 0 0 10px;
	padding: 2px;
	font-size: 14px;
	float: left;
	text-align: right;
	border: 1px solid #aaa;
	background-color: #fff;
}
#syakenTool .ansBox dd#resTitle,
#syakenTool .ansBox dd#resTitleNext {
	font-weight: bold;
	margin-top: 0;
	text-align: center;
	border: none;
	background-color: #e8f4ca;
}
#syakenTool .ansBox dd span {
	font-weight: bold;
	padding: 0 0.3em;
}
#syakenTool .ansBox dd span.red {
	font-weight: normal;
	padding: 0;
}
#syakenTool .ansBoxDisNone { display: none; }
#syakenTool .text{padding-top: 16px;}


.table-rec{margin: 0 auto; padding:16px; width:100%; border-collapse: separate; background:#ebe9e9; border-radius: 4px; }
.table-rec th,.table-rec td{padding: 0 16px; width: 50%; line-height: 2.0;}
.table-rec th{text-align: center; font-weight: bold; border-bottom: solid 2px #0066cc;}
.table-rec td{border-bottom: solid 2px #fff;}

.flow-syaken {padding: 0 16px 0;}
.flow-syaken li.cel{margin-bottom: 32px; overflow: hidden;}
.flow-syaken li.cel:last-child{margin-bottom: 0px;}
.flow-syaken li.cel img{padding:2px 0 32px 32px; float: right;}

.flow-syaken h3{
	margin-bottom: 16px;
	font-size: 64px;
	font-family: tbudrgothic-std, sans-serif;
	font-style: italic;
	font-weight: 400;
	line-height:64px;
	color: #00a7e1;
}
.flow-syaken h3 span{
	padding-left: 24px;
	font-size: 24px;
	font-family: tbudrgothic-std, sans-serif;
	font-style: normal; font-weight: 400;
	display:inline-block;
	vertical-align: middle;
	line-height:normal;
	color: #333;
	border: none;
}

/* HAISYA */
.page-cover{margin-bottom: 16px;}

.cover-haisya {padding: 16px; border:solid 8px #97cc04; border-radius: 4px;}
.cover-haisya h2{
	margin-bottom: 16px;
	color: #261c15;
	font-size: 44px; font-weight: 900; font-style: normal;
	font-family: tbudrgothic-std, sans-serif; line-height: 1.2;
}
.cover-haisya h2 .em01{color: #fb6107; font-size: 56px;}
.cover-haisya h2 .em02{color: #fb6107; font-size: 48px;}

.cover-haisya ul{margin-bottom: 16px; padding: 16px; background: #f7f7f2;}

.cover-haisya dl{border:solid 1px #ccc; border-radius: 4px;}

.haisya_type{border: #00a7e1 solid 3px; border-radius: 8px;}
.haisya_type dl{padding: 8px;}
.haisya_type dt{
	margin-bottom: 8px;
	padding: 8px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #00a7e1;
	border-radius: 8px;
}
.haisya_type dt .fa-check-square{margin-right: 8px; color: #fff;}
.haisya_type dd{
	font-size: 16px; font-weight: 500;
	text-align: center;
	line-height: 2.0;
}

.flow-haisya {margin-bottom: 56px; padding: 0 24px 0;}
.flow-haisya ul{margin-bottom: 24px;}
.flow-haisya li{
	margin-bottom: 32px;
}
.flow-haisya li:last-child{
	margin-bottom: 0px;
}
.flow-haisya dl{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.flow-haisya dd{
	width: 384px;
	height: auto;
}
.flow-haisya dd img{
	width:100%;
	height: auto;
	border: #ccc solid 1px;
}
.flow-haisya dd.pic{
	padding-left: 16px;
}
.flow-haisya h4{
	margin-bottom: 24px;
	font-size: 64px;
	font-family: tbudrgothic-std, sans-serif;
	font-style: italic;
	font-weight: 400;
	line-height:64px;
	color: #00a7e1;
}
.flow-haisya h4 span{
	padding-left: 24px;
	font-size: 24px;
	font-family: tbudrgothic-std, sans-serif;
	font-style: normal;
	font-weight: 400;
	display:inline-block;
	vertical-align: middle;
	line-height:normal;
	color: #333;
}

.con-haisya-clm{display: flex; width: 100%;}
.con-haisya-clm li{
	margin-right: 16px; padding: 0 0 64px;
	width: 410px; position: relative;
}
.con-haisya-clm li:last-child{margin-right:0px;}
.con-haisya-clm .btn{
	padding: 0 17px; display:block; width:376px;
	position: absolute; bottom: 16px; left: 0px;
}
.con-haisya-clm .btn span a{
	background: rgb(0,102,204); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,102,204,1) 0%, rgba(0,82,164,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,102,204,1) 0%,rgba(0,82,164,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,102,204,1) 0%,rgba(0,82,164,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066cc', endColorstr='#0052a4',GradientType=0 ); /* IE6-9 */
	border-radius: 4px;
	color: #fff;
	border: solid 1px #0052a4;
	font-size: 16px; font-weight: bold;
	display: block; padding: 13px 16px;
	text-align: center; text-decoration: none;
}
.con-haisya-clm .btn a:hover{color:#fff; background:#666;}
.con-haisya-clm .btn .fa-caret-right{margin-right: 8px; color: #fff;}
.con-haisya-clm p {padding: 0 16px;}
.con-haisya-clm p img{width: 100%; height: auto;}


.haisya-intr{padding-bottom: 295px; position: relative;}
.box-haisya-intr{padding: 32px 16px; position: relative; background:url(/image/haisya/bg_intr.png) repeat #97cc04;}
.box-haisya-intr:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(151, 204, 4, 0);
	border-top-color: #97cc04;
	border-width: 24px;
	margin-left: -24px;
}
.haisya-intr h2{
	margin-bottom: 16px;
	width: 100%; height: 53px;
	background:url(/image/haisya/tit_intr.png) no-repeat center top;
    text-indent:100%; white-space: nowrap; overflow: hidden;
}
.haisya-intr .clm{  position: absolute; top: 302px; left:0;}
.haisya-intr .clm .txt{
	padding: 78px 0 0 0; font-size: 30px; line-height: 1.5; letter-spacing: -1px;
	font-family: tbudrgothic-std, sans-serif;
	font-weight: 900;
	font-style: normal;
}
.haisya-intr .clm .txt span{
	color: #d7263d; text-decoration: underline;
	font-family: tbudrgothic-std, sans-serif;
	font-weight: 900; font-style: normal;
}
.haisya-intr .clm .pic{width:193px;}

.haisya-intr .btn{position: absolute; bottom: 0; left: 0; width: 100%;}
.haisya-intr .btn a{
	background: #d6263d; /* Old browsers */
	background: -moz-linear-gradient(top,  #d6263d 0%, #971b2b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #d6263d 0%,#971b2b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #d6263d 0%,#971b2b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6263d', endColorstr='#971b2b',GradientType=0 ); /* IE6-9 */
	border-radius: 4px;
	color: #fff;
	border: solid 1px #d6263d;
	font-size: 32px;
	font-family: tbudrgothic-std, sans-serif;
	font-weight: 900;
	font-style: normal;
	display: block; padding: 20px 16px;
	text-align: center; text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.haisya-intr .btn a:hover{opacity: 0.6;}
.haisya-intr a .fa-calculator{color: #fff;}
.haisya-intr p img{width: 100%; height: auto;}

.about-buyer h3{
	margin-bottom: 16px; padding-bottom: 8px;
	border-bottom:#ccc solid 1px;
	font-size: 16px; font-weight:bold;
}
.about-buyer h3 span{
	padding-left: 8px;
	font-size: 16px;
	border-left: solid 4px #0066cc;
}
.about-buyer p {font-size: 14px; overflow: hidden;}
.about-buyer p img{padding:4px 0 32px 32px; float: right;}

p.soudan{margin-bottom: 16px;}
p.soudan label{margin: 0; padding: 0;}
p.soudan input[type=checkbox]{
	margin: 0; padding: 0;
	-webkit-transform: scale(1.0);
   transform: scale(1.0);
	margin-right: 2px;
}


/* UNYU */
.branch-list{padding: 0 16px 16px;}
.branch-list li{margin-bottom: 16px; padding-bottom: 16px; border-bottom: dotted 1px #ccc;}
.branch-list li:last-child{margin:0; padding:0; border-bottom:none;}
.branch-list dt{margin-bottom: 16px;}
.branch-list dt span{border-left:solid 4px #0066cc; padding-left: 8px;}
.branch-list dd{line-height: 1.8;}
.branch-list dd span{margin-right: 16px;}

.table-branch-sum {
	padding: 16px; width: 100%;
	border-collapse: separate; border-spacing: 0px 4px;
}

.table-branch-sum th,
.table-branch-sum td {padding: 16px; line-height: 1.4;}

.table-branch-sum th {
background: #0066cc;
vertical-align: middle;
text-align: left;
width: 100px;
overflow: visible;
position: relative;
color: #fff;
font-weight: bold;
}

.table-branch-sum th:after {
left: 100%; top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 102, 204, 0);
border-left-color: #0066cc;
border-width: 10px;
margin-top: -10px;
}


.table-branch-sum td {
background: #f8f8f8;
width: 360px;
padding-left: 20px;
}

/*--------SHOP------------------------------------------------------------------ */
.shop-list{padding: 0 16px 16px;}
.shop-list li{margin-bottom: 16px; border: solid 1px #ccc; border-radius: 4px;}
.shop-list li:last-child{margin-bottom: 0px;}

.shop-cel{padding-top: 16px;}

.cntTxt{padding: 0 16px 16px; text-align: right;}

.clm-shoplist {
	margin-bottom: 8px; padding:0 0 8px;
	width:100%; display:table; table-layout:fixed; border-collapse:separete; border-spacing:16px 0px;
}
.clm-shoplist .shop-list-thum,
.clm-shoplist .shop-list-info,
.clm-shoplist .shop-list-info02,
.clm-shoplist .shop-list-btn{display:table-cell;}

.shop-list h3{
	margin-bottom: 16px; padding: 0 16px 16px 0; font-size:20px;
	font-family: tbudrgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
}
.shop-list h3 span{
	padding-left: 16px;
	font-size: 20px;
	border-left: solid 4px #0066cc;
}

/*車検　都道府県ページ*/
.clm-shoplist-syaken {
	padding:16px 0;
	width:100%; display:table; table-layout:fixed; border-collapse:separete; border-spacing:16px 0px;
	border-top:solid 8px #0066cc; border-bottom:solid 1px #ccc;
}
.clm-shoplist-syaken .shop-list-thum,
.clm-shoplist-syaken .shop-list-info,
.clm-shoplist-syaken .shop-list-info02,
.clm-shoplist-syaken .shop-list-btn{display:table-cell;}
.clm-shoplist-syaken .shop-list-btn li{padding: 0;}

.shop-list-thum{width: 16%; height: auto; vertical-align: top;}
.shop-list-thum img{width: 100%; height: auto;}
.shop-list-info{width: 56%; vertical-align: top;}
.shop-list-info02{width: 72%; vertical-align: top;}
.shop-list-btn{
	padding: 16px 0; width: 28%; border-radius: 4px; border: solid 1px #ccc;
	text-align: center; vertical-align: middle;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(204,204,204,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(204,204,204,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.shop-list-btn p{margin-bottom: 4px; font-size: 14px; font-weight: bold;}
.shop-list .add{padding: 4px 16px;  font-size: 14px; line-height: 1.4; background: #F4EBD9;}
.shop-list .add02{font-size: 14px; line-height: 1.4;}
.shop-list .add .fa,.shop-list .add02 .fa{margin-right: 8px; color: #f24236;}

h2.shop-copy,p.shop-copy,dt.shop-copy{
	padding: 0 0 32px;
	font-family: tbudrgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 24px;
	line-height: 1.0;
	color: #00a7e1;
}
h2.shop-copy{padding-top: 32px; text-align: center;}
dt.shop-copy{padding-bottom:16px; text-align: center;}
p.shop-copy{padding-bottom:16px; font-size: 20px; line-height: 1.4; color: #222; text-align: center;}
p.shop-copy a{text-decoration: underline; color: #222;}

.shop-copy02{
	padding: 0 0 16px;
	font-size: 16px;
	font-family: tbudrgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align: left;
	line-height: 1.4;
	color: #00a7e1;
}

.prtxt{line-height: 1.6;}
.prtxt02{font-size: 14px; line-height: 1.6;}

.shop-info-clm{
	padding:16px 0;
	width:100%; display:table; table-layout:fixed; border-collapse:separete; border-spacing:16px 0px;
}
.shop-info-clm .cel{display:table-cell; vertical-align:top;}

.shop-info table,.shop-info02 table,.shop-info-clm table{width:100%;}
.shop-info table th,.shop-info02 table th,.shop-info-clm table th{padding:4px 0 0; width:30%; font-size: 14px; font-weight: bold;}
.shop-info table td,.shop-info02 table td,.shop-info-clm table td{padding:2px 0 0; width:70%; font-size: 14px; font-weight: bold;}
.shop-info table td ul,.shop-info02 table td ul,.shop-info-clm table td ul{overflow: hidden;}
.shop-info table td ul li,.shop-info02 table td ul li,.shop-info-clm table td ul li{margin-bottom: 2px; margin-right: 2px; padding:3px 4px; border-bottom:none; color: #fff; float: left;}
.shop-info table td ul li:last-child,.shop-info02 table td ul li:last-child,.shop-info-clm table td ul li:last-child{padding-bottom: 2px;}
.shop-info table td ul li span.fo-xs,.shop-info02 table td ul li span.fo-xs,.shop-info-clm table td ul li span.fo-xs{color: #fff;}
.shop-info table td ul.biz li,.shop-info02 table td ul.biz li,.shop-info-clm table td ul.biz li{background:#f18f01;}
.shop-info table td ul.branch li,.shop-info02 table td ul.branch li,.shop-info-clm table td ul.branch li{background:#963484;}
span.industry {
	margin-bottom: 2px; padding:3px 4px; display:inline-block; background:#32936f; color:#fff;
	font-size: 14px; line-height: 1.0;
}

.shop-list .syaken-merit {overflow: hidden;}
.shop-list .syaken-merit li {
	margin:0 4px 4px 0; padding: 2px 8px; float: left; color: #fff; background: #F18F01;
	font-size: 14px; line-height: 1.4; text-align: center; border: #F18F01 2px solid;
}
.shop-list .syaken-merit li:last-child {margin-right:0px;}
.shop-list .syaken-merit .fa {color: #fff;}

.table-shoplist-sum {
	padding: 0 16px 16px; width: 100%;
	border-collapse: separate; border-spacing: 0px 2px;
}

.table-shoplist-sum th,
.table-shoplist-sum td {padding: 16px; font-size: 14px; line-height: 1.4;}

.table-shoplist-sum th {
background: #0066cc; vertical-align: middle;
width: 30%;
overflow: visible; position: relative;
color: #fff; font-weight: bold; text-align: left;
}

.table-shoplist-sum th:after {
left: 100%; top: 50%;
border: solid transparent;
content: " ";
width: 0; height: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 102, 204, 0); border-left-color: #0066cc; border-width: 10px;
margin-top: -10px;
}

.table-shoplist-sum td {background: #f8f8f8; padding-left: 20px;}
.table-shoplist-sum td ul {overflow: hidden;}
.table-shoplist-sum td li {margin-right:4px; float: left; line-height: 1.4;}
.table-shoplist-sum td li:last-child {margin-right:0px;}
.table-shoplist-sum td li::after {padding-left: 4px; content: "／";}
.table-shoplist-sum td li:last-child::after {content: "";}

.box-shop-conect{padding: 16px 16px 16px; text-align: center; border-top: #ccc solid 1px; background: #f8f8f8;}
.box-shop-conect02{padding: 0 16px 32px; text-align: center;}
.box-shop-conect p,
.box-shop-conect02 p{margin-bottom: 16px;}

.nationwide,
.city-list{padding: 0 16px 16px; overflow: hidden;}
.city-list li{margin:0 0 16px 0; width:20%; float: left;}
.city-list li a{text-decoration: underline; color: #333;}
.city-list .fa{margin-right:2px; color: #0066cc;}

.nationwide li{margin:0 0 4px 0; width: 100%; float: left;}
.nationwide dl{display: flex;}
.nationwide dt{margin-right: 8px;  padding: 4px 16px; width: 20%; text-align: center; color: #fff; background: #0066cc; font-weight: bold;}
.nationwide dd{padding: 4px 8px;}

/*SHOP SYAKEN */
.estimate_flow {
  color: #000000;
  list-style: none;
  overflow: hidden;
}
.estimate_flow li {
  background: linear-gradient(#FEFEFE, #F3F5F5);
  background: -o-linear-gradient(#FEFEFE, #F3F5F5);
  background: -ms-linear-gradient(#FEFEFE, #F3F5F5);
  background: -moz-linear-gradient(#FEFEFE, #F3F5F5);
  background: -webkit-linear-gradient(#FEFEFE, #F3F5F5);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F3F5F5), color-stop(0.00, #FEFEFE));
  border-bottom: 1px solid #bbb;
  border-top: 1px solid #bbb;
  color: #000000;
  display: block;
  float: left;
  font-size: 14px;
  line-height: 20px;
  min-width: 27%;
  padding: 16px 8px 16px 40px;
  text-decoration: none;
}

/* 三角形下部 */
.estimate_flow li::after {
  background: linear-gradient(#F9FAFA, #F4F6F6);
  background: -o-linear-gradient(#F9FAFA, #F4F6F6);
  background: -ms-linear-gradient(#F9FAFA, #F4F6F6);
  background: -moz-linear-gradient(#F9FAFA, #F4F6F6);
  background: -webkit-linear-gradient(#F9FAFA, #F4F6F6);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F4F6F6), color-stop(0.00, #F9FAFA));
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
  content: " ";
  display: block;
  height: 34px;
  margin: -20px -30px -17px auto;
  position: relative;
  transform: skew(-30deg);
  -o-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  width: 30px;
}
.estimate_flow li:first-child {
  border-left: 1px solid #bbb;
  padding-left: 10px;
}

/* 三角形上部 */
.estimate_flow li::before {
  background: linear-gradient(#FEFEFE, #F9FAFA);
  background: -o-linear-gradient(#FEFEFE, #F9FAFA);
  background: -ms-linear-gradient(#FEFEFE, #F9FAFA);
  background: -moz-linear-gradient(#FEFEFE, #F9FAFA);
  background: -webkit-linear-gradient(#FEFEFE, #F9FAFA);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F9FAFA), color-stop(0.00, #FEFEFE));
  border-right: 1px solid #bbb;
  border-top: 1px solid #bbb;
  content: " ";
  display: block;
  float: right;
  height: 36px;
  margin: -17px -30px -30px auto;
  transform: skew(30deg);
  -o-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -webkit-transform: skew(30deg);
  width: 30px;
}

/* 右端の設定 */
.estimate_flow .active {
  background: #0066cc;
  color: #FFFFFF;
}
.estimate_flow .active::before {
  background: #0066cc;
}
.estimate_flow .active::after {
  background: #0066cc;
}

.estimate_flow dl{padding: 0 0 0 4px;}
.estimate_flow dt,.estimate_flow dd{display: table-cell; vertical-align: middle; line-height: 1.4;}
.estimate_flow dt{padding: 0 16px; background: #0066cc; color: #fff; font-weight: bold;}
.estimate_flow dd{padding-left: 8px;}


.shop-syaken {padding:0 16px 16px;}
.shop-syaken .pic-right{padding:6px 0 16px 16px; float: right;}
.shop-syaken p.basic-charge{
	padding: 16px 0 16px 0;
	font-size: 24px; line-height: 1.0;
	font-family: tbudrgothic-std, sans-serif;
	font-weight: 700; font-style: normal; text-align: center;
	background: #f8f8f8;
}
.shop-syaken span.underline{
	padding-bottom: 2px;
	border-bottom: solid 2px #333;
}
.shop-syaken span.charge{
	font-size: 36px;
	color: #db162f; vertical-align:-4px;
}

.service-list{padding: 0 16px 16px; overflow: hidden;}
.service-list li{
	margin-right:8px; margin-bottom:8px;
	padding: 4px 8px;
	float: left;
	border-radius: 2px;
	background: #97cc04;
	color: #fff; font-weight: 200;
}
.service-list li:last-child{margin-right: 0px;}

.table-syaken-plan{margin-bottom: 16px; width: 100%;}
.table-syaken-plan th,.table-syaken-plan td{
	padding: 8px; font-size: 14px; line-height: 1.2;
	border: solid 1px #ccc; text-align: center; vertical-align: middle;
}
.table-syaken-plan thead th{font-weight: bold; background: #b2e4f6;}
.table-syaken-plan tbody th{font-weight: bold; background: #f8f8f8;}
.table-syaken-plan td dt,.table-syaken-plan td dd{margin-bottom:4px;}
.table-syaken-plan td dt{padding: 4px; background: #b2e4f6; font-weight: bold;}
.table-syaken-plan span.charge{
	font-size:24px; font-weight: bold; vertical-align:baseline;
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
.table-syaken-plan caption{margin-bottom: 8px; font-weight: 600;}

.table-form-syaken {
	padding: 0 0 16px; width: 100%;
	border-collapse: separate; border-spacing: 0px 2px;
}

.table-form-syaken th,
.table-form-syaken td {padding: 16px; font-size: 14px; line-height: 1.4;}

.table-form-syaken th {
background: #0066cc; vertical-align: middle;
width: 30%;
overflow: visible; position: relative;
color: #fff; font-weight: bold; text-align: left;
}
.table-form-syaken th label{margin-bottom: 8px; color: #fff; display: block;}
.table-form-syaken th .notice{padding-left: 1em; text-indent: -1em; color: #fff; font-size: 12px; line-height: 1.2; display: block;}
.table-form-syaken th:after {
left: 100%; top: 50%;
border: solid transparent;
content: " ";
width: 0; height: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 102, 204, 0); border-left-color: #0066cc; border-width: 10px;
margin-top: -10px;
}
.table-form-syaken td {background: #f8f8f8; padding-left: 20px;}

.shop-syaken legend{margin-bottom: 8px; padding-left: 8px; border-left: solid 4px #0066cc; font-weight: bold;}

.box-privacy{margin-bottom: 16px;}
.box-privacy dt{margin-bottom: 8px; padding-left: 8px; border-left: solid 4px #0066cc; font-weight: bold;}
.box-privacy .txt{
	margin-bottom: 16px;
	height: 200px;
	overflow: auto;
	border: 3px double #ccc;
	background-color: #fff;
	padding: 5px;
}
.box-privacy .txt p {margin-bottom: 1em;}
.box-privacy .doui {text-align: center; display: block;}


.shop-syaken .btnBox{text-align: center;}
.shop-syaken .btn-request{
	border-radius: 4px;
	color: #fff;
	font-size: 16px; font-weight: bold;
	display: inline-block; padding: 13px 30px;
	text-align: center;
	border: solid 1px #aa2e26;
	background: #f24236; /* Old browsers */
	background: -moz-linear-gradient(top,  #f24236 0%, #aa2e26 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f24236 0%,#aa2e26 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f24236 0%,#aa2e26 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24236', endColorstr='#aa2e26',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
}
.btn-request:hover{opacity: 0.6;}

/*--------RANKING--------- */
h2.rank-cover img{width: 100%; height: auto;}


p.rank-lead{font-size: 14px;}

.rank-list{padding: 0 16px 16px;}
.rank-list li{margin-bottom: 16px; padding-top: 8px; border: solid 1px #ccc; border-radius: 4px;}
.rank-list li:last-child{margin-bottom: 0px;}

/*.rank-list .no1 {border: 4px solid #bf9525;}
.rank-list .no2 {border: 4px solid #b3b3b3;}
.rank-list .no3 {border: 4px solid #d97544;}
*/

.rank-list h3 {margin-bottom: 32px; padding: 16px 16px 16px 148px; font-size:24px; position: relative;}
.rank-list h3 span{border: none;}

.rank-list h3.no1 {
	background: url(/image/ranking/icon_no1_01.png) 16px 46% no-repeat;
	background-size: 12%;
}
.rank-list h3.no2 {
	background: url(/image/ranking/icon_no2_01.png) 16px 46% no-repeat;
	background-size: 12%;
}
.rank-list h3.no3 {
	background: url(/image/ranking/icon_no3_01.png) 16px 46% no-repeat;
	background-size: 12%;
}

/*--------リンクの無効化---------- */
.rank-list h3.no2 a,.rank-list h3.no3 a{pointer-events: none;}
.rank-list li.no2 .pic img,.rank-list li.no3 .pic img{pointer-events: none;}
.rank-list li.no2 .shop-copy,.rank-list li.no3 .shop-copy{pointer-events: none;}

.rank-list h3 .starBack {font-size: 24px; color: #ddd; position: absolute; top: 16px; right: 16px; z-index: 1;}
.rank-list h3 .star {font-size: 24px; color: #e7c40f; position: absolute; top: 16px; right: 16px; z-index: 2;}

.rank-list-clm{
	width:100%; display:table; table-layout:fixed; border-collapse:separete; border-spacing:16px 0px;
}
.rank-list-clm .cel{display:table-cell; vertical-align:top;}
.rank-list-clm .pic{width: 160px;}



.feature-rank{padding: 0 16px 16px;}
.feature-rank h4{margin-bottom:4px; padding: 0 0 0 8px; border-left: #0066cc solid 4px; font-weight: bold;}
/*.feature-rank .arrow{margin-bottom: 32px; padding-bottom: 8px;}
.feature-rank .arrow{border-bottom: 4px solid #0066cc; position: relative;}
.feature-rank .arrow::before,
.feature-rank .arrow::after {
    content: "";
    border: solid transparent;
    position: absolute;
    top: 100%; left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.feature-rank .arrow::before {border-width: 22px; border-top-color: #0066cc;}
.feature-rank .arrow::after {border-width: 16px; border-top-color: #fff;}*/

.rank-list li .btn-box{display: none;}
.rank-list li:first-child .btn-box{text-align: center; display: block;}
.rank-list li:first-child .btn {
	border-radius: 4px;
	color: #fff;
	font-size: 16px; font-weight: bold;
	display: inline-block; padding: 13px 30px;
	text-align: center;
	border: solid 1px #aa2e26;
	background: #f24236; /* Old browsers */
	background: -moz-linear-gradient(top,  #f24236 0%, #aa2e26 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f24236 0%,#aa2e26 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f24236 0%,#aa2e26 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24236', endColorstr='#aa2e26',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
}
.rank-list li:first-child .btn span{
	padding:2px 0 0 40px; color: #fff;
	background: url(/image/ranking/icon.png) no-repeat left top;
    background-size: contain;
}
.rank-list li:first-child .btn:hover{opacity: 0.6;}


/*--------ENTYR---------- */
.table-form-entry {
	padding: 0 0 16px; width: 100%;
	border-collapse: separate; border-spacing: 0px 4px;
}

.table-form-entry th,
.table-form-entry td {padding: 16px; line-height: 1.4;}

.table-form-entry th {
background: #0066cc;
vertical-align: middle;
text-align: left;
width: 100px;
overflow: visible;
position: relative;
color: #fff;
font-weight: bold;
}
.table-form-entry th label,
.table-form-entry th span{color: #fff;}

.table-form-entry th:after {
left: 100%; top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 102, 204, 0);
border-left-color: #0066cc;
border-width: 10px;
margin-top: -10px;
}
.table-form-entry td {
background: #f8f8f8;
width: 360px;
padding-left: 20px;
}

.form-entry {padding:16px;}
.form-entry legend{margin-bottom: 8px; padding-left: 8px; border-left: solid 4px #0066cc; font-weight: bold;}
.form-entry .selectStyle {
	overflow: auto;
	border: 3px double #ccc;
	background-color: #fff;
	float: left;
}
.form-entry .workcitySelect,
.form-entry .unyuSelect {
	width: 50%;
	height: 360px;
	margin: 5px 10px 0 0;
}
.form-entry .btnBox{text-align: center;}
.form-entry .btn-entry{
	border-radius: 4px;
	color: #fff;
	font-size: 16px; font-weight: bold;
	display: inline-block; padding: 13px 30px;
	text-align: center;
	border: solid 1px #aa2e26;
	background: #f24236; /* Old browsers */
	background: -moz-linear-gradient(top,  #f24236 0%, #aa2e26 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f24236 0%,#aa2e26 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f24236 0%,#aa2e26 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24236', endColorstr='#aa2e26',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
}
.form-entry .btn-reset{
	border-radius: 4px;
	color: #fff;
	font-size: 16px; font-weight: bold;
	display: inline-block; padding: 13px 30px;
	text-align: center;
	border: solid 1px #0052a4;
	background: rgb(0,102,204); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,102,204,1) 0%, rgba(0,82,164,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,102,204,1) 0%,rgba(0,82,164,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,102,204,1) 0%,rgba(0,82,164,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066cc', endColorstr='#0052a4',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
}
.form-entry .btn-entry:hover,.form-entry .btn-reset:hover{opacity: 0.6;}

.errMsg {
	color: #f00;
	font-weight: bold;
	line-height: 1.3;
	padding-left: 1em;
	position: relative;
}
.errMsg:before {
	content: "※";
	position: absolute;
	left: 0;
}
.emerg {
	clear: both;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 10px 15px 0;
}


/*--------COLUMN---------- */

.column{padding: 0 16px 16px;}
.column li{margin-bottom: 32px; padding-bottom: 16px; position: relative; border-bottom: dotted 1px #ccc;}
.column h3{
	margin-bottom: 16px;
	font-size: 16px;
	font-weight:bold;
}
.column h3 span{
	padding-left: 8px;
	font-size: 16px;
	border-left: solid 4px #0066cc;
}
.column h3 span a{font-size: 16px; text-decoration: none;}
.column li a{text-decoration: underline; font-size: 14px; line-height: 1.3;}
.column li .date{
	margin-bottom: 8px;
	padding:4px 8px; display: inline-block; background: #0066cc; color: #fff;
	font-size: 13px; line-height: 1.0; position: absolute; top: 0; right: 0;
}
.column p.txt{
	font-size: 14px;
}

/*TOPIC*/
.topics li{margin-bottom: 16px;}
.topics dl dt.cel{padding: 4px 0; width: 16%; background: #0066cc; color: #fff; font-size: 14px; line-height: 1.0; font-weight: 600; text-align: center;}
.topics dl dd.cel{padding-left: 32px; line-height: 1.0; vertical-align: middle;}
.topics dl dd a{color: #333; text-decoration: underline;}

.topic-detail{padding: 0 16px;}

.topic-detail ul{padding: 16px; background: #e9f1f7; border-radius: 4px;}
.topic-detail li{margin-bottom: 16px; font-size: 14px; line-height:1.6; font-weight: bold;}
.topic-detail li:last-child{margin-bottom: 0px;}
.topic-detail li a{font-weight: bold; color: #0066cc; text-decoration: underline;}

.recent ul{padding: 0 16px 0; overflow: hidden;}
.recent li{margin-bottom:16px; width: 100%;}
.recent li a{color: #333; font-weight: 600;}


/*DOCUMENTS */
.table-doc{margin-bottom: 16px; width: 100%;}
.table-doc th,.table-doc td{
	padding: 8px; font-size: 14px; line-height: 1.2;
	border: solid 1px #ccc; text-align: center; vertical-align: middle;
}
.table-doc thead th{font-weight: bold; background: #b2e4f6;}
.table-doc tbody th{font-weight: bold; background: #f8f8f8; width:20%;}
.table-doc caption{margin-bottom: 8px; font-weight: 600;}

.ref-ex{margin-bottom: 16px;}
.ref-ex dt{margin-bottom: 32px; text-decoration: underline;}
.ref-ex dt span:after{content:"：";}
.ref-ex dd {
	margin-bottom: 16px; padding: 16px;
	position: relative;
	background: #fff;
	border: 4px solid #00a7e1;
	border-radius: 4px;
	font-weight: 600;
}
.ref-ex dd:after, .ref-ex dd:before {
	bottom: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ref-ex dd:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 30px;
	margin-left: -30px;
}
.ref-ex dd:before {
	border-color: rgba(0, 167, 225, 0);
	border-bottom-color: #00a7e1;
	border-width: 36px;
	margin-left: -36px;
}

.box-ex{padding: 16px; background: #e9f1f7; border-radius: 4px; font-weight: 600;}
.box-ex p{line-height: 1.2;}

/* DOCUMENTS */
.doc-img{text-align: center;}
p.doc{clear: both;}
p.doc img{padding: 0 0 16px 16px; float: right;}

.granr-list01{margin-bottom: 16px; padding-bottom: 16px; border-bottom: dotted 1px #ccc;}
.granr-list01 h4,.granr-list01 dt{margin-bottom: 8px; font-weight: bold;}
.granr-list01 dd{margin-bottom: 16px; line-height: 1.8;}

.granr-list02{margin-bottom: 16px; text-align: center;}
.granr-list02 ol{overflow: hidden; display: inline-block;} 
.granr-list02 li{margin-right: 16px; float: left;}
.granr-list02 li:last-child{margin-right: 0px;}

.granr-flow{}
.granr-flow li {
    position: relative;
    color: #333;
    font-size: 16px; line-height: 1.8;
    margin: 0; padding: 20px 0 30px 0;
}
.granr-flow li:after {
        border: 20px solid transparent;
        border-top-color: #000;
        border-bottom-width: 0;
        bottom: 0;
        content: "";
        display: block;
        left: 50%;
        position: absolute;
        width: 0;
    }
.granr-flow li:last-child::after{
        border: none;
    }



/* ARTICLE*/

.article-detail{padding: 16px;}
.article-detail h2.article_h2,.topicBarL{
	margin:16px 0 16px 0;
	padding:18px 0 16px 56px;
	border-bottom:#0066cc solid 4px;
	color: #0066cc;
	font-size: 20px;
	font-family: tbudrgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
	background:url("../image/_common/subtit_icon.png") no-repeat;
	background-position: top 16px left 16px;
}
.article-detail h3{margin-top: 32px; padding:0 0 0 8px; font-size: 16px; font-weight: bold; border-left: 4px solid #0066cc; border-bottom: none;}

.article_h4 {
	font-weight: bold;
	display: inline-block;
	margin: 16px 0;
	padding-bottom: 3px;
	border-bottom: 2px dashed #7d9a2f;
}

.article_bd1 {
	line-height: 1.9;
	border-bottom: 2px dashed #7d9a2f;
}
.article_bd2 {
	line-height: 1.9;
	border-bottom: 2px dashed #f00;
}
.article_bg1 {
    color: #000;
    background-color: #e8f4ca;
    padding: 0 3px;
}
.article_bg2 {
    color: #000;
    background-color: #ececd0;
    padding: 0 3px;
}
.article-detail p{margin-bottom: 16px; font-size: 16px; line-height: 2.2;}
.article-detail ul {
	margin-bottom: 16px; 
	line-height: 1.8;
	list-style: square;  list-style-position: inside;
}
.article-detail ol{margin-bottom: 16px; list-style:decimal; list-style-position: inside;}
.article-detail li{line-height: 1.8;}
.article-detail span.red{color: red; font-weight:700;}
.article-detail span.bold{font-weight: bold;}
」

.alertBar {
	color: #f00;
	font-weight: bold;
	background-color: #f1f1f1;
	border: 1px solid #888;
	margin: 10px 15px 0;
	padding: 4px 8px 3px;
	display: inline-block;
}

.balloon-set-box {
  display: flex;
  flex-wrap: wrap;
}
.balloon-set-box.left { /* 左 */
  flex-direction: row;
}
.balloon-set-box.right { /* 右 */
  flex-direction: row-reverse; /* アイコンと吹き出しの並びを入れ替える */
}
.balloon {
  position: relative; /* 三角の位置を固定するために設定 */
  display: inline-block;
  max-width: 300px;
  margin: 10px 20px 20px; /* 上 左右 下のマージン */
  padding: 8px 15px; /* ふきだし内の余白 */
  background: #ADF5FF; /* 背景色 */
  text-align: left; /* テキストの揃え */
  border-radius: 15px;
	line-height: 1.4;
}
.balloon::after {
  content: '';
  border: 14px solid transparent;
  border-top-color: #ADF5FF;
  position: absolute;
  top: 0;
}
.left .balloon::after { /* 左側からの三角の位置 */
  left: -10px;
}
.right .balloon::after { /* 右側からの三角の位置 */
  right: -10px;
}

.icon-box {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #ADF5FF;
  box-shadow: 0 0 6px rgba(0,102,204,0.3);
  overflow: hidden;
}

/* 関連ページ（#articleDetail内部分の関連ページ） */
.linkBox {
	margin: 15px 0 0;
	padding: 16px;
	border: 1px solid #bbb;
	border-radius: 7px;
}
.linkBox p {
	margin-top: 0;
    padding: 0;
	border-bottom: 1px solid #bbb;
}
.linkBox ul {
	line-height: 1.8;
	padding: 10px 0 0;
	list-style: square;
}
.linkBox ul li {
	margin-left: 15px;
}

/* WORDS*/
.list-word{padding: 0 16px 16px;}
.list-word li{margin-bottom: 16px; position: relative;}
.list-word li{
	margin-bottom: 16px; padding-bottom: 16px;
	border-bottom: dotted 1px #ccc;
}
.list-word dt{margin-bottom: 8px;}
.list-word dt a{color: #333;}
.list-word dd {line-height: 1.8;}
.list-word dd a{text-decoration: underline;}

.words-detail{margin-bottom: 16px;}
.words-detail h2{
	margin-bottom: 16px;
	padding:18px 0 16px 56px;
	border-bottom:#0066cc solid 4px;
	color: #0066cc;
	font-size: 20px;
	font-family: tbudrgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
	background:url("../image/subtit_icon.png") no-repeat;
	background-position: top 16px left 16px;
}
.words-detail h3{margin-bottom: 16px; padding:0 0 0 8px; font-size: 16px; font-weight: bold; border-left: 4px solid #0066cc;}
.words-detail p{margin-bottom: 32px;}
.words-detail ul{list-style: disc; list-style-position: inside;}
.words-detail li{padding-left: 1.2em; text-indent: -1em; line-height: 1.8;}



/* POLICY・COMPANY*/
.list-policy{padding:0 16px; list-style: decimal; list-style-position: inside;}
.list-policy li{margin-bottom: 16px; padding-left: 1em; text-indent: -1em; line-height: 1.6;}
.list-policy-bwr dt{margin-bottom: 8px; font-weight: 600;}
.list-policy-bwr dd{line-height: 1.6;}

.box-adobe{padding: 0 16px 16px; text-align: center;}
.box-adobe ul li{margin-right: 16px; display: inline-block;}
.box-adobe ul li:last-child{margin-right: 16px;}

.table-company-sum{margin-bottom: 16px; padding: 0 16px; border-collapse:separate;}
.table-company-sum th,.table-company-sum td{padding: 16PX; border-bottom: solid 2px #fff; line-height: 1.8;}
.table-company-sum th{width: 20%; font-weight: 600; background: #f8f8f8;}
.table-company-sum dt,.table-company-sum li{line-height: 1.8;}
.table-company-sum td{padding-left: 32px;}

.table-policy-sum{margin-bottom: 16px; padding: 0 16px; border-collapse:separate;}
.table-policy-sum th,.table-policy-sum td{padding: 16PX; border-bottom: solid 2px #fff; line-height: 1.8;}
.table-policy-sum th{width: 40%; font-weight: 600; background: #f8f8f8;}


.listing-fee{margin-bottom: 16px; width: 100%;}
.listing-fee th,.listing-fee td{padding: 16PX; border-bottom: solid 2px #fff; line-height: 1.8;}
.listing-fee th{width: 30%; font-weight: 600; background: #f8f8f8;}
.listing-fee dt{line-height: 1.8;}

.box-entry{padding: 0 16px 16px; text-align: center;}
.box-entry li a{
	border-radius: 4px;
	color: #fff;
	font-size: 16px; font-weight: bold;
	display: block; padding: 13px 16px;
	text-align: center; text-decoration: none;
	border: solid 1px #aa2e26;
	background: #f24236; /* Old browsers */
	background: -moz-linear-gradient(top,  #f24236 0%, #aa2e26 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f24236 0%,#aa2e26 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f24236 0%,#aa2e26 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24236', endColorstr='#aa2e26',GradientType=0 ); /* IE6-9 */
}
.box-entry .fa-external-link{color: #fff;}


/* SITEMAP */
.sitemap{padding: 0 16px; list-style: disc; list-style-position: inside;}
.sitemap li{margin-bottom: 16px;}





/*FORM */
input[type="text"],
input[type="email"],
textarea{
  width: 100%;
  border: 2px solid #aaa;
  border-radius: 4px;
  margin: 8px 0;
  outline: none;
  padding: 8px;
  box-sizing: border-box;
  transition: 0.3s;
	font-size: 14px;
}
input[type="radio"]{
	border: 2px solid #aaa;
	outline: none;
	box-sizing: border-box;
  transition: 0.3s
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="radio"]:focus,
textarea:focus{
  border-color: dodgerBlue;
  box-shadow: 0 0 8px 0 dodgerBlue;
}

.input_icon input[type="text"],
.input_icon input[type="email"],
.input_icon textarea{
  padding-left: 40px;
}


.input_icon {
  position: relative;
}

.input_icon i {
  position: absolute;
  left: 20px;
  top: 24px;
  padding: 9px 8px;
  color: #aaa;
  transition: 0.3s;
}

.input_icon input[type="text"]:focus + i,
.input_icon input[type="email"]:focus + i,
.input_icon textarea:focus + i{
  color: dodgerBlue;
}

.input_icon.input_iconbg i {
  background-color: #aaa;
  color: #fff;
  padding: 9px 4px;
  border-radius: 4px 0 0 4px;
}

.input_icon.input_iconbg input[type="text"]:focus + i,
.input_icon.input_iconbg input[type="email"]:focus + i,
.input_icon.input_iconbg textarea:focus + i{
  color: #fff;
  background-color: dodgerBlue;
}

select {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
	border-color: dodgerBlue;
  box-shadow: 0 0 8px 0 dodgerBlue;
  outline: 0;
}




/*SIDE */
.lnav dt{
	margin-bottom: 16px;
	padding:16px;
	border-bottom:#ccc solid 1px;
	font-size: 16px;
	font-weight:bold;
}
.lnav dt span{
	padding-left: 8px;
	font-size: 16px;
	border-left: solid 4px #0066cc;
}
.lnav dd{padding:0 16px 0px; font-size: 14px; line-height: 1.0;}
.lnav li{
	margin-bottom: 16px; padding: 0 0 16px 16px; text-indent: -8px;
	border-bottom: dotted 1px #ccc; line-height: 1.1;
}
.lnav li a{font-weight: 600;}
.lnav li:last-child{
	padding-bottom: 0px;
	border-bottom:none;
}

.side-column dt{
	margin-bottom: 16px;
	padding:16px;
	border-bottom:#ccc solid 1px;
	font-size: 16px;
	font-weight:bold;
}
.side-column dt span{
	padding-left: 8px;
	font-size: 16px;
	border-left: solid 4px #0066cc;
}
.side-column dd{padding:0 16px 0px; font-size: 14px; line-height: 1.0;}
.side-column dd.btn-list{margin-bottom: 16px; text-align: right;}
.side-column li{
	margin-bottom: 16px; padding-bottom: 16px;
	border-bottom: dotted 1px #ccc;
}
.side-column li a{text-decoration: underline; font-size: 14px; line-height: 1.3;}
.side-column li span.date{
	margin-bottom: 8px;
	padding:4px 8px; display: inline-block; background: #0066cc; color: #fff;
	font-size: 13px;
}
.side-column li span.tit-column{
	display: block;
}

.side-area dt{
	margin-bottom: 16px;
	padding:16px;
	border-bottom:#ccc solid 1px;
	font-size: 16px;
	font-weight:bold;
}
.side-area dt span{padding-left: 8px; font-size: 16px; border-left: solid 4px #0066cc;}
.side-area dd{padding:0 16px 16px; font-size: 14px; line-height: 1.0;}
.side-area ul{
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.side-area li{width: 25%;}
.side-area li a{text-decoration: underline; font-size: 14px; line-height: 2.0; font-weight: 600;}

.side-shopform {
	margin-bottom: 16px;
	padding: 0px 16px;
}

.side-shopform label{
	margin-bottom: 8px;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	display:inline-block;
}
.side-shopform select{margin-bottom: 16px; width: 100%; font-size: 14px;}

.side-shopform select.errBorder {border-color: #f00;}
.side-shopform .btnBox {text-align: center;}
.side-shopform .btn {
	font-family: inherit;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 12px 24px !important;
	border: solid 1px #0052a4;
	background: rgb(0,102,204); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,102,204,1) 0%, rgba(0,82,164,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,102,204,1) 0%,rgba(0,82,164,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,102,204,1) 0%,rgba(0,82,164,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066cc', endColorstr='#0052a4',GradientType=0 ); /* IE6-9 */
	border-radius: 4px;
	border-style: none;
	cursor: pointer;
}
.side-shopform .btn:hover{opacity: 0.6;}
.side-shopform .btn:active {position: relative;}

#qrEdit{background:url(/image/chart.png) center bottom no-repeat #f8f8f8; padding:16px 16px; height: 140px; text-align:center}

/*AdSense */
.adRelation{padding: 16px; border: solid 1px #ccc; border-radius: 4px; width: 802px;}
.adRelation .adsbygoogle{width: 802px;}
.conboxAds{text-align:center; margin-bottom: 16px; padding-top:16px}
.adBnr{padding: 10px; text-align: center; background: #f8f8f8;}
.adP{color:#555;font-size:14px;}