@charset "utf-8";
/* caanpfcm.css */
/* catalog annai pfofseny 0 common */
/* カタログ 家具専用配送便案内頁 共通用 */

/*  PSanpfcm.css  */
/*  基本レイアウトの定義  */

/* リセット記述（chrome ie edge ブラウザ特有のCSSを解除）*/
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "メイリオ", "Meiryo" !important;
  vertical-align:baseline;
  vertical-align:top;
  box-sizing: border-box;
}
body {
  margin: 0 auto;
  padding: 0;
  padding-top: 5px;
  width: 550px;
}

header {
  width: 100%;
}

main {
  width: 100%;
}

article {
  width: 100%;
}

section {
  width: 100%;
}

footer {
  width: 100%;
}
hr {
  width: 100%;
  margin-right: 0;
  border: 1px solid #ccc;			/* 罫線、サイズ・線種・カラー */
}

h3 {
  font-size : 100%;
  text-align: left;
}

/*－ 画像 －－－－－－－－－－－－－－ */

img {
  max-width: 100%;
}

/*－ ユーザーガイド部 －－－－－－－－ */

.title-name {
  font-size: 18px;
  font-weight: bold;
}
.title-name span {
  font-size: 14px;
}

/*－ ユーザーガイド家具専用便 －－－－－－－－ */

.user-guide-delivery-title {
  background-color: #333;
  color: #fff;
  font-size: 16px;
  text-align: center;
  width: 100%;
  padding: 0.2em;					/* 内側余白 */
  font-weight: normal;
}

.user-guide-delivery {
  display: flex;
  flex-wrap: wrap;
}

.delivery-list {
  font-size: 15px;
  list-style-type: none;			/* リストのマーク設定をしない */
}

.delivery-part {
  font-size: 15px;
  margin: 30px 0;
  text-align: left;
  display: flex;
}

.delivery-guide {
  width: 65%;
}

.delivery-mark {
  font-size: 15px;
  width: 35%;
  float: right;
}

h2 {
  background-color: #eee;
  font-size: 15px;
  margin: .3em 0;
  padding-top: 0;					/* 内側余白 */
  padding-left: .5em;
  font-weight: normal;
}

.delivery-subject-list {
  font-size: 15px;
  width: 98%;
  list-style-type: none;			/* リストのマーク設定をしない */
  margin-left: 0;
  margin-top: 0;
  padding: 0.1em;					/* 内側余白 */
  display: flex;
  flex-wrap: wrap;
}

.delivery-subject-part {
  font-size: 15px;
  margin-top: 15px;
  margin-bottom: 0;
  font-weight: bold;
  width: 95%;
}

.delivery-feature-mark {
  float:left; 
  width: 33%;
  margin-left: 0;
  text-align : center;
}

.delivery-feature-mark img {
  border: 1px #a9a dotted;
  width: 50%;
}

.delivery-subject-part-detail {
  width: 100%;
  margin: 0;
  padding: 0.1em 0;					/* 内側余白 */
}

.delivery-service-mark {
  float:left; 
  width: 25%;
  text-align : center;
}

.delivery-service-mark img {
  border: 1px #a9a dotted;
  width: 80%;
}

/* PSanbtcm.css */
/* 代表画像・家具専用便バナー・浜松城写真  */
.dividing-line {
  border-bottom: dotted #ccc 2px;
  height: 5px;
  margin-bottom: 2%;
}

.additional-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
  margin: .5em 0 1em;
  width: 100%;
}

/* 浜松城写真 */
.additional-banner-mark {
  width: 32%;

}
.additional-banner-mark img{
  min-height: 90px;
  width: 100%;
}

/* 家具専用配送便バナー */
.haisou-point {
  display: flex;
  width: 66%;
}

.haisou-point-list-free {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: solid #777 2px;
  justify-content: space-around;
  margin-right: 1%;
  width: 49%;
}
.haisou-point-list-option {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: solid #777 2px;
  justify-content: space-around;
  margin-right: 1%;
  width: 49%;
}
.haisou-point-comment {
  box-sizing: border-box;
  font-size: 80%;
  line-height: 1.2;
  padding: .3em 0 0 .3em;
  width: 100%;
}
.haisou-comment-free {
  box-sizing: border-box;
  background-color: #c40026;
  color: #fff;
}

.haisou-comment-option {
  box-sizing: border-box;
  background-color: #009;
  color: #fff;
}

.haisou-point-comment a{
  color: #fff;
  text-decoration: none;
}

.haisou-point-img {
  box-sizing: border-box;
  position: relative;
  width: 40%;
}
.haisou-point-img img{
  width: 100%;
}

/* トヨセット便対象外カタログ用PRバナー(浜松城写真のみ) */
.additional-banner-z {
  text-align: center;
  width: 20%;
  width: 100%;

}
.additional-banner-z img{
  width: 180px;
  width: 40%;
}

/* 地図 */
iframe {
  border: none;
  height: 550px;
  width: 95%;
}
.summary-company-map {
  font-size : 87%;
  margin: 1%;
}
.green {
  font-size: 93%;
  color: #360;
}
.annai-comment {
  font-size : 75%;
}

