@charset "UTF-8";

/* 下駄箱jp 案内頁 HTML5+CSS試作                                                     */
/* ファイル名 aprg50cm.css  (Annai:分類 PRoGress:プログレス17シュー 50:予備 CoMmon)  */
/* 作成       19/01/05     山川                                                      */
/* 案内頁PC・タブレット・スマホ共通                                                  */

/*------ 全体 ------*/
img {
  border: none;
  max-width: 100%;
}

header {
  margin: auto;
  width: 100%;
}

body {
  width: 95%;
  margin: auto;
}

main {
  margin: auto;
  width: 100%;
  float: right;
}

footer {
  margin: auto;
  margin-top: 2%;
  padding-top: 5%;
  padding-bottom: 5%;
  width: 100%;
}

.bits-knowledge {
 font-size: 80%;
}

/*------ パンくずリスト ------*/
nav {
  font-size : 87%;
}

#breadcrumbs-list {
  text-align: right;
  margin-right: 5%;
}

.breadcrumbs-path {
  display: inline;
}
/*------ 案内説明部 ご利用案内 ------*/

.shop-introduction {
  font-size : 85%;
  text-align: right;
}

.company-name{
  font-weight: bold;
}

.featured-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0.1em 0;
  padding: 0;
}
  
.featured-part {
  list-style-type: none;
  margin: 0 0 0 1%;
  width: 18%;
}

.featured-part-image {
  margin-bottom: 0.2em;
}

.featured-part2 {
  list-style-type: none;
  margin: 0 0 0 1%;
  width: 18%
}

.annai-menu2 {
  list-style-type: none;
  padding: 0 1em;
}

.annai-menu-part2 {
  margin: 0.5em 0;
}

.annai-menu {
  display: flex;
  flex-wrap: wrap;
  font-size : 94%;
  text-decoration: none;
}

.annai-menu-part {
  text-align: center;
  list-style-type: none;
  margin: 0 auto;
  padding: 0.5em 0;
}

.annai-comment {
  color: #666;
  font-size : 80%;
}

h1 {
  background-color: #cc6;
  color: #630;
  font-size : 140%;
  display: flex;
  padding: 5px 3px 5px 3px;
}
/*------ 案内説明部 注文方法 ------*/

h2 {
  background-color: #ffc;
  border-left:10px solid #f96;
  border-bottom: 1px solid #f96;
  color: #630;
  display: flex;
  font-size : 112%;
  padding: 0.3em;
}
#annai-setu {
  flex-wrap: wrap;
  font-size: 94%;
  margin-left: 1%;
}

.annai-fax {
  font-weight: bold;
}

/*------ 案内説明部  支払方法 ------*/

#info-payment-group {
  font-size : 94%;
  margin: 0 auto;
  width: 95%;
}

.info-payment-explanation{
  width: 100%;
}

.info-payment-name{
  border: solid 1px #ccc;
  font-weight: bold;
  padding: 0 1em;
  text-align: center;
  width: 15%;
}

.info-payment-part{
   border: solid 1px #ccc;
}

/*---- 案内説明部  送料・その他費用-----*/

#souryo-group {
  font-size : 94%;
  margin: 0;
}

.souryo-title {
  color: #f00;
}

.souryo-service-subject {
  text-align: left;
  padding: 0
}

.souryo-service-excluded {
  list-style-type: none;
  padding-left: 1.2em;
}

.ohters-cost {
  text-align: left;
  padding: 0
}

.ohters-cost-part {
  list-style-type: none;
  padding-left: 1.2em;
}

/*----- 案内説明部  返品・交換------*/

#return-guide {
  font-size : 94%;
  margin: 0;
}

.return-guide-notice {
  color: #f00;
}

.return-guide-other-list{
  padding: 0 1em;
}

.return-guide-other-part {
  list-style-type: none;
}

/*----- 案内説明部  配送と納期------*/

#delivery-guide{
  font-size : 94%;
  margin: 0;
}

.delivery-guide-notice {
  color: #f00;
}

.delivery-guide-list{
  padding: 0;
}
.delivery-guide-part{
  margin: 0 2em;
}

.red{
  color: #f00;
}

/*--------- 粉体塗装の特徴---------*/

#funtai{
  font-size : 94%;
}

.funtai-list{
  display: flex;
  flex-wrap: wrap;
  margin: 0.1em 0;
  padding: 0;
}

.funtai-part{
  list-style-type: none;
  margin: 0 0 0 1%;
  width: 45%
}

h3 {
  font-size : 110%;
}

.funtai-title{
  margin: 0.1em 0;
  color: #00f;
  font-weight: bold;
}

.funtai-comment{
  margin: 0.1em 0;
}

/*------ 概要 会社概要 ------*/
iframe {
  border: none;
  width: 55%;
  height: 550px;
}

#summary-company-group {
  font-size : 94%;
  margin: 0 auto;;
  width: 95%;
}

.summary-company-content {
  width: 100%;
}

.summary-company-name {
  border: solid 1px #ccc;
  font-weight: bold;
  margin: 1%;
  margin-left: 2%;
  width: 25%;
}

.summary-company-part {
  border: solid 1px #ccc;
  margin: 1%;
  width: 70%;
}

.summary-company-map {
  font-size : 87%;
  margin: 1%;
}

.summary-company-point {
  color : #00f;
}

/*------ 商品品質のご案内 ------*/

#hinsitu-setu {
  flex-wrap: wrap;
  font-size: 94%;
  margin-left: 1%;
}

.hinsitu-title{
  margin: 0.1em 0;
  color: #00f;
  font-weight: bold;
}

/*------ 環境 ------*/
.environmental-protection { 
  font-size: 94%;
  margin-left: 1%;
  }

.environmental-protection-title {
  font-size : 112%;
  padding: 0.3em;
  width: 100%;
}

.environmental-protection-title-pr {
  margin: 0.1em 0;
  color: #00f;
  font-weight: bold;
  width: 100%;
}

.recycle-device-title {
  text-align: center;
  background-color: #ffc;
  width: 100%;
}

.recycle-device {
  background-color: #eee;
  text-align: center;
}

.recycle-device2 {
  background-color: #ffc;
  text-align: center;
  padding: 5em 0;
}

.recycle-pr {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.recycle-material {
  display: flex;
  width: 100%;
}

.recycle-part {
 margin: auto;
}

.recycle-material-image {
 margin: 0 0.2em;
 width: 33%;
}
.ecological-part {
 display: inline-block;
 vertical-align: middle;
 width: 45%;
}

/*------ 案内説明部  特長 ------*/
.tokucho-list{
  display: flex;
  flex-wrap: wrap;
  margin: 0.1em 0;
  padding: 0;
}

.tokucho-image{
  border: solid 1px #ccc;
  padding: 0 1em;
  text-align: center;
  width: 20%;
}

.tokucho-content{
  border: solid 1px #ccc;
  padding: 0 1em;
  width: 70%;
}

/*------ 概要 通販法規 ------*/
#summary-law-group {
  width: 90%;
  font-size : 94%;
  margin: 0;
}

.summary-law-content {
  display: flex;
}

.summary-law-name {
  border: 1px solid #ccc;
  font-weight: bold;
  margin: 1%;
  margin-left: 2%;
  width: 25%;
}

.summary-law-part {
  border: 1px solid #ccc;
  margin: 1%;
}

/*------ 概要 個人情報保護方針 ------*/
#privacy{
  font-size : 94%;
}

.summary-privacy-group {
  width: 90%;
  font-size : 94%;
  margin: 0;
  list-style-type: none;
}

.summary-privacy-content {
  margin-top: 1%;
  margin-left: 1%;
  flex-wrap: wrap;
  list-style-type: none;
}

.summary-privacy-list {
  margin-top: 1%;
  margin-left: 2%;
  flex-wrap: wrap;
  list-style-type: none;
}

.summary-privacy-part {
  margin-top: 1%;
  margin-left: 4%;
  flex-wrap: wrap;
  list-style-type: none;
}

#summary-privacy-note {
  width: 90%;
  font-size : 94%;
  margin-top: 3%;
  list-style-type: none;
}

/*------ 概要 利用規約 ------*/
#summary-terms-title {
  background-color: #30c;
  color: #fff;
  font-size: 150%;
  font-weight: bold;
  margin : 0 0.5em;
  padding:1%
  width: 95%;
}

#summary-terms-name {
  width: 95%;
  font-size: 87%;
  text-align: right;
}

#summary-terms-group {
  background-color: #cfc;
  font-size: 87%;
  margin-left: 2em;
  width: 95%;
}

.summary-terms-introduction {
  background-color: #fff;
  font-family: "MS PMincho","serif";
  margin: 0 0 0 1em;
  width: 80%;
}

.summary-terms-list {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  line-height: 115%;
  margin: 0 0 0 9em;
  padding: 0;
}

.summary-terms-item {
  font-weight: bold;
  margin: 0.5em;
  width: 33%;
}

.summary-terms-content {
  font-family: "MS PMincho","serif";
  margin-left: 1%;
  width: 43%;
}


/*------ フッター 会社情報部 ------*/
address {
  font-style: normal;
  font-size: 87%;
  text-align: center;
  margin-top: 3%;
  margin-bottom: 1%;
  padding-left: 1%;
  width: 100%;
}

.corporation-name {
  width: 100%;
}

.corporation-add {
  width: 100%;
}

.corporation-mail {
  width: 100%;
}

.corporation-tel {
  width: 100%;
}