@charset "utf-8";
/* CSS Document */

html {
  scroll-behavior: smooth;
}
body {
  width:100%;
	margin:0;
	padding:0;
  font-size: 14px;
	letter-spacing:0.05em;
  color: #595757;
  /*スマホで勝手に文字が大きくなる対策*/
  -webkit-text-size-adjust: none;
  overflow-x: hidden;
}
body img {
  border: 0;
}

/* ウィンドウサイズに合わせて画像サイズを自動で伸縮させる */
img,iframe {
  max-width:100%;
  height:auto;
}
/* ウィンドウサイズに合わせて画像サイズを自動で伸縮させる */

/*Androidブラウザフォントバグ対策*/
h1,
h2,
h3,
h4,
p,
ul,
ol {
  max-height: 999999px;
}
/*Androidブラウザフォントバグ対策*/

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

/*リンク画像透明*/
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70 )";
  background: #fff;
}
/*リンク画像透明*/

/*リンク下線無し*/
a {
  text-decoration: none;
}
/*リンク下線無し*/

/*リンク色*/
a:link {
  color: #0000ff; /*デフォルト*/
}
/*リンク色*/

/*リンクhover時下線*/
a:hover {
  text-decoration: underline !important;
}
/*リンクhover時下線*/

/* ---ClearFix--- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE Mac \*/
* html .clearfix {
  height: 1px;
}
.clearfix {
  display: block;
}
/* ---ClearFix--- */

/*float解除*/
.clear {
  clear: both;
}
/*float解除*/

.bold {
  font-weight: bold;
}
.red {
  color: #f00;
}
.blue {
  color: #00f;
}
.green {
  color: #0c0;
}
.yellow {
  color: #ff0;
}
.color1 {
	color: #1d2088;
}

/*width*/
.width-98 {
	width: 98% !important;
	margin: auto;
}
.width-96 {
	width: 96% !important;
	margin: auto;
}
.width-95 {
	width: 95% !important;
	margin: auto;
}
.width-94 {
	width: 94% !important;
	margin: auto;
}
.width-92 {
	width: 92% !important;
	margin: auto;
}
.width-90 {
	width: 90% !important;
	margin: auto;
}
.width-88 {
	width: 88% !important;
	margin: auto;
}
.width-85 {
	width: 85% !important;
	margin: auto;
}
.width-84 {
	width: 84% !important;
	margin: auto;
}
.width-80 {
	width: 80% !important;
	margin: auto;
}
/*width*/

/*下margin*/
.margin-bottom1 {
	margin-bottom:1% !important;
}
.margin-bottom2 {
	margin-bottom:2% !important;
}
.margin-bottom3 {
	margin-bottom:3% !important;
}
.margin-bottom4 {
	margin-bottom:4% !important;
}
.margin-bottom5 {
	margin-bottom:5% !important;
}
.margin-bottom10 {
  margin-bottom: 10px !important;
}
.margin-bottom15 {
  margin-bottom: 15px !important;
}
.margin-bottom20 {
  margin-bottom: 20px !important;
}
.margin-bottom25 {
  margin-bottom: 25px !important;
}
.margin-bottom30 {
  margin-bottom: 30px !important;
}
/*下margin*/


/* ▼ヘッダー▼ */
#header_background {
  border-top: 10px solid #006835;
}
header {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
header .header_logo {
  width: 28.0%;
  min-width: 145px;
  max-width: 280px;
  margin: 5px 10px 0 0;
}
header .header_2 {
  width: 25.6%;
  min-width: 135px;
  max-width: 256px;
  margin: 5px 80px 0 0;
}
header .header_3,
header .header_4,
header .header_5 {
  display: none;
}
/* ▲ヘッダー▲ */

/* ▼ハンバーガーメニュー▼ */
.navToggle {
  display: none;
  position: absolute;
  right: 13px;
  top: -18px;
  width: 120px;
  height: 50px;
  cursor: pointer;
  z-index: 7;
  text-align: center;
}
.navToggle .button1 {
  position: fixed;
  width: 45px;
  height: 40px;
  border-radius: 5px;
  right: 10px;
  background: #006835;
  top: 15px;
}
.navToggle span {
  display: block;
  position: absolute; /* .navToggleに対して */
  width: 30px;
  border-bottom: solid 3px #000;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  left: 18px;
}
.navToggle span:nth-child(1) {
  top: 48px;
}
.navToggle span:nth-child(2) {
  top: 57px;
}
.navToggle span:nth-child(3) {
  top: 66px;
}
.navToggle span:nth-child(4) {
  border: none;
  color: #eee;
  font-size: 9px;
  font-weight: bold;
  top: 34px;
}
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
  top: 55px;
  left: 18px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
  top: 55px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navToggle p {
  display: inline-block;
  vertical-align: middle;
}

/* gnav */
nav.globalMenuSp ul {
  display: flex;
}
nav.globalMenuSp ul li {
  background-color: #006835;
  width: 20%;
}
nav.globalMenuSp ul li:last-child {
  margin-right: 0px;
}
nav.globalMenuSp ul li a {
  padding: 0 0 3px 0;
}

.navToggle {
  display: block;
  width: 100%;
  height: auto;
  top: 20px;
}
.navToggle span {
  display: block;
  position: absolute; /* .navToggleに対して */
  width: 30px;
  border-bottom: solid 3px #fff;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  left: inherit;
  right: 7px;
}

nav.globalMenuSp {
  position: fixed;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: inherit;
  transform: translateY(-1500%);
  width: 100%;
  height: 200px;
  text-align: left;
  /*position: absolute;*/
  top: 50px;
  z-index: 5;
}
nav.globalMenuSp ul {
  /*margin: 0 auto;*/
  padding: 8px 0 0 0;
  width: 100% !important;
  flex-direction: column;
  background-color: #fff;
}
nav.globalMenuSp ul li {
  display: block;
  margin-right: 0;
  width: 100%;
  padding: 0 10px;
  margin-left: -10px;
  background-color: #006835;
  border-bottom: 1px solid #fff;
}
nav.globalMenuSp ul li a {
  display: block;
  padding: 10px;
  color: #fff;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  transform: translateY(0px);
}
.navToggle span:nth-child(1) {
  top: 9px;
}
.navToggle span:nth-child(2) {
  top: 18px;
}
.navToggle span:nth-child(3) {
  top: 27px;
}
.navToggle span:nth-child(4) {
  border: none;
  color: #eee;
  font-size: 9px;
  font-weight: bold;
  top: 34px;
}
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
  top: 20px;
  left: inherit;
  /* right:  18px; */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
  top: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* ▲ハンバーガーメニュー▲ */

/* ▼トップ検索窓▼ */
#search_form_background {
  background-color: #d5cebb;
  width: 100%;
  height: 65px;
  margin: 0 0 0 0;
  padding: 15px 0 0 0;
}
.search_form {
  margin: 0 auto 0 auto;
  padding: 0 3% 0 3%;
  font-family: メイリオ;
}
.search_form form {
  width: 100%;
  display: table;
  table-layout: fixed;
  font-size: 12px;
}
.search_form input[type=text] {
  display: table-cell;
  width: 100%;
  height: 35px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 0;
  -webkit-appearance: none;
	font-size: 12px;
}
.search_form input::placeholder {
  color: #CCC;
}
.search_form .search_button {
  display: table-cell;
  vertical-align: top;
  width: 20%;
}
.search_form .search_button input[type="submit"] {
  width: 100%;
  height: 35px;
  font-weight: bold;
  color: #FFF;
  border: none;
  background: #057BD1;
  padding: 0;
  border-radius: 0;
  -webkit-appearance: none;
  font-size: 16px;
}
/* design-1
-------------------*/
.search_form.design_1 form {
  font-size: 16px;
}
.search_form.design_1 input[type=text] {
  border: 1px solid #666;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: none;
}
.search_form.design_1 .search_button input {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
p.search_form_example {
	margin: 0 0 0 4%;
	padding: 0;
	font-size: 11px;
	line-height: 1.8em;
  color: #666;
}
/* ▲トップ検索窓▲ */

/* ▼パンくず▼ */
#pankuzu {
  width:100%;
  margin:0;
	padding:15px 0 10px 0;
	font-size: 11px;
	letter-spacing: 0;
}
#pankuzu ol {
	margin:0 2% 0 2%;
	padding:0;
	list-style:none;
}
#pankuzu li {
	display:inline;
	margin:0;
	padding:0;
}
#pankuzu a:link{color:#595757;}
#pankuzu a:visited{color:#595757;}
#pankuzu a:hover{color:#9C9B9B;}
#pankuzu a:active{color:#595757;}
/* ▲パンくず▲ */

/* ▼全体センター寄せ▼ */
#container {
  width: 100%;
  margin: 0 auto 0 auto;
  padding: 0;
}
/* ▲全体センター寄せ▲ */

/* ▼メイン▼ */
main {
  width: 99%;
  margin: 0 auto 0 auto;
  padding: 0;
}

#headline_box {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
	width: 100%;
	margin: 5px auto 3% auto;
	padding: 0;
}
#headline {
	width: 84%;
	margin: 0;
	padding: 3%;
  box-sizing: border-box;
  border-top: 1px solid #999;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  border-left: 1px solid #999;
  border-radius: 8px;
}
#headline h1 {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4em;
}
#headline p {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.5em;
  display: table-cell;
  vertical-align: middle;
}
#headline_box p#okuraartisan {
	width: 15%;
  min-width: 54.6px;
	margin: 0 1% 0 0;
	padding: 0;
}

ul#service {
  display: flex;
  width: 90%;
  margin: 0 auto 0 auto;
  padding: 0;
}
ul#service li {
  width: 30%;
  margin: 0 auto 0 auto;
  padding: 0;
}

ul#servicelist {
  display: flex;
  flex-wrap: wrap;
  width: 96%;
  margin: 0 auto 20px auto;
  padding: 0;
}
ul#servicelist li {
  width: 49%;
  margin: 0 auto 0 auto;
  padding: 0;
}

.background_headline {
  background: #006835;
  width: 99%;
  margin: 0 auto 0 auto;
  padding: 10px 12px 10px 10px;
  box-sizing: border-box;
  border-radius: 8px;
}
.background_headline h2 {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 6px 0 6px 6px;
  font-size: 12px;
	font-weight: bold;
  line-height: 1.5;
	color: #fff;
  border-left: 4px solid #fff;
}

#boutique {
  width: 100%;
  margin: 15px auto 30px auto;
  padding: 0;
  text-align: center;
}
#boutique iframe {
  display: block;
  width: 94%;
  height: 250px;
  margin: 0 auto 20px auto;
  padding: 0;
}
#boutique ul {
  display: inline-block;
  margin: 0 5% 0 5%;
  padding: 0;
  font-size: 12px;
  line-height: 1.6;
}
#boutique ul li {
  text-align: left;
}

ul#refusalreason {
  width: 90%;
  margin: 0 auto 0 auto;
  padding: 0;
}

p.sentence {
  width: 94%;
  margin: 0 auto 15px auto;
  padding: 0;
  font-size: 12px;
  line-height: 1.6;
}

ul#okuramerit {
  display: flex;
  flex-wrap: wrap;
  width: 96%;
  margin: 0 auto 15px auto;
  padding: 0;
}
ul#okuramerit li {
  width: 32.3%;
  margin: 0 1% 0 0;
  padding: 0;
}

/* ▼宅配キットお取り寄せ▼ */
.kit_order {
  width: 98%;
  margin: 30px auto 30px auto;
  padding: 0;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0;
}
p.following_button_push {
  width: 100%;
  margin: 0 15px 0 15px;
  padding: 0;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.2;
  color: #0036B1;
}
.flex {
  display: flex;
}
p.freejapan {
  width: 14.2%;
  min-width: 80px;
  max-width: 142px;
  margin: 0 -5px 0 0;
  padding: 0;
}
ul.kit_detail {
  margin: 0;
  padding: 0;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 10px;
}
/* ▲宅配キットお取り寄せ▲ */

/* ▼検索窓▼ */
#search_form_background2 {
  background-color: #F1F1F1;
  width: 94%;
  margin: 0 auto 15px auto;
  padding: 30px 15px 30px 15px;
  box-sizing: border-box;
  border-radius: 8px;
}
/* ▲検索窓▲ */

/* ▼indexページのみ▼ */
p#bymodelsearch {
  width: 90%;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
}
/* ▼ブランド別▼ */
ul#by_model {
	width:99%;
	margin:0 auto 5% auto;
	padding:0;
	font-size:12px;
	letter-spacing: 0;
}
ul#by_model li a {
	display: block;
  width: 100%;
  height: 48px;
}
ul#by_model li a:hover {
  background: #F5F4F4;
}
ul#by_model li {
	display: block;
	width:49%;
	height:50px;
	margin:0 0 1% 1%;
	padding:0;
	box-sizing: border-box;
	border: 1px solid #999;
	float: left;
}
ul#by_model li img {
	width:30px;
	margin:10px 2% 10px 2%;
	padding:0;
  box-sizing: border-box;
  border-bottom: 1px solid #999;
	float: left;
}
ul#by_model li p {
	margin:0;
	padding:10px 0 0 0;
  line-height: 1.2;
}
ul#by_model a:link{color:#595757;}
ul#by_model a:visited{color:#595757;}
ul#by_model a:hover{color:#9C9B9B;}
ul#by_model a:active{color:#595757;}
/* ▲ブランド別▲ */
/* ▲indexページのみ▲ */

p.ranking {
  width: 94%;
  height: 36px;
  margin: 5px auto 5px auto;
  padding: 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  color: #006835;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN",
    "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
}
p.ranking span.modelname {
  font-size: 16px;
  vertical-align: top;
}

ul#okuraserve {
  display: flex;
  width: 94%;
  margin: 10px auto 10px auto;
  padding: 0;
}
ul#okuraserve li {
  width: 30%;
  margin: 0 auto 0 auto;
  padding: 0;
}

.center_left_box {
  background: #e4e4e3;
  width: 98%;
  margin: 0 auto 15px auto;
  padding: 15px 10px 5px 15px;
  font-size: 12px;
  font-weight: bold;
  box-sizing: border-box;
  border-radius: 20px;
  text-align: center;
}
ul#okuraserve_explanation {
  display: inline-block;
  margin: 0;
  padding: 0;
}
ul#okuraserve_explanation li {
  background: no-repeat left top url(../top-img/check1.png);
  align-items: center;
  height: 35px;
  margin: 0;
  padding: 7px 0 0 35px;
  line-height: 1.3;
  text-align: left;
}

ul#japantakuhai {
  width: 98%;
  margin: 0 auto 0 auto;
  padding: 0;
}
p.easykitdeliver {
  width: 50%;
  margin: 0 auto -20px auto;
  padding: 0;
}

ul#kitservice {
  display: flex;
  width: 94%;
  margin: 0 auto 15px auto;
  padding: 0;
}
ul#kitservice li {
  width: 33%;
  margin: 0 auto 0 auto;
  padding: 0;
}

ul#specific {
  display: flex;
  flex-wrap: wrap;
  width: 98%;
  margin: 0 auto 0 auto;
  padding: 0;
}
ul#specific li {
  width: 32.3%;
  margin: 0 1% 0 0;
  padding: 0;
}

p.comparationokura {
  width: 63%;
  margin: 0 auto 0 auto;
}

table#comparison {
  width: 98%;
  margin: 0 auto 15px auto;
  padding: 0;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  border: 2px solid #595757;
}
table#comparison th {
  padding: 10px 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  border-right: 1px solid #595757;
  border-bottom: 1px solid #595757;
}
table#comparison td {
  border-right: 1px solid #595757;
  padding: 10px 0;
  font-size: 12px;
  font-weight: bold;
}
table#comparison tr:nth-child(odd) th:last-child,
table#comparison tr:nth-child(odd) td:last-child {
  background: #fff100;
}
table#comparison tr:nth-child(even) {
  background: #efefef;
}
p.comparison_bottom {
  width: 90%;
  margin: 0 auto 15px auto;
  padding: 0;
  font-size: 11px;
  text-align: center;
}

ul#okuradifference {
  display: flex;
  flex-wrap: wrap;
  width: 98%;
  margin: 0 auto 10px auto;
  padding: 0;
}
ul#okuradifference li {
  width: 50%;
  margin: 0;
  padding: 0;
  line-height: 0;
}

ul#okurainstitute{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 96%;
  margin: 0 auto 10px auto;
  padding: 0;
}
ul#okurainstitute li {
  width: 33%;
  margin: 0;
  padding: 0;
  line-height: 1;
}

/* ▼会社概要▼ */
.company-info {
  width: 94%;
	margin: 5% auto 5% auto;
	padding: 0;
}
.company-info p {
  background-color: #0E38D9;
  width: 96%;
	margin: 0 auto 0 auto;
	padding: 2%;
	font-size: 13px;
	line-height: 1.5em;
	text-align: center;
	color: #FFF;
  box-sizing: border-box;
}
table.company-table {
	border-collapse: collapse;
	width: 96%;
	margin: 0 auto 1% auto;
	padding: 0;
	text-align: left;
}
table.company-table th {
	background-color: #F1F1F1;
	width: 24%;
	margin: 0;
	padding: 2%;
	font-size: 12px;
	border: 1px solid #999;
}
table.company-table td {
	margin: 0;
	padding: 2%;
	font-size: 12px;
	border: 1px solid #999;
}
/* ▲会社概要▲ */

ul#characteristic {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 96%;
  margin: 0 auto 10px auto;
  padding: 0;
}
ul#characteristic li {
  width: 33%;
  max-width: 202px;
  margin: 0;
  padding: 0;
  line-height: 0;
}

#reason_specialty {
  background: #eeefef;
  width: 98%;
  margin: 0 auto 10px auto;
  padding: 25px 20px 20px 20px;
  font-size: 12px;
  line-height: 1.6;
  box-sizing: border-box;
  border-radius: 8px;
}
#reason_specialty  p:first-child {
  margin: 0 auto 20px auto;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
}

#reason_tears {
  width: 98%;
  margin: 0 auto 10px auto;
  padding: 0;
  box-sizing: border-box;
  border-radius: 25px 25px 0 0;
  border-left: 1px solid #614c3f;
  border-right: 1px solid #614c3f;
  border-bottom: 1px solid #614c3f;
}
#reason_tears p:first-child {
  background: #614c3f;
  width: 100%;
  margin: 0 auto 20px auto;
  padding: 25px 20px 20px 20px;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
  box-sizing: border-box;
  border-radius: 20px 20px 0 0;
  border: 1px solid #614c3f;
}
#reason_tears p {
  width: 75%;
  margin: 0 auto 10px auto;
  padding: 0 0 20px 0;
  font-size: 12px;
  line-height: 1.8;
  color: #614c3f;
}
#reason_tears span.okura{
  display: block;
  margin-left: -15px;
  font-size: 13px;
  font-weight: bold;
  color: #333;
}
#reason_tears span.customer{
  display: block;
  margin-left: -15px;
  font-size: 13px;
  font-weight: bold;
  color: #333;
}

/* ▼直接入力フォーム▼ */
#direct-input {
  width: 100%;
  margin: 10px 0 50px 0;
  padding: 0;
  font-size: 12px;
  border-top: 30px solid #fef4b1;
  border-bottom: 30px solid #fef4b1;
}
#direct-input p#description1 {
  width: 90%;
  margin: 10px auto 10px auto;
  padding: 0;
  font-size: 11px;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  /*Androidブラウザフォントバグ対策*/
  max-height: 999999px;
}
#direct-input p#description2 {
  width: 93%;
  margin: 0 auto 0 auto;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5em;
  letter-spacing: 0.1em;
}
#direct-input .form {
  width: 95%;
  margin: 0 auto 0 auto;
  padding: 15px 10px 20px 15px;
  background: #fef4b1;
}
#direct-input span.need {
  color: #ff0000;
}
#direct-input .label-block {
  display: block;
}
#direct-input input[type="text"] {
  font-size: 16px;
}
#direct-input input[type="submit"] {
  font-size: 16px;
  font-weight: bold;
}
input.box01{
  width: 30%;
}
input.box02{
  width: 25%;
}
input.box03{
  width: 80%;
}
#direct-input p#identification1 {
  margin: 0 0 3px 0;
  padding: 0;
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  /*Androidブラウザフォントバグ対策*/
  max-height: 999999px;
}
#direct-input p#identification2 {
  margin: 3px 0 0 0;
  padding: 0;
  font-size: 11px;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  /*Androidブラウザフォントバグ対策*/
  max-height: 999999px;
}
#direct-input span.identification-back{
  font-size: 12px;
}
/* ドメイン受信設定のお願い */
#direct-input p#domain {
  margin: 3px 0 0 0;
  padding: 0;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 11px;
  line-height: 1.5em;
  letter-spacing: 0.05em;
}
#direct-input span#domain-character {
  font-weight: bold;
  color: #06f;
}
#direct-input span#domain-address {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  color: #06f;
}
/* ドメイン受信設定のお願い */
#direct-input p#minor {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  /*Androidブラウザフォントバグ対策*/
  max-height: 999999px;
}
#direct-input #btn {
  margin: 1em;
  text-align: center;
}
#direct-input p#protection {
  margin: 15px 0 15px 0;
  padding: 0;
}
/* ▲直接入力フォーム▲ */

#bottom_sentence {
  background-color: #F1F1F1;
  width: 98%;
  margin: 0 auto 0 auto;
  padding: 5% 5% 5% 5%;
  box-sizing: border-box;
  border-radius: 10px;
  font-size: 11px;
  line-height: 1.8;
}
p#bottom_sentence1 {
  margin: 0 auto 3% auto;
  padding: 0;
  font-weight: bold;
}

/* ▼買取実績 PHP▼ */
.results {
  width: 95%;
	margin:1% auto 5% auto;
	padding:0;
}
.sample {
  width: 96%;
  height: 110px;
  margin:1%;
  padding:1%;
  border:1px solid #999;
  float: none;
}
.sample_img_box {/*左側画像*/
	width: 80px;
	height:112px;
	margin:1% 2% 0 0;
	padding:0;
	float:left;
}
.sample_img_box img {
  width: 80px;
	height:80px;
  object-fit: contain;
}
p.model {/*型番や日付*/
	width:80px;
	margin:1% 0 0 1%;
	padding:0;
	color:#CCC;/*薄いグレー*/
	font-size:8px;
	line-height:1.0em;
}
p.brand_name {/*ブランド名*/
	margin:1% 0 3% 0;
	padding:0;
	color:#000;/*黒*/
	font-size:12px;
	line-height:1.2em;
	font-weight:bold;
}
p.status {/*金額 高*/
	margin:1% 0 1% 0;
	padding:0;
	color:#666;/*薄い黒*/
	font-size:11px;
	line-height:1.2em;
	font-weight:bold;
}
p.status2 {/*金額 低*/
	margin:0;
	padding:0;
	color:#666;/*薄い黒*/
	font-size:11px;
	line-height:1.2em;
	font-weight:bold;
}
.sample span.red {/*赤文字金額表示*/
	color:#F00;/*赤*/
	font-size:11px;
	line-height:1.2em;
	font-weight:bold;
}
/* ▲買取実績 PHP▲ */
/* ▲メイン▲ */

/* ▼ライトメニュー▼ */
aside {
  display: none;
}
/* ▲ライトメニュー▲ */

/* ▼フッター上のページの上へ▼ */
#footer_pagetop {
  clear: both;
  width: 97%;
  margin: 100px auto 5px auto;
  padding: 0;
  text-align: right;
}
/* ▲フッター上のページの上へ▲ */

/* ▼フッター▼ */
#footer_background {
  background: #006835;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
footer {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 12px;
}
/* ▼フッター上部▼ */
#footer_top {
  width: 23.9%;
  min-width: 167px;
  max-width: 239px;
  height: auto;
  margin:0 auto 20px auto;
  padding: 20px 0 0 0;
}
/* ▲フッター上部▲ */
/* ▼フッター下部▼ */
#footer_bottom {
  width: 100%;
  margin: 0 0 40px 0;
  padding: 0;
}
#footer_bottom ul {
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #CCC;
}
#footer_bottom ul li {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  line-height: 40px;
  border-top: 1px solid #CCC;
}
#footer_bottom ul li a {
  display: block;
  width: 90%;
  height: 40px;
  margin: 0;
  padding: 0 5% 0 5%;
}
#footer_bottom ul li a:hover {
  background: #0F7241;
}
/* ▲フッター下部▲ */
#copyright {
  width: 100%;
  margin: 0;
  padding: 0 0 40px 0;
  font-size: 12px;
  text-align: center;
  color: #fff;
}
#copyright p {
  width: 100%;
  margin: 0 0 3px 0;
  padding: 0;
  font-size: 11px;
}
footer a:link {
  color: #fff;
} /*白*/
footer a:visited {
  color: #fff;
} /*白*/
footer a:hover {
  color: #ccc;
} /*うすグレー*/
footer a:active {
  color: #ccc;
} /*うすグレー*/
/* ▲フッター▲ */










/* 
------------------------------
------------------------------
▼768px以上用（タブレット／PC用）の記述▼
------------------------------
------------------------------
*/
 @media screen and (min-width : 768px ){
      
   body{
     margin:0 auto 0 auto;
     padding:0;
     font-size: 16px;
     line-height: 1.5;
     letter-spacing:0.1em;
     font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   }
   body img {
     border: 0;
   }
   
   
   /* ▼ヘッダー▼ */
   header {
     width: 1000px;
     height: auto;
     margin: 0 auto 0 auto;
     padding: 0;
     display: flex;
   }
   header .header_logo {
     margin: 5px 10px 0 0;
   }
   header .header_2 {
     margin: 5px 10px 0 0;
   }
   header .header_3 {
     display: block;
     margin: 30px 25px 0 0;
     font-size: 12px;
   }
   header .header_4 {
     display: block;
     margin: 0 0px 0 0;
   }
   header .header_5 {
     display: block;
     margin: 0 0 0 0;
   }
   /* ▲ヘッダー▲ */
   
   /* ▼トップ検索窓▼ */
   .search_form {
     width: 1000px;
     margin: 0 auto 0 auto;
     padding: 0;
   }
   .search_form form {
     width: 600px;
     margin: 0 0 0 110px;
     font-size: 16px;
   }
   .search_form input[type=text] {
     height: 38px;
     font-size: 15px;
   }
   .search_form .search_button {
     width: 15%;
   }
   .search_form .search_button input[type="submit"] {
     height: 38px;
     font-size: 18px;
   }
   /* design-1
   -------------------*/
   .search_form.design_1 form{
     font-size: 16px;
   }
   p.search_form_example{
     width: 880px;
     margin: 0 auto 0 auto;
     padding: 0 0 0 120px;
     font-size: 13px;
     line-height: 1.8em;
   }
   /* ▲トップ検索窓▲ */
   
   /* ▼パンくず▼ */
   #pankuzu{
     width: 1000px;
     margin: 0 auto 0 auto;
     font-size: 12px;
   }
   /* ▲パンくず▲ */
   
   /* ▼全体センター寄せ▼ */
   #container {
     width: 1000px;
     margin: 0 auto 0 auto;
     padding: 0;
     display: flex;
   }
   /* ▲全体センター寄せ▲ */
   
   /* ▼メイン▼ */
   main {
     width: 780px;
     margin: 0 18px 40px 0;
     /*Androidブラウザフォントバグ対策*/
     max-height: 999999px;
   }
   
   #headline_box{
     width: 99%;
   }
   #headline h1{
     font-size: 18px;
   }
   #headline p{
     font-size: 16px;
     line-height: 1.5em;
   }
   #headline_box p#okuraartisan{
     width: 117px;
   }
   
   .background_headline {
     width: 98%;
   }
   .background_headline h2 {
     font-size: 16px;
   }
   
   #boutique {
     display: flex;
   }
   #boutique iframe {
     display: block;
     width: 300px;
     height: 300px;
     margin: 0 25px 15px 15px;
   }
   #boutique ul {
     width: 480px;
     margin: 60px 0 0 0;
     font-size: 16px;
     line-height: 2.0;
   }
   
   p.sentence {
     width: 90%;
     font-size: 16px;
   }
   
   /* ▼宅配キットお取り寄せ▼ */
   .kit_order {
     width: 96%;
     margin: 30px auto 30px auto;
     font-size: 12px;
     line-height: 1.8;
     letter-spacing: 0.1;
   }
   p.following_button_push {
     margin: 0 15px 0 25px;
     font-size: 12px;
   }
   p.freejapan{
     margin: 0 0 0 15px;
     padding: 0;
   }
   ul.kit_detail {
     font-size: 14px;
   }
   /* ▲宅配キットお取り寄せ▲ */
   
   /* ▼検索窓▼ */
   #search_form_background2 {
     width: 780px;
     margin: 0 auto 15px auto;
     padding: 50px 0 50px 0;
   }
   #search_form_background2 .search_form form {
     width: 580px;
     margin: 0 100px 0 100px;
   }
   /* ▲検索窓▲ */
   
   /* ▼indexページのみ▼ */
   p#bymodelsearch {
     width: 100%;
   }
   /* ▼ブランド別▼ */
   ul#by_model {
     width:92%;
     font-size:14px;
     letter-spacing: 0.1em;
   }
   ul#by_model li {
     width:32%;
     height:50px;
   }
   ul#by_model li img {
     width: 34px;
     margin:8px 3% 10px 2%;
   }
   ul#by_model li p {
     padding:10px 0 0 0;
   }
   /* ▲ブランド別▲ */
   /* ▲indexページのみ▲ */
   
   p.ranking {
     height: 42px;
     font-size: 28px;
     line-height: 42px;
   }
   p.ranking span.modelname {
     font-size: 22px;
   }
   
   .center_left_box{
     width: 96%;
     padding: 30px 10px 10px 35px;
     font-size: 24px;
   }
   ul#okuraserve_explanation li {
     height: 43px;
     padding: 2px 0 0 35px;
   }
   
   table#comparison {
     width: 96%;
   }
   table#comparison th {
     font-size: 28px;
   }
   table#comparison td {
     font-size: 16px;
   }
   p.comparison_bottom {
     font-size: 14px;
   }
   
   /* ▼会社概要▼ */
   .company-info {
     width: 90%;
   }
   .company-info p {
     font-size: 17px;
   }
   table.company-table th {
     width: 27%;
     font-size: 16px;
   }
   table.company-table td {
     font-size: 16px;
   }
   /* ▲会社概要▲ */
   
   ul#characteristic {
     justify-content: space-between;
     width: 80%;
   }
   
   #reason_specialty {
     width: 94%;
     padding: 30px 30px 30px 30px;
     font-size: 14px;
   }
   #reason_specialty p:first-child {
     width: 100%;
     font-size: 30px;
   }
   
   #reason_tears {
     width: 90%;
   }
   #reason_tears p:first-child {
     font-size: 20px;
     text-align: center;
   }
   #reason_tears p {
     width: 85%;
     font-size: 14px;
     line-height: 1.8;
   }
   #reason_tears span.okura{
     font-size: 15px;
   }
   #reason_tears span.customer{
     font-size: 15px;
   }
   
   /* ▼直接入力フォーム▼ */
   #direct-input {
     font-size: 15px;
   }
   #direct-input p#description1 {
     width: 90%;
     font-size: 14px;
   }
   #direct-input p#description2 {
     font-size: 14px;
     text-align: center;
   }
   #direct-input .form {
     width: 85%;
     padding: 20px 15px 25px 20px;
   }
   #direct-input input[type="text"] {
     font-size: 16px;
   }
   #direct-input input[type="submit"] {
     font-size: 16px;
   }
   input.box01{
     width: 20%;
   }
   input.box02{
     width: 17%;
   }
   input.box03{
     width: 60%;
   }
   #direct-input p#identification1 {
     font-size: 14px;
   }
   #direct-input p#identification2 {
     font-size: 14px;
   }
   #direct-input span.identification-back{
     font-size: 14px;
   }
   /* ドメイン受信設定のお願い */
   #direct-input p#domain {
     font-size: 14px;
   }
   #direct-input span#domain-address {
     font-size: 18px;
   }
   /* ドメイン受信設定のお願い */
   #direct-input p#minor {
     font-size: 14px;
   }
   /* ▲直接入力フォーム▲ */
   
   #bottom_sentence {
     padding: 3% 3% 3% 3%;
     font-size: 12px;
   }
   p#bottom_sentence1 {
     margin: 0 auto 2% auto;
   }
   
   /* ▼買取実績 PHP▼ */
   .results {
     width: 100%;
     margin:1% auto 5% auto;
     padding:0;
   }
   .sample {
     width: 47%;
     height: 110px;
     margin:3px 0 3px 5px;
     padding:1%;
     letter-spacing:0;
     border:1px solid #999;
     float: left;
   }
   p.brand_name {/*ブランド名*/
     font-size:13px;
   }
   p.status2 {/*金額 低*/
     font-size:12px;
   }
   p.status {/*金額 高*/
     font-size:12px;
   }
   .sample span.red {/*赤文字金額表示*/
     color:#F00;/*赤*/
     font-size:12px;
   }
   /* ▲買取実績 PHP▲ */
   /* ▲メイン▲ */
   
   /* ▼ライトメニュー▼ */
   aside {
     display: block;
     width: 202px;
     margin: -25px 0 0 0;
     padding: 0;
   }
   aside p img {
     max-width: 202px;
     margin: 0;
     padding: 0;
   }
   p#model_list {
     background-color: #786956;
     width: 100%;
     margin: 0 0 5px 0;
     padding: 10px 0 10px 0;
     font-size: 15px;
     letter-spacing: 0.1em;
     font-weight: bold;
     text-align: center;
     color: #fff;
   }
   /* ▼モデル別買取一覧▼ */
   ul#sidemodellist{
     width: 200px;
     margin: -6px 0 10px 0;
     padding: 0;
     font-size: 13px;
     border-right: 1px solid #CCC;
     border-bottom: 1px solid #CCC;
     border-left: 1px solid #CCC;
   }
   ul#sidemodellist li{
     width: 200px;
     height: 57px;
     margin: 0;
     padding: 0;
     border-top: 1px solid #CCC;
     clear: left;
   }
   ul#sidemodellist li img{
     width: 37px;
     height: 37px;
     margin: 10px 10px 10px 5px;
     padding: 0;
     float: left;
   }
   ul#sidemodellist li p{
     margin: 11px 0 0 1px;
     padding: 0;
     float: left;
   }
   ul#sidemodellist li a{
     display: block;
     width: 200px;
     height: 57px;
   }
   ul#sidemodellist li a:hover{
     background: #F5F4F4;
   }
   ul#sidemodellist a:link {
     color: #595757;
   } /*グレー*/
   ul#sidemodellist a:visited {
     color: #595757;
    } /*グレー*/
   ul#sidemodellist a:hover {
     color: #000;
    } /*茶*/
   ul#sidemodellist a:active {
     color: #595757;
    } /*茶*/
   /* ▲モデル別買取一覧▲ */
   /* ▲ライトメニュー▲ */
   
   /* ▼フッター上のページの上へ▼ */
   #footer_pagetop {
     width: 980px;
     margin: 100px auto 5px auto;
   }
   /* ▲フッター上のページの上へ▲ */
   
   /* ▼フッター▼ */
   footer {
     width: 1000px;
     margin: 0 auto 0 auto;
     padding: 30px 0 0 0;
     display: flex;
     flex-wrap: wrap;
   }
   /* ▼フッター上部▼ */
   #footer_top {
     width: 207px;
     height: auto;
     margin:0 30px 0 10px;
     padding: 0;
     text-align: left;
   }
   /* ▲フッター上部▲ */
   /* ▼フッター下部▼ */
   #footer_bottom {
     display: flex;
     width: 743px;
     margin: 0 10px 40px 0;
     padding: 0;
   }
   #footer_bottom ul {
     width: auto;
     margin: 0 30px 0 0;
     padding: 0;
     letter-spacing: 0.05em;
     border-bottom: none;
   }
   #footer_bottom ul li {
     width: auto;
     height: auto;
     margin: 0 0 10px 0;
     padding: 0;
     line-height: 1.5;
     border-top:  none;
   }
   #footer_bottom ul li a {
     display: inline-block;
     width: auto;
     height: auto;
     margin: 0;
     padding: 0;
   }
   #footer_bottom ul li a:hover {
     background: none;
   }
   /* ▲フッター下部▲ */
   #copyright {
     width: 1000px;
     margin: 0;
     padding: 0 0 40px 0;
     font-size: 12px;
   }
   #copyright p {
     width: 100%;
     margin: 0 0 3px 0;
     padding: 0;
     font-size: 11px;
   }
   /* ▲フッター▲ */

   
  }
/* 
------------------------------
------------------------------
▲768px以上用（タブレット／PC用）の記述▲
------------------------------
------------------------------
*/