@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:auto; 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: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;}

h2{color:#333;}

div#pagebody.main {
  height: auto;
}

.main-contents {
  width: 100%;
}

#main{
  width: 100%;
  padding:0 8px;
}

.explanation{
  display: grid; /* グリッドコンテナにする */
  grid-template-columns: 580px  ; /* 列 */
  grid-template-rows: auto auto ; /* 行 */
  gap: 0 ; /* アイテム間の隙間 */
}

.application1{
  width:360px;
}

.application1 img{
  width:100%;
}

.application2{
  width:360px;
  padding-top:0px;
}

.cart_overview{
  font-size:14px;
}

table.standard {
  width: 350px;
  margin:0;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  border-spacing:0 5px;
  margin: 5px ;
}

table.standard tr th,table.standard tr td {/*「,（カンマ）」で区切って複数のセレクタを指定しています*/
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  padding: 0;
}

table.standard tr th {
  width: 220px;
  height:36px;
  font-size: 14px;
  font-weight: 600;
  background: #dcdcdc;
  text-align:center;
}

table.standard tr td {
  width: 126px;
  font-size: 16px;
  font-weight: 600;
  text-align:center;
}

.Price{ color:red; }
.Tax_included{ font-size: 16px; }

/*種類(多項目)*/
.selecter{
  width:114px;
  padding:3px 5px;
  margin-left:5px;
  font-size: 100%;
  color:#000;
  border: solid 1px #000;
  background: #fff;
  text-align:center;

  /*角丸にする*/
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:6px;
}

.shopping {
  cursor:pointer;  /* ←マウスオーバーで指の形 */
  width:250px;
  height: 40px;
  font-size:20px;
  font-weight:800;
  margin-top:  0px;
  margin-bottom:  20px;
  margin-left: auto;
  margin-right: auto;
  color:#624839;         /* ←文字色 */
  display:block;
  line-height:20px;/* ←hightの1/2の値 */
  text-align:center;
  border:solid 5px rgb(255,146,10); ;
  border-radius:10px;
  box-shadow:0px 0px 5px 3px rgba(0, 0, 0, 0.2) inset;
  background: rgb(255,146,10); /* Old browsers */
  background: -moz-linear-gradient(45deg, rgba(255,146,10,1) 5%, rgba(255,175,75,1) 50%, rgba(255,175,75,1) 62%, rgba(255,146,10,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgba(255,146,10,1) 5%,rgba(255,175,75,1) 50%,rgba(255,175,75,1) 62%,rgba(255,146,10,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgba(255,146,10,1) 5%,rgba(255,175,75,1) 50%,rgba(255,175,75,1) 62%,rgba(255,146,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff920a', endColorstr='#ff920a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.shopping:active {
  cursor:pointer; /* ←マウスオーバーで指の形 */
  width: 350px;
  height: 60px;
  font-size:26px;
  color:#624839;         /* ←文字色 */
  line-height:50px;
}

.hr1{
  width:355px;
  border-top: 2px solid orange;
  background-color: rgb(232, 243, 131);
}

/*====== フッター ======*/
FOOTER {
  display:block;
  width: 100%;
  margin: 0 auto;
  border-top:solid 2px #333;
}
  FOOTER #EnjoyLifeCorporation {
    width: auto;
    margin: 5px auto;
    padding-bottom: 10px;
    text-align: center;
    font-size: 14px;
    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:600px; height:auto; 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;}

h2{color:#333;}

div#pagebody.main {
  height: auto;
}

.main-contents {
  width: 100%;
}

#main{
  width: 100%;
  padding:0 10px;
}

.explanation{
  display: grid; /* グリッドコンテナにする */
  grid-template-columns: 580px  ; /* 列 */
  grid-template-rows: auto auto ; /* 行 */
  gap: 0; /* アイテム間の隙間 */
}

.application1{
  width:580px;
}

.application1 img{
  width:100%;
}

.application2{
  width:580px;
}

.cart_overview{
  font-size:16px;
}

table.standard {
  width: 500px;
  margin:0;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  border-spacing:0 5px;
  margin: 5px auto
}

table.standard tr th,table.standard tr td {/*「,（カンマ）」で区切って複数のセレクタを指定しています*/
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  padding: 0;
}

table.standard tr th {
  width: 300px;
  height:36px;
  font-size: 18px;
  font-weight: 600;
  background: #dcdcdc;
  text-align:center;
}

table.standard tr td {
  width: 198px;
  font-size: 20px;
  font-weight: 600;
  text-align:center;
}

.Price{ color:red; }
.Tax_included{ font-size: 16px; }

/*種類(多項目)*/
.selecter{
  width:195px;
  padding:3px 5px;
  margin-left:5px;
  font-size: 100%;
  color:#000;
  border: solid 1px #000;
  background: #fff;
  text-align:center;

  /*角丸にする*/
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:6px;
}

.shopping {
  cursor:pointer;  /* ←マウスオーバーで指の形 */
  width:375px;
  height: 40px;
  font-size:20px;
  font-weight:800;
  margin-top:  0px;
  margin-bottom:  20px;
  margin-left: auto;
  margin-right: auto;
  color:#624839;         /* ←文字色 */
  display:block;
  line-height:20px;/* ←hightの1/2の値 */
  text-align:center;
  border:solid 5px rgb(255,146,10); ;
  border-radius:10px;
  box-shadow:0px 0px 5px 3px rgba(0, 0, 0, 0.2) inset;
  background: rgb(255,146,10); /* Old browsers */
  background: -moz-linear-gradient(45deg, rgba(255,146,10,1) 5%, rgba(255,175,75,1) 50%, rgba(255,175,75,1) 62%, rgba(255,146,10,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgba(255,146,10,1) 5%,rgba(255,175,75,1) 50%,rgba(255,175,75,1) 62%,rgba(255,146,10,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgba(255,146,10,1) 5%,rgba(255,175,75,1) 50%,rgba(255,175,75,1) 62%,rgba(255,146,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff920a', endColorstr='#ff920a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.shopping:active {
  cursor:pointer; /* ←マウスオーバーで指の形 */
  width: 400px;
  height: 60px;
  font-size:26px;
  color:#624839;         /* ←文字色 */
  line-height:50px;
}

.hr1{ 
  border-top: 2px solid orange;
  background-color: rgb(232, 243, 131);
}

/*====== フッター ======*/
FOOTER {
  display:block;
  width: 100%;
  margin: 0 auto;
  border-top:solid 2px #333;
}
  FOOTER #EnjoyLifeCorporation {
    width: auto;
    margin: 5px auto;
    padding-bottom: 10px;
    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:auto; 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;}

h2{color:#333;}

div#pagebody.main {
  height: auto;
}

.main-contents {
  width: 100%;
}

#main{
  width: 97%;
  padding:0 20px;
}

.explanation{
  display: grid; /* グリッドコンテナにする */
  grid-template-columns: 600px 375px ; /* 列 */
  grid-template-rows: auto ; /* 行 */
  gap:0 50px; /* アイテム間の隙間 */
}

.application1{
 width:600px;
}

.application2{
 width:375px;
 padding-top:10px;
}

.cart_overview{
  font-size:16px;
}

table.standard {
  width: 375px;
  margin:0;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  border-spacing:0 5px;
  margin:0 0 30px 0;
}

table.standard tr th,table.standard tr td {/*「,（カンマ）」で区切って複数のセレクタを指定しています*/
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  padding: 0;
}

table.standard tr th {
  width: 250px;
  height:36px;
  font-size: 16px;
  font-weight: 600;
  background: #dcdcdc;
  text-align:center;
}

table.standard tr td {
  width: 120px;
  font-size: 20px;
  font-weight: 600;
  text-align:center;
}

.Price{color:red;}
.Tax_included{font-size: 16px;}

/*種類(多項目)*/
.selecter{
  width:115px;
  padding:3px 5px;
  margin-left:5px;
  font-size: 100%;
  color:#000;
  border: solid 1px #000;
  background: #fff;
  text-align:center;

  /*角丸にする*/
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:6px;
}

.shopping {
  cursor:pointer;  /* ←マウスオーバーで指の形 */
  width:375px;
  height: 40px;
  font-size:20px;
  font-weight:800;
  margin-top:  0px;
  margin-bottom:  20px;
  margin-left: auto;
  margin-right: auto;
  color:#624839;         /* ←文字色 */
  display:block;
  line-height:20px;/* ←hightの1/2の値 */
  text-align:center;
  border:solid 5px rgb(255,146,10); ;
  border-radius:10px;
  box-shadow:0px 0px 5px 3px rgba(0, 0, 0, 0.2) inset;
  background: rgb(255,146,10); /* Old browsers */
  background: -moz-linear-gradient(45deg, rgba(255,146,10,1) 5%, rgba(255,175,75,1) 50%, rgba(255,175,75,1) 62%, rgba(255,146,10,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgba(255,146,10,1) 5%,rgba(255,175,75,1) 50%,rgba(255,175,75,1) 62%,rgba(255,146,10,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgba(255,146,10,1) 5%,rgba(255,175,75,1) 50%,rgba(255,175,75,1) 62%,rgba(255,146,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff920a', endColorstr='#ff920a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.shopping:active {
  cursor:pointer; /* ←マウスオーバーで指の形 */
  width: 400px;
  height: 60px;
  font-size:26px;
  color:#624839;         /* ←文字色 */
  line-height:50px;
}

.hr1 { display:none }

/*====== フッター ======*/
FOOTER {
  display:block;
  width: 100%;
  margin: 0 auto;
  border-top:solid 2px #333;
}
  FOOTER #EnjoyLifeCorporation {
    width: auto;
    margin: 5px auto;
    padding-bottom: 10px;
    text-align: center;
    font-size: 20px;
    font-weight:700;
    letter-spacing: 0px;
    font-stretch:ultra-condensed;
    font-family:Arial;
    color:#000;
  }
/* min-1200px */}