@charset "Shift_JIS";
/*======全般的なスタイル======*/
* {
  margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
  line-height:1.5em;	/*全要素の行の高さを1.5倍にする*/
  text-decoration: none;/*全要素リンク文字の下の線を消す*/
}

a:link {/*全要素リンク文字の色*/
  color: blue;
  text-decoration: none;
}

a:hover{
  color:#333;
  text-decoration: none;
}

body {
  background-color:#000;	/*ページ全体の背景色*/
  text-align:center;		/*IE6以下でセンタリングするための対策*/
}

@media screen and (max-width: 767px){/*------------------- max-width: 767px ----------------------*/

div#pagebody {
  width:375px; height:100%; margin:0 auto;	/*内容全体をセンタリング*/
  text-align:left;	/*テキストの配置を左揃えにする*/
  background-color:#fff;		/*内容全体の背景色*/
}

div#contents {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}

 /* パン くず リスト */
.breadcrumb {
  padding: 5px 15px;
  list-style: none;
  background-color:#FFF;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-size:14px;
  font-weight: 600;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.3em;
  color: #333;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #333;/*色*/
}

.breadcrumb li a:hover {
  font-size:14px;
  color: purple;/*色*/
  text-decoration: none;
}

/*======= ヘッダ =====*/
div#header {
  width:375px;
  height:auto;	/*ヘッダーの高さ*/
  background-color:#FFC679;		/*ヘッダ部分の背景色*/
  text-align:left;	/*テキストの配置を左揃えにする*/
}

/* logo */
.car_sale_logo{display:flex; width:100%; border-top:solid 2px #FFC679;}
.car_sale_logo img {width: 50px; height: auto; padding:3px 10px;}

h1{color:#2060a0; padding-top:3px;}

div#pagebody.main {
  height: auto;
}

.main-contents {
  width: 100%;
}

#main{
  width: 97%;
  padding:0 10px;
}

.demonstration{/* 利用規約の説明 */
  font-size:16px;
  color:#222;
  font-weight:700;
  padding: 0 10px 5px 10px;
}

.Terms_of_use1{
  font-size:18px;
  font-weight:700;
  margin-top:10px;
}

.Terms_of_use2{
  font-size:16px;
  font-weight:500;
  margin-bottom:10px;
}

/*====== フッター ======*/
FOOTER {
  display:block;
  width: 100%;
  margin: 0 auto;
  border-top:solid 2px #333;
}
  FOOTER #EnjoyLifeCorporation {
    width: auto;
    margin: 10px auto;
    padding-bottom: 30px;
    text-align: center;
    font-size: 15px;
    font-weight:700;
    letter-spacing: 0px;
    font-stretch:ultra-condensed;
    font-family:Arial;
    color:#000;
  }
/*max-767px*/}

@media screen and (min-width:768px) and ( max-width:1199px) {/* ------------- (min-width:768px) and ( max-width:1199px) -------------- */

div#pagebody {
  width:768px; height:100%; margin:0 auto;	/*内容全体をセンタリング*/
  text-align:left;	/*テキストの配置を左揃えにする*/
  background-color:#fff;		/*内容全体の背景色*/
}

div#contents {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}

 /* パン くず リスト */
.breadcrumb {
  padding: 5px 15px;
  list-style: none;
  background-color:#FFF;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-size:16px;
  font-weight: 600;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.3em;
  color: #333;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #333;/*色*/
}

.breadcrumb li a:hover {
  font-size:16px;
  color: purple;/*色*/
  text-decoration: none;
}

/*======= ヘッダ =====*/
div#header {
  width:100%;
  height:auto;	/*ヘッダーの高さ*/
  background-color:#FFC679;		/*ヘッダ部分の背景色*/
  text-align:left;	/*テキストの配置を左揃えにする*/
}

/* logo */
.car_sale_logo{display:flex; width:100%; border-top:solid 2px #FFC679;}
.car_sale_logo img {width: 50px; height: auto; padding:3px 10px;}

h1{color:#2060a0; padding-top:3px;}

div#pagebody.main {
  height: auto;
}

.main-contents {
  width: 100%;
}

#main{
  width: 97%;
  padding:0 20px;
}

.demonstration{/* 利用規約の説明 */
  width: 97%;
  font-size:18px;
  color:#222;
  font-weight:700;
  padding: 0 15px 5px 15px;
}

.Terms_of_use1{
  font-size:18px;
  font-weight:700;
  margin-top:10px;
}

.Terms_of_use2{
  font-size:16px;
  font-weight:500;
  margin-bottom:10px;
}

/*====== フッター ======*/
FOOTER {
  display:block;
  width: 100%;
  margin: 0 auto;
  border-top:solid 2px #333;
}
  FOOTER #EnjoyLifeCorporation {
    width: auto;
    margin: 10px auto;
    padding-bottom: 20px;
    text-align: center;
    font-size: 20px;
    font-weight:700;
    letter-spacing: 0px;
    font-stretch:ultra-condensed;
    font-family:Arial;
    color:#000;
  }
/* (min-width:768px) and ( max-width:1199px) */}

@media screen and (min-width: 1200px){   /* ------------------- min-width: 1200px --------------------- */

div#pagebody {
  width:1120px; height:100%; margin:0 auto;	/*内容全体をセンタリング*/
  text-align:left;	/*テキストの配置を左揃えにする*/
  background-color:#fff;		/*内容全体の背景色*/
}

div#contents {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}

 /* パン くず リスト */
.breadcrumb {
  padding: 5px 15px;
  list-style: none;
  background-color:#FFF;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-size:16px;
  font-weight: 600;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.3em;
  color: #333;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #333;/*色*/
}

.breadcrumb li a:hover {
  font-size:16px;
  color: purple;/*色*/
  text-decoration: none;
}

/*======= ヘッダ =====*/
div#header {
  width:100%;
  height:auto;	/*ヘッダーの高さ*/
  background-color:#FFC679;		/*ヘッダ部分の背景色*/
  text-align:left;	/*テキストの配置を左揃えにする*/
}

/* logo */
.car_sale_logo{display:flex; width:100%; border-top:solid 2px #FFC679;}
.car_sale_logo img {width: 50px; height: auto; padding:3px 10px;}

h1{color:#2060a0; padding-top:3px;}

div#pagebody.main {
  height: auto;
}

.main-contents {
  width: 100%;
}

#main{
  width: 97%;
  padding:0 20px;
}

.demonstration{/* 個人情報のお取り扱いについて */
  width: 97%;
  font-size:22px;
  color:#222;;
  font-weight:700;
  text-align:center;
}

.Terms_of_use1{
  font-size:18px;
  font-weight:700;
  margin-top:10px;
}

.Terms_of_use2{
  font-size:16px;
  font-weight:500;
  margin-bottom:10px;
}

/*====== フッター ======*/
FOOTER {
  display:block;
  width: 100%;
  margin: 0 auto;
  border-top:solid 2px #333;
}
  FOOTER #EnjoyLifeCorporation {
    width: auto;
    margin: 10px auto;
    padding: 0px;
    text-align: center;
    font-size: 20px;
    font-weight:700;
    letter-spacing: 0px;
    font-stretch:ultra-condensed;
    font-family:Arial;
    color:#000;
  }
/* min-1200px */}
