/* すべてのデバイス/画面サイズに共通 かつ 480：iPhone 7/6 Plus縦 */

/* ----------------------------------------
基本事項
---------------------------------------- */
html {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size:0.8rem;
	height: 100%;
	line-height:150%;
}
body {
	height: 100%;
	color: #000;
	background:#FFF;
}
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
 }
img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}

a:hover img {
	opacity: 0.7;
	}

p {margin:0.5rem 0 0.8rem;}
p:first-child { margin-top: 0;}
p:last-child { margin-bottom: 0;}

figcaption {
	margin-top:1rem;
	}

/* ul,ol */
main li { padding-bottom: 0.25rem;}
main li:last-child { padding-bottom: 0;}

/* ul,olの打ち消し */
.center-item,.overview p,.navbar ul { margin: 0; padding: 0;}

/* ul,olの余白調整 */
ul.last,ol.last { margin-bottom: 0;}

/* スマホ時表示 */
.sp { display: inline !important}
.pc { display:none !important}

/* ----------------------------------------
テキスト
---------------------------------------- */
/* カラー */
.text_bold { font-weight:700;}
.text_gray { color:#666;}
.text_red { color:#CC4420;}
.text_green { color:#128F2D;}
.text_orange {color:#F76300;}

/* サイズ */
.text_l { font-size: 1.2rem; line-height:140%;}
.text_s { font-size: 0.8rem; line-height:130%;}

/* 太さ */
.bold { font-weight: bold;}

/* リンク */
a { color: #0066AA;}
a:hover { text-decoration: underline;}
a.blank:after {
	content: ' \f2d2';
	font-family:FontAwesome;
	font-size: 60%;
	overflow: hidden;
}

/* 位置 */
.center { text-align: center;}
.left { text-align:left;}

/* 見出し */
h2 { font-size: 1.7rem; margin: 1.8rem 0 1rem; font-weight: normal;}
h3 { font-size: 1.4rem; margin: 1.5rem 0 1.1rem; font-weight: bold; line-height:150%}
div h3:first-child {margin-top:0;}
h4 { margin:0 0 1rem;}
h5 { font-size: 1.1rem; font-weight: bold; margin: 0 0 0.5rem;}

/* 見出し - 装飾 */
h4.yellow {
	background: #FFE03E;
	width: 100%;
	text-align: center;
	padding: .5rem;
	border-radius: 5px;
	font-size: 1rem !important;
	margin-bottom:1rem !important;
}

.ribbon {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    box-sizing: border-box;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
	width: 100%;
}
.ribbon h3 {
    vertical-align: middle;
    margin: 0;
    padding: 0 30px;
    border-top: solid 2px rgba(255, 224, 62, 1);
    border-bottom: solid 2px rgba(255, 224, 62, 1);
    line-height: 1.5;
	padding: 0.5rem;
	font-size: 1.1rem!important;
}
.ribbon.red {
    background: #D80400;/*塗りつぶし色*/
    color: #FFF;/*文字色*/
}


.fukidashi {
 	position: relative;
	display: inline-block;
 	margin: 0 ;
	padding: 0.5rem 1rem;
	min-width: 120px;
 	width: 100%;
	border-radius: 0.5rem;
	text-align: center;
}

.fukidashi:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -10px;
	border: 10px solid transparent;
}

.fukidashi.yellow { background:#FFF100; color: inherit;}
.fukidashi.yellow:before {border-top: 10px solid #FFF100;}
.fukidashi.brown { background:#5A350C; color: #fff;}
.fukidashi.brown:before {border-top: 10px solid #5A350C;}
.fukidashi.blue { background:#0079C3; color: #fff;}
.fukidashi.blue:before {border-top: 10px solid #0079C3;}

/* 注釈 */
.reference {
	list-style: none;
	padding: 0;
	font-size: 0.9rem;
	margin:0;
	line-height:1.5;
}
aside .reference { margin: 0;}
.reference li {
	padding-left: 1rem;
	text-indent: -1rem;
}
.reference li:before {
	content: '※';
	padding-right: 0.25rem;
}

/* ----------------------------------------
カラム関連
---------------------------------------- */
/* 余白 */
main .container, #main .container, 
.ContentArea
 {
	margin: 0 4%;
}
.ContentArea {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.content .coloum,.grid .coloum { padding-bottom: 4rem;}
.content .coloum:last-child,.grid .coloum:last-child { padding-bottom: 0;}

/* 最初のContentAreaのマージン */
.ContentArea.first {
	margin-top:0rem;
}

/* flex */
.flex {
	-js-display: flex;
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
	-ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}
.flex.flow { flex-flow: row-reverse;}

.col-2-1 { width: 100%; margin-bottom: 2rem;}
.col-2-2 { width: 48%;}
.col-2-1:last-child { margin-bottom: 0;}
.col-5-2,.col-4-2 { width: 48%; padding: 0.5rem; background: #fff; text-align: center; margin-bottom: 3%; border: 1px solid #ccc; border-bottom: 2px solid #ccc;}
.col-4-2 { width: 100%;}
.grid.col-5-2 { margin-bottom: 3%;}
.col-5-2 img { margin-bottom: 0.5rem; width: 70%;}
.col-4-2 img { width: 80%;}
.col-5-2.checked { background: #FFE03E;}
.col-3-1 { width: 100%; margin-bottom: 1rem;}
.col-3-1:last-child { margin-bottom: 0;}

/*空に*/
.empty {
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* aside */
.box {
	padding: 1rem;
	margin: 1rem 0;
	border:none !important;
}
.box_white {
	background: #fff;	
}
.box_yellow {
	background: #fff9d8 !important;
}
.box_blue {
	background: #ECF7F9 !important;
}
.box_red {
	border:solid 2px #E23922 !important;
}
.box_green {
	background:#DAF0B7;
	border:none;
	}
.box_gray {
	background: #F2F2F2;
}
.box ul:first-child {
	margin-top:0;
}
.box ul:last-child {
	margin-bottom:0;
}

/* youtube */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* Android対応 */
html.android #moshikomi .btn_box {
/*	letter-spacing: -.4em*/
}
/*html.android #app_commodity .btn_box div ,
html.android #moshikomi .btn_box.three > div,
html.android #moshikomi .white-popup .btn_box.half > div,
html.android .app_qu .app_sign,html.android .app_qu h3,
html.android #moshikomi.bank .btn_box.half > div,
html.android #moshikomi.bank .flex input{
	display: inline-block;
	letter-spacing: normal;
}*/
html.android #moshikomi .btn_box.half > div,
html.android #self_box .btn_box.all {
	letter-spacing: normal;
}
/*html.android #app_commodity .btn_box div:nth-child(odd),
html.android #moshikomi .btn_box.three > div:nth-child(odd),
html.android #moshikomi .white-popup .btn_box.half > div:nth-child(odd),
html.android #moshikomi.bank .btn_box.half > div:nth-child(odd) {
	margin-right: 2%;
}*/
/*html.android #moshikomi .btn_box.half-all > div,
html.android .step1 #SV_aboutkit .coloum,
html.android .message .col-2-1,
html.android #moshikomi .btn_box.half-three > div {
	display: inline-block;
	width: 100%;
	letter-spacing: normal;
}*/
html.android #moshikomi .white-popup .btn_box.half > div { width: 49%;}
html.android #moshikomi .btn_move button {
	width: 80%;
	padding: 1.5rem 0;
	box-sizing: border-box;
	margin: 1rem auto;
}
html.android #moshikomi .bank_search { width: 75%;}
html.android #moshikomi .bt_kensaku { width: 20%;}

/* ----------------------------------------
 回り込み解除
---------------------------------------- */

.clearfix::after, .clearfix::before {
    content: " ";
    display: table;
}
.clearfix::after {
    clear: both;
}

/* ----------------------------------------
ボタン
---------------------------------------- */
/* 基本 */
.btn_space {
	margin:2rem 0 0 0;
	}
a.btn,button.btn{
	border-radius: 5px;
	/*display: block;*/
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	position: relative;
	padding:1.5rem ;
	cursor:pointer;
	width:auto;
}
a.btn:after,button.btn:after,
a.btn_white:after,button.btn_white:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	right: 1rem;
}

a.btn_red,
button.btn_red {
	background: #E9300E;
	border: none;
	border-radius: 0;
	color: #fff;
	width: 100%;
}

a.btn_green,
button.btn_green {
	background: linear-gradient(to bottom, rgba(139,211,18,1) 0%, rgba(103,162,6,1) 100%);
	background: #91bae4;/*Other Browser*/
	background: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0.00, #8bd312),
		color-stop(1.00, #67a206)
	);/*For Old WebKit*/
	
	background: linear-gradient(
		to bottom,
		#8bd312 0%,
		#67a206 100%
	);/*For Modern Browser*/
		border-bottom:solid 4px #48691B;
		color:#FFFFFF;
		font-weight:bold;
	}
a.btn_gray,
button.btn_back,
a.btn_back {
	background: #E5E5E5;
	border:solid 1px #CCC;
	border-bottom:solid 4px #CCC;
	padding:1rem 3rem 1rem 3rem;
	color: #000;	
	}
a.btn_s, button.btn_s {padding:0.7rem 2rem 0.7rem 1.5rem !important;}
a.btn_back,a.btn_green,a.btn_red { display: inline-block!important;}

/* 買取申込 */

.nav_buy {
	color: #fff!important;
	display: inline-block;
    padding: 7px 20px;
	border-radius: 25px;
    text-decoration: none;
    background-image: -webkit-linear-gradient(#D74C3D 0%, #AF0E08 100%)!important;
    background-image: linear-gradient(#D74C3D 0%, #AF0E08 100%)!important;
    transition: .4s;
	font-size:1.1rem;
}
.nav_buy:hover {
	background: #D80400;
	text-decoration:none;
}

.CV_btn a {
	width: 90%;
	margin: 0 auto;
	display: block;
}

.CV_btn .second_application {
	text-align:center;
	font-size:120%;
	margin-top:1rem;
	}

/* 他ボタン */
.btn_login a.btn {border-radius: none;}
.btn_login a.btn:after { content: "";}
a.green {
	background:#85C419;
	color: #fff;
}
a.green:hover {
	background: #689B13;
}

/* フォーム用 */
.btn_col {
	padding:0;
	list-style:none;
	}

.btn_col p {
	font-size:0.9rem;
	margin:0.5em 0 0;
	line-height:140%;
	color:#666;
	}

.btn_col li a {
	display:block;
	width:100%;
	border:#CCC solid 1px;
	border-bottom:#CCC solid 2px;
	padding:1.5em 1em;
	text-decoration:none;
	}

.btn_col li a:after {
	font-family: 'FontAwesome';
	content: "\f054";
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
	display:inline-block
	}

.btn_col li a.icon:after {
	top:33%;
	}

.btn_col4 li {
	width:100%;
	position: relative;
	margin-bottom:1em;
	}

.normal_btn {
	border: solid 1px #CCC;
	background:#FFF;
	color:#004b91;
	min-width:50%;
	max-width:80%;
	font-weight:700;
	font-size:120%;
	}

.s_btn {
	border: solid 1px #CCC;
	background:#FFF;
	color:#004b91;
	font-weight:700;
	font-size:100%;
	padding:0.5rem !important;
	}

button {
	display:inline;
	margin-bottom:0.5rem !important;
	}
button:hover,
#moshikomi a.btn:hover {
	opacity:0.8;
	}

/* googleカスタム検索 */
#search_btn {
    border: 0px;
    height: 28px;
    background: url(../img/common/search.png) no-repeat;
    position: absolute;
    right: 10px;
	background-size: 50%;
	background-position: 2px 40%;
}
#cse-search-box .flex div input[type="text"] { width: 88%;}
#cse-search-box .flex input[type="submit"]  { width: 12%;}
#cse-search-box input[type="text"] {
	border: none!important;
	border-radius: 0.25rem;
	padding: 0.5rem!important;}


/* ----------------------------------------
 アイコン・チップ
---------------------------------------- */

.tip_red { background: #D80400; font-size:0.8rem}
.tip_blue { background: #334FAC; font-size:0.8rem}
.tip_green { background: #85C419; font-size:0.8rem}
.tip_orange { background: #F76300; font-size:0.8rem}

/* ----------------------------------------
 フォーム
---------------------------------------- */

#service input,
#moshikomi input, #moshikomi textarea,
#mypage input, #mypage textarea, button {
  margin: 0;
  padding: 0.8rem;
  background: none;
  border: none;
  border-radius: 3px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,Osaka,"MS PGothic",arial,helvetica,sans-serif;
}
#moshikomi input {
	height: 3.5rem;
}

#moshikomi select,
#mypage select {
  padding: 0.8rem;
  background: none;
  border:1px solid #aaa;
  border-radius: 3px;
  outline: none;
  font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,Osaka,"MS PGothic",arial,helvetica,sans-serif;
}

/* input type="password" のみ */
#moshikomi input[type="password"],
#mypage input[type="password"] {
  property: value;
}

/* input type="radio" のみ */
#moshikomi input[type="radio"],
#mypage input[type="radio"] {
  property: value;
}

/* input type="checkbox" のみ */
#moshikomi input[type="checkbox"],
#mypage input[type="checkbox"] {
  property: value;
}

/* input type="reset" のみ */
#moshikomi input[type="reset"],
#mypage input[type="reset"] {
  property: value;
}

/* input type="submit" のみ */
#moshikomi input[type="submit"],
#mypage input[type="submit"] {
  property: value;
}

#service input[type="text"],
#moshikomi input[type="text"],#moshikomi input[type="tel"], #moshikomi input[type="password"], #moshikomi textarea,
#mypage input[type="text"], #mypage input[type="password"], #mypage textarea {
  outline: none;
  border: 1px solid #999;
  -webkit-transition: all .3s;
  transition: all .3s;
  width:100%;
  /*background:#F9F9F9;*/
}
#service input[type="text"]:focus,
#moshikomi input[type="text"]:focus, #moshikomi textarea:focus,#moshikomi input[type="tel"]:focus,#moshikomi input[type="password"]:focus,
#mypage input[type="text"]:focus, #mypage input[type="password"]:focus, #mypage textarea:focus {
  box-shadow: 0 0 7px #82B9E1;
  border: 1px solid #82B9E1;
  width:100%;
  background:#FFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
input::placeholder {
  color: #B3B3B3;
}



/* ラジオボタン */
#moshikomi input[type="radio"],
#mypage.my_member_update input[type="radio"] {
  display: none;
}
#moshikomi label,
#mypage.my_member_update label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 20px;
  cursor: pointer;
  margin-right:1.5rem;
  font-size:1.1rem;
}
#moshikomi label::before,
#mypage.my_member_update label::before,
#moshikomi label::after,
#mypage.my_member_update label::after {
  position: absolute;
  content: '';
  top: 50%;
  border-radius: 100%;
  -webkit-transition: all .2s;
  transition: all .2s;
}
#moshikomi label::before,
#mypage.my_member_update label::before {
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: #f3f3f3;
  border: 1px solid #ccc;
}
#moshikomi label:hover::before,
#mypege.my_member_update label:hover::before {
  background: #fff;
}
#moshikomi label:after,
#moshikomi .list_organ label:after,
#mypage.my_member_update label::after {
  opacity: 0;
  left: 4px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: #FFF100;
  -webkit-transform: scale(2);
  transform: scale(2);
}
#moshikomi input[type="radio"]:checked + label::before,
#mypage.my_member_update input[type="radio"]:checked + label::before {
  background: #666;
  border: 1px solid #666;
}
#moshikomi input[type="radio"]:checked + label::after,
#mypage.my_member_update input[type="radio"]:checked + label::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* チェックボックス */
#mypage.my_login input[type="checkbox"],
#moshikomi.step1 input[type="checkbox"],
#moshikomi.step2 input[type="checkbox"],
#moshikomi.step3 input[type="checkbox"] {
  display: none;
}
#mypage.my_login label,
#moshikomi.step1 .check label,
#moshikomi.step2 .check label,
#moshikomi.step3 .check label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 23px;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
}
#mypage.my_login label::before,
#mypage.my_login label::after,
#moshikomi.step1 .check label::before,
#moshikomi.step2 .check label::before,
#moshikomi.step3 .check label::after
 {
  position: absolute;
  content: '';
  -webkit-transition: all .2s;
  transition: all .2s;
}
#mypage.my_login label::before,
#moshikomi.step1 .check label::before,
#moshikomi.step2 .check label::before,
#moshikomi.step3 .check label::before{
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -10px;
  background: #f4f4f4;
  border: 1px solid #ccc;
  border-radius: 0;
}
#mypage.my_login label::after,
#moshikomi.step1 .check label::after,
#moshikomi.step2 .check label::after,
#moshikomi.step3 .check label::after {
  opacity: 0;
  top: 50%;
  left: 3px;
  width: 12px;
  height: 6px;
  margin-top: -6px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  -webkit-transform: rotate(-45deg) scale(.5);
  transform: rotate(-45deg) scale(.5);
  background:none;
	border-radius: 0;
}
#mypage.my_login label:hover::before,
#moshikomi.step1 .check label:hover::before,
#moshikomi.step2 .check label:hover::before,
#moshikomi.step3 .check label:hover::before {
  background: #fff;
}
#mypage.my_login input[type="checkbox"]:checked + label::before,
#moshikomi.step1 .check input[type="checkbox"]:checked + label::before,
#moshikomi.step2 .check input[type="checkbox"]:checked + label::before,
#moshikomi.step3 .check input[type="checkbox"]:checked + label::before{
  background: #FFF100;
  border: 1px solid #FFF100;
}
#mypage.my_login input[type="checkbox"]:checked + label,
#moshikomi.step1 .check input[type="checkbox"]:checked + label,
#moshikomi.step2 .check input[type="checkbox"]:checked + label,
#moshikomi.step3 .check input[type="checkbox"]:checked + label{
	font-weight:bold;
}
#mypage.my_login input[type="checkbox"]:checked + label::after,
#moshikomi.step1 .check input[type="checkbox"]:checked + label::after,
#moshikomi.step2 .check input[type="checkbox"]:checked + label::after,
#moshikomi.step3 .check input[type="checkbox"]:checked + label::after{
  opacity: 1;
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
}

#mypage.my_login label { white-space: nowrap;}

/* 「必須」アイコン */
.icon_required {
	padding:0.1rem 0.4rem 0.2rem 0.4rem;
	line-height:normal;
	font-size:0.8rem;
	color:#cc4420;
	background:#FFF100;
	margin-left:1rem;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
	float:right
	}

/* placeholderの色変更 */
::-webkit-input-placeholder {
  color: #666; /* Chrome */
}
::-moz-placeholder {
  color: #666; /* Firefox */
}
:-ms-input-placeholder {
  color: #666; /* IE */
}

/* パスワード安全性 */
ul#pass_safe {
	margin:0;
	padding:0;
	}
#pass_safe li {
	float:left;
	display:block;
	list-style:none;
	text-align:center;
	width:4rem;
	background:#EBEBEB;
	padding:0.3rem 0.5rem;
	font-size:0.9rem;
	margin-right:0.2rem;
	color: #999;
	}

#pass_safe li.low {
	background:#d62424;
	color:#FFF;
	}

#pass_safe li.middle {
	background:#FAB705;
	color:#FFF;
	}
	
#pass_safe li.hight {
	background:#85c419;
	color:#FFF;
	}
	
#pass_safe li.best {
	background:#186d32;
	color:#FFF;
	}

/* safari・IE対策 */
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    background: transparent;
    position: relative;
    z-index: 1;
}
select::-ms-expand {
    display: none;
}
.selectWrap{
    position: relative;
    display: inline-block;
}
/*.selectWrap::before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 30px;
}*/
/*.selectWrap::after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #000 transparent transparent transparent;
	z-index: 10;
}*/
/* ----------------------------------------
スライダー
---------------------------------------- */
.case_item button {
	top: 0;
	background:#FFF100;
	width: 60px;
	padding: 0.5rem 0;
	height: 25px;
	margin: 0.5rem 0;
}
.case_item .slick-slide {
	padding: 0;
}
.case_item .slick-list {
	/*margin: 2rem 0 0 0;*/
}
.case_item .slick-next {
	right: 0;
	opacity:1;
}
.case_item .slick-prev {
	left: 0;
	opacity:1;
}
.case_item .slick-prev::before,.case_item .slick-next::before {
	background:#FFF100;
	color: #5a350c;
	font-size: 0.8rem;
}
.case_item button:hover,
.case_item button:focus,
.case_item .slick-prev:hover:before,
.case_item .slick-prev:focus:before,
.case_item .slick-next:hover:before,
.case_item .slick-next:focus:before {
	background: #FFD800;
}
.center-item.slick-dotted.slick-slider{
	margin-top:0 !important;
	padding-top:4.5rem;
	margin-bottom:0;
}
.slick-dots {
	padding:0.5rem 0;
}
.slick-dots li button::before {
	font-size:10px !important;
	content:"●" !important;
}

/* ----------------------------------------
アコーディオン
---------------------------------------- */
.accordion_area table h2 {
	border-left: none;
	padding: 0;
	margin: 2rem 0 1rem;
	font-weight: bold;
	font-size: 1.2rem;
}
.accordion_area table h2:first-child {
	margin-top: 0;
}
#top .accordion_area h3,
.single .accordion_area h3 {
	font-weight: bold;
	font-size: 100%;
}

.accordion_area > ul {
	margin:0;
	padding:0;
	border-bottom: 1px solid #CCC;
	}

.accordion_area > ul > li {
	list-style:none !important;
	margin-bottom:0;
	padding-bottom: 0;
	}
	
.accordion_area dt {
	float:none;
	}

dl.accordion {
	margin:0;
	}

dl.accordion dt {
	cursor: pointer;
	border-top: 1px solid #CCC;
	word-wrap:break-word;
	background:#f4f5f7;
}

dl.accordion dt {
	display: block;
	padding: 1rem 30px 1rem 1.5rem;
	margin-right:0;
}

dl.accordion dt {
	margin:0;
	font-weight:400;
	}

dl.accordion dt:before {
	content: '\f107';
	font-family:FontAwesome;
	position: relative;
	float: right;
	width: 0;
	height: 0;
	font-size:18px;
}
dl.accordion dt:after {
	content: '詳細はこちら';
    position: absolute;
    right: 37px;
    border-radius: 3px;
	font-size: 12px;
}
dl.accordion dt:hover {
	background:#FFF100;
}
dl.accordion dt h2 {
	margin:0;
	font-size: 1.3rem;
	padding: 0;
	border-left: none;
}
dl.accordion dt.open {
	background:#FFF100;
	font-weight:bold;
	}
dl.accordion dt.open::before {
	content: '\f106';
	font-family:FontAwesome;
	position: relative;
	float: right;
	width: 0;
	height: 0;
	font-size:18px;
}
dl.accordion dt.open::after {
	content: '閉じる';
    position: absolute;
    right: 37px;
    border-radius: 3px;
	font-size: 12px;
}
dl.accordion dd {
	word-wrap:break-word;
	padding:1rem;
	background: #fff;
}

dl.accordion dd h4 {
	margin:30px 0 15px;
	font-size:20px;
	}
	
/* ----------------------------------------
ページトップ
---------------------------------------- */
#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size: 77%;
	z-index: 1;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 45px;
	font-size: 1.25rem;
	text-align: center;
	display: block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}


/* ----------------------------------------
header
---------------------------------------- */
/* ロゴ */
#meanmenu nav h1 {
	overflow: hidden;
	width: 70px;
	position: absolute;
	left: 50%;
	top: 3px;
	margin:0 0 0 -35px;
	z-index: 999999;
	}

/* スマホとPCで切替 */
.ver_pc { display: none;}

/* 全体 */
.navbar {
	background-color:#FFEF04;
	position: absolute;
}
header li { line-height: 1;}

/* 第1階層 */
/* 第2階層 */
.ver_sp li a {
	position: relative;
}
.ver_sp li a:after {
  font-family: 'FontAwesome';
  content: "\f105";
  position: absolute;
  top: 60%;
  right: 20px;
  margin-top: -12px;
}	
.ver_sp li a.mean-expand:after {
  content: "＋";
  right: 15px;
}
.ver_sp li a.mean-expand.mean-clicked:after {
  content: "－";
}
.ver_sp li .drop_nav:after,.ver_sp .sub_menu01 a:after {
	content: "";
}
/* mainmenu */
.navbar a { color: #5a350c; font-weight: bold;}
.navbar a:hover { color: #9D711D;}
.submenu_01 a,.submenu_02 a { font-weight: normal; color: #666; font-size: 0.9rem;}

/* submenu */
.mean-container .mean-nav ul .sub_menu01 a{
	width: 50%;
	float: left;
	box-sizing: border-box;
	text-align: center;
	font-size: 0.9rem;
}
.mean-container .mean-nav ul .sub_menu01 a:nth-child(odd){
	border-right: 1px solid #ccc;
}
.sub_menu01 span {
	display: block;
	font-size: 25px;
	margin-bottom: 5px;
}
.mean-container .mean-nav ul .sub_menu02 {
	background: #ccc;
	padding: 3%;
	box-sizing: border-box;
}
.mean-container .mean-nav ul .sub_menu02 a {
	border: none;
	margin-bottom: 3%;
	box-sizing: border-box;
	width: 48%;
	text-align: center;
	position: relative;
	font-size: 0.9rem;
}
.mean-container .mean-nav ul .sub_menu02 a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	top: 60%;
	right: 10px;
	margin-top: -12px;
}
.mean-container .mean-nav ul .sub_menu02 a:nth-child(odd) {
	margin-right: 3%;
}
.mean-container .mean-nav ul .sub_menu02 a:last-child {
	margin-bottom: 0;
}

.mean-container .mean-nav ul .sub_menu02 a.nav_buy {
	width: 100%;
}

/* ----------------------------------------
footer
---------------------------------------- */
footer {
	background: #FFF100;
	}
footer .ContentArea { padding-top: 1rem; padding-bottom: 1rem; margin-top: 0; margin-bottom: 0;}
footer ul { margin: 0; padding: 0; list-style: none;}
footer a { color: #fff; text-decoration: none; font-size: 0.9rem;}
.border_ft {
	height: 8px;
	background: #BF9D57;
	border-top: #CFB580 2px solid;
	border-bottom: #907642 2px solid;	
}
.logo_ft img { width: 150px; margin: 0 auto;}
.footerNavItem li { width: 50%;}
.footerNavItem {
	border-bottom: 1px solid #993300;
    -webkit-box-shadow: 0 1px 0 #F5BEB6;
    -moz-box-shadow: 0 1px 0 #F5BEB6;
    box-shadow: 0 1px 0 #F5BEB6;
	padding-bottom: 1rem;
}
.footerNavSitemap li { width: 100%;}
.footerNavItem a {
	width: 100%;
	display: block;
}


/* ----------------------------------------
ヘッダー
---------------------------------------- */
.btn_login a {
	position: absolute;
	top: 0;
	right:0;
	display: inline-block;
	line-height: 44px;
	padding: 0 15px;
	text-decoration: none;
	z-index:999999;
	border-radius:0;
}
.overview {
	display: none;
}

/* ----------------------------------------
TOP
---------------------------------------- */

/*スライダー*/
.slick-slide { padding: 0 5px;}

#top #about_voice .slick-track {
	top:20px;
	}	

/* 見出し */
/*#top h2 { display: inline-block;}*/
#top_service h3,
#top_merit h3,
#oklevel h3 {
	text-align: center; margin:0.5rem 0;
	}

/* 段落調整 */
#top_service p,
#top_merit p,
#oklevel p {
	margin:0;
	}

/* 背景 */
#top_wrap section:nth-child(even) {
	background-color: #F0F0F0;
	background-image: url(../img/top/back_top.svg),url(../img/top/back_bottom.svg) ;
	background-position: center top,center bottom;
	background-repeat: repeat-x, repeat-x;
	padding:2.5rem 0;
	}
/*#top_wrap section.last {
	background-image: url(../img/top/back_top.svg), none!important;
}*/

/* 余白 */
#about_voice .flex .content,
#top_item .flex .content,
#top_merit .flex .content,
#ng_category .coloum,
#top_blog .feed {
	background: #fff;
	padding: 4%;
	border-radius: 0.5rem;
}

#top_category .content,
#top_item .flex .content,
#oklevel .flex .content,
#ng_category .content{
	border-left:solid 1px #E5E5E5;
	border-right:solid 1px #E5E5E5;
	border-bottom:solid 1px #E5E5E5;
	box-shadow: 0px 10px 5px -5px #ccc; 
}
.flex .content {
	margin-bottom: 1rem;
}
.flex .content.empty {
	border: none!important;
	box-shadow: none!important;
	background: none!important;
}

#top_service .flex .content:nth-last-child(-n+2),
#top_item .flex .content:nth-last-child(-n+2),
#top_item .flex .content:nth-last-child(-n+2),
#top_merit .flex .content:nth-last-child(-n+2)
  {
	margin-bottom: 0.3rem;
}

/* -firefox向け- */
@-moz-document url-prefix(){
	#about_voice .flex .content {
		padding: 1.5rem;
	}
	.flex .content {
	margin-bottom: 2rem;
	}
}

/* flex(2-colum) */
#top_item .flex .content,
#top_merit .flex .content,
#oklevel .flex .content
 {
	width: 48%;
}

/* 宅配買取サービスの流れ */
#top_service .flex .content {
	padding: 0 1rem 0;
	margin-bottom: 1rem;
	width: 50%;
}
#top_service .flex .content:nth-child(odd) {
	border-right: 1px dotted #ccc;
}


/* お客様の声 */
#about_voice .flex .content {
	width: 100%;
	border:solid 3px #FFD800;
	min-height: 275px;
}
#about_voice .content h3 {
	margin: 0;
	color: #d80400;
	padding:0 0 0.7rem;
	margin-bottom:1rem;
	font-weight:400;
	line-height:130%;
	border-bottom:dashed 1px #CCCCCC;
	font-size:1.4rem;
}
#about_voice .content p {
	margin:0;
	width: 66%;
}
.item_voice {
	font-size:1rem;
	display: block;
	padding:0;
	margin:0;
	color:#59340C;
	font-weight:400;
}
.img_voice { width: 30%;}
#about_voice.ContentArea {
	margin-bottom: -2rem;
}
#about_voice .slick-dots { padding: 0;}
#about_voice .slick-list {
	top: 0.5rem;
	overflow: -webkit-paged-x;
	overflow: paged-x;	
}
#about_voice .content h3 {
	padding-left:70px;
	background-size:auto 60px !important;
	min-height: 70px;
	}
#about_voice .content h3.face_a {
	background: url(../img/service/img_voiceface_a.png) left top no-repeat;
	}
#about_voice .content h3.face_b {
	background: url(../img/service/img_voiceface_b.png) left top no-repeat;
	}
#about_voice .content h3.face_c {
	background: url(../img/service/img_voiceface_c.png) left top no-repeat;
	}
#about_voice .content h3.face_d {
	background: url(../img/service/img_voiceface_d.png) left top no-repeat;
	}
#about_voice .content h3.face_e {
	background: url(../img/service/img_voiceface_e.png) left top no-repeat;
	}
#about_voice .content h3.face_f {
	background: url(../img/service/img_voiceface_f.png) left top no-repeat;
	}
#about_voice .content h3.face_g {
	background: url(../img/service/img_voiceface_g.png) left top no-repeat;
	}
#about_voice .content h3.face_h {
	background: url(../img/service/img_voiceface_h.png) left top no-repeat;
	}
#about_voice .content h3.face_i {
	background: url(../img/service/img_voiceface_i.png) left top no-repeat;
	}
#about_voice .content h3.face_j {
	background: url(../img/service/img_voiceface_j.png) left top no-repeat;
	}
#about_voice .content h3.face_k {
	background: url(../img/service/img_voiceface_k.png) left top no-repeat;
	}
.img_voice {
	width: 28%;
	flex-shrink: 0;
	margin-right: 1rem;
	}


/* 高く売るポイント */
#top_point h3 {
	background: #FFD800;
    height: auto;
    position: relative;
    width: 100%;
	padding: 0.5rem 1rem;
	margin-bottom:0;
	-webkit-border-top-left-radius: 0.5rem;
	-webkit-border-top-right-radius: 0.5rem;  
	-moz-border-radius-topleft: 0.5rem; 
	-moz-border-radius-topright: 0.5rem;
}

/* 買取商品カテゴリー */
#top_category h3 {
	font-size: 1.3rem;
	text-align: center;
	padding-top:4px
}
#top_category h3 img {
	width: 40px;
	display: inline-block;
	vertical-align: middle;
}
#top_category .flex .content img {
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
}
#top_category .flex .content div {
	padding: 1rem 1.5rem 1.5rem;
}
#top_category .content {
	background: #fff;
	border-radius: 0.5rem;
	width: 48.5%;
}

/* 買取王子のメリット */
#top #top_merit h2 {
	background:none;
	padding: 0.6em 0;
	border-bottom: none;
}
#top_merit .flex .content {
	border: 3px solid #FFD800;
}
#top_merit .flex .content.empty {
	border: none;
}

/* 高く売るポイント */
#top_point .content {
	background: #fff;
	border-radius: 0.5rem;
}
#top_point .content > div { padding: 1.5rem; margin: 0;}
#top_point .content .flex div { margin-bottom: 0.8rem;}
#top_point .content h4 { margin-bottom: 0.5rem;}
/* バナー群 */
#List_bnr .flex {
	margin: 0;
	padding: 0;
}
#List_bnr {
	background: url(../img/top/back_topbnr.png);
}
#List_bnr .ContentArea {
	padding: 8% 4%;
	margin: 0 auto;
}
#List_bnr .flex li {
	list-style: none;
	margin-bottom: 1.5%;
	width: 48%;
	padding: 0;
}
/* -firefox向け- */
@-moz-document url-prefix(){
	#List_bnr .flex li {
	margin-bottom: 1rem;
	}
}

#List_bnr .flex li:last-child {
	margin-bottom: 0;
}
#List_bnr img { display: block;}

/* 他社サービスとの比較 */
#top_comparison table {
	margin-bottom:2rem
}
#top_comparison table:last-child {
	margin-bottom:0
}

#top_comparison .sp table th {
	width: 30%;
	display: table-cell;
	height: 100%;
}
#top_comparison .sp table td {
	width: 70%;
	display: table-cell;	
}

/* このレベルまでなら買取OK */
#oklevel .content img {
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
}
#oklevel .content div {
	padding: 1rem 1.5rem 1.5rem;
}
#oklevel .content {
	background: #fff;
	border-radius: 0.5rem;
}

/* お取扱出来ない商品 */
#ng_category h3 {
	background: #666;
	color: #fff;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	margin: 0;
	font-weight: normal;
	padding: 0.5rem 1.5rem;
}
#ng_category.ContentArea {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

/* スタッフブログ */
#top_blog {
	border: 2px solid #017AC3;
}
#top #top_blog h2 {
	background: #017AC3 url(../img/top/img_blogtitle.png) 10px 5px no-repeat;
	margin: 0;
	border: 0;
	border-radius: 0;
}
#top_blog ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#top_blog li {
	margin-bottom: 0.5rem;
}
#top_blog li:last-child {
	margin-bottom:0;
}
#top_blog li a {
	display: inline-block;
}
/* もっと見るボタン */
.link_more {
	display: inline-block;
	margin:0 0 0 1rem;
	vertical-align: middle;
	overflow: hidden;
}
.link_more a{
	/*background: #fff;*/
	padding: 0.2rem 0.5rem;
	text-decoration: none;
	font-size: 0.9rem;
	/*border: 1px solid #666;*/
	display:block
}
.link_more a:hover {
	/*background: #ccc;*/
	text-decoration:underline
}
.link_more a:after {
  font-family: 'FontAwesome';
  content: "\f105";
  padding-left: 0.25rem;
}

/* ----------------------------------------
single 共通
---------------------------------------- */
/* 見出し */

.single main h1, .single #main h1 {
	border-left: solid 5px #D62424;
	padding:0.3em 0 0.3em 0.6em;
	margin:0 0 1.5em;
	font-size:36px;
	}

#top h2,
.single main h2, .single #main h2 {
	padding: 0.6em 0 0.6em 1rem;
	background:url(../img/common/bk_h2.png) right no-repeat;
	font-weight:bold;
	border-bottom: solid 4px #CB9E50;
	color:#FFFFFF;
	-webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
    -moz-border-radius-topleft: 5px;  
    -moz-border-radius-topright: 5px;  
}

.single main h2, .single #main h2 {
	margin-top:3rem
	}

#top_comparison h3,
.single main h3, .single #main h3 {
	padding:0 0 0 2em;
	background:url(../img/common/bk_h3.png) top left no-repeat;
	background-size:auto 100%;
	margin-top:1.5rem
}

.single main h4, .single #main h4 {
	font-size: 1.2rem;
	margin-bottom:0.5rem
}

.single main .coloum h3:first-child, .single #main .coloum h3:first-child {
	margin: 0 0 1.3rem;
}
/* 見出し除外要素 */
.single #TAB_category h2 {
	border-left: 0;
	padding: 0;
}

/* カラム */
.single .maincontent .ContentArea:first-child{
	margin-top: 3rem;
}
.single .maincontent .content {
	margin-bottom: 3rem;
}
.single .maincontent .content:last-child {
	margin-bottom: 0;
}
.grid { margin-bottom: 2rem;}

.content .coloum,.grid coloum { padding-bottom: 1.5rem ;}
.content .coloum:last-child,.grid .coloum:last-child { padding-bottom: 0;}

.grid .coloum h4 {
	margin-top: 0;
}
.grid.border{
	border: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	background: #fff;
	padding: 1.5rem;
}
.coloum aside:last-child { margin-bottom: 0;}


/* ローカルナビ */
.fixed{
	position:fixed;
	top:0;
}
#SingleLocalNav label {
	position: static;
	padding:0;
	margin-right: 0;
	width: 100%;
}
#SingleLocalNav label:before {
	display: none;
}
#SingleLocalNav h1 {
	padding: 13px 1rem;
	background: #6A4924;
	color: #fff;
	margin: 0;
	font-size: 100%;
	height: 40px;
	padding: 14px 1rem auto;
}
#SingleLocalNav h1:after {
  font-family: 'FontAwesome';
  content: "\f078";
  vertical-align: text-bottom;
  padding-left: 1rem;
}
#SingleLocalNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#SingleLocalNav li a {
	display: block;
	padding: 0 1rem;
	border-bottom: 1px solid #ccc;
	position: relative;
	background: #fff;
	line-height: 40px;
}
#SingleLocalNav li a:after {
  font-family: 'FontAwesome';
  content: "\f105";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -20px;
  padding-right: 0.6rem;
}
.luxbar-menu .luxbar-item {
	vertical-align: text-bottom;
}
.luxbar-default {
  width: 100%;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  z-index: 1000; }

.luxbar-static {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000; }
  .luxbar-static .luxbar-checkbox:checked ~ .luxbar-menu {
    position: absolute; }

.luxbar-fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.luxbar-fixed-bottom {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.luxbar-hamburger span, .luxbar-hamburger span::before, .luxbar-hamburger span::after {
  display: block;
  height: 2px;
  width: 26px;
  transition: 0.6s ease; }

.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span {
  background-color: transparent; }
  .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::before, .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::after {
    margin-top: 0; }

.luxbar-header {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.luxbar-menu-left .luxbar-navigation,
.luxbar-menu-left .luxbar-header {
  justify-content: flex-start; }

.luxbar-menu-right .luxbar-hamburger {
  margin-left: auto; }

.luxbar-brand {
  font-size: 1.6em;
  padding: 18px 24px 18px 24px; }

.luxbar-menu {
  min-height: 40px;
  transition: 0.6s ease;
  width: 100%;
  z-index: 999;}

.luxbar-navigation {
	-js-display: flex;
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-direction: column;
	list-style: none;
	padding-left: 0;
	margin: 0; }

.luxbar-menu a,
.luxbar-item a {
  text-decoration: none;
  color: inherit;
  cursor: pointer; }
.luxbar-checkbox {
  display: none; }
  .luxbar-checkbox:not(:checked) ~ .luxbar-menu {
    overflow: hidden;
    height: 50px;}
	  .luxbar-checkbox:checked ~ .luxbar-menu {
    transition: height 0.6s ease;
    overflow: auto; }

.dropdown {
  position: relative;
  height: auto;
  min-height: 50px; }
  .dropdown:hover > ul {
    position: relative;
    display: block;
    min-width: 100%; }
  .dropdown > a::after {
    position: absolute;
    content: '';
    right: 10px;
    top: 25px;
    border-width: 5px 5px 0;
    border-color: transparent;
    border-style: solid; }
  .dropdown > ul {
    display: block;
    overflow-x: hidden;
    list-style: none;
    padding: 0; }
    .dropdown > ul .luxbar-item {
      min-width: 100%;
      height: 29px;
      padding: 5px 10px 5px 40px; }
      .dropdown > ul .luxbar-item a {
        min-height: 29px;
        line-height: 29px;
        padding: 0; }

/* パンくずリスト */
#bread .ContentArea {
	margin: 0;
	overflow: hidden;
	width: 100%;
}
#bread .ContentArea ul {
	list-style: none;
	padding: 0;
	margin: 1rem;
}
#bread .ContentArea li {
	display: inline-block;
	font-size: 0.8rem;	
}
#bread .ContentArea li a {
	color: inherit;
}
#bread .ContentArea li:after {
  font-family: 'FontAwesome';
  content: "\f105";
  padding: 0 0.25rem 0 0.5rem;
}
#bread .ContentArea li:last-child:after {
	content: "";
}

/* フッター前紹介文 */
#bottom_overview.ContentArea {
	text-align: center;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

/* ----------------------------------------
single - サービスガイド - ご利用の流れ
---------------------------------------- */
/* 簡単申込み4ステップ！ */
.arrow {
	/*width:15%;*/
	margin: 0 auto;
	padding:0 0;
	margin-bottom:1rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 100px 0 100px;
	border-color: #FFF100 transparent transparent transparent;
	}
#SV_flow .col-2-1 { margin-bottom: 1rem;}
#SV_flow .col-2-1:last-child { margin-bottom: 0;}

/* お電話にて申込みの場合 */
.CV_pdf { margin-top: 2rem;}
.CV_pdf aside {
	background: #FFF9D8;
	padding: 1rem;
	border-radius: 5px;
}

/* 身分証明書の登録について */
#SV_regist img { padding: 0 1rem;}

/* お取扱い商品一覧 */
#SV_item dl.accordion dt {
	padding: 0.75rem 30px 0.75rem 1rem;
}

/* 注意事項 */
#list_caution #TAB_category.ContentArea {
	margin-top: 0;
}
#list_caution.ContentArea ol {
	margin: 0;
}

/* ----------------------------------------
single - サービスガイド - ご利用の流れ - メール受信テスト
--------------------------------------- */
#mail_try aside ol { margin: 0;}
#mail_try aside li { margin-bottom: 1.5rem;}
#mail_try aside li:last-child { margin-bottom: 0;}


/* ----------------------------------------
single - サービスガイド - 梱包について
---------------------------------------- */
.intro_point {
	background: #F3F3F3!important;
	margin-bottom: 1rem;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}
.intro_point h4{
    background-image: -webkit-linear-gradient(#FFDF3E 0%, #FFBC2D 100%);
    background-image: linear-gradient(#FFDF3E 0%, #FFBC2D 100%);
    height: auto;
    position: relative;
    width: 100%;
	text-align: center;
	padding: 0.5rem;
	font-size: 0.8rem!important;
	margin-bottom:0 !important;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;  
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
}
.intro_point h4:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 7px solid transparent;
    border-top-color: #FFE03E;
    top: 100%;
    left: 50%;
    margin-left: -7px;
}
.intro_point .text_point {
	padding: 1rem 1rem;
	margin:0;
}
#SV_packitem .flex {
	flex-direction: row-reverse;
}
#SV_packitem .coloum {
	margin-bottom:2rem;
	}


/* ----------------------------------------
single - サービスガイド - 無料宅配キット
--------------------------------------- */
#SV_aboutkit .col-2-1 { }
/*#SV_aboutkit .col-2-1:last-child { margin-bottom: 0;}*/
#SV_aboutkit .reference { margin-bottom: 0;}
#SV_aboutkit .col-2-2 h4:before {
	content:'\f0da';
	font-family: FontAwesome;
	padding-right: 0.25rem;
}
.size_kit { list-style: none; margin: 0; padding: 0; font-size:0.9rem}
.size_kit li {
	padding-right: 0.5rem;
	margin-bottom: 0.5rem;
	font-size: 0.9rem;	
}
.size_kit li .tip {
	background: #FFF100;
	font-size:0.8rem;
}
.size_kit li .tip.gray {
	background: #666;
	color: #fff;
}
.size_kit span {
	padding: 0.2rem 0.3rem;
	margin-right: 0.25rem;
}

/*20210914 小型商品用段ボールリニューアル　買取箱ポップアップ説明*/
/*PC用指示*/
@media screen and (min-width:768px) {
	.pc_left {
		width: 50%;
	}
	.pc_right {
		width: 50%
	}
	.pc_img {
		width: 100%;
	}
	.sp_img {
		display: none;
	}
}

/*SP用指示*/
@media screen and (max-width:767px) {
	.sp_left {
		width: 50%;
	}
	.sp_right {
		width: 50%;
	}
	.sp_img {
		width: 80%;
		max-width: 100%;
		margin-right: -2rem;
	}
	.sp_right {
		text-align: center;
	}
	.pc_img {
		display: none;
	}
}

/*共通指示*/
.kogata_new h4 {
	font-size: 1.4rem;
}
.kogata_new .text_bold {
	font-size: 1.2rem;
}
.kogata_new .tip_red {
	font-size: 1.25rem;
	padding: 0.3rem 0.5rem;
	margin-left: 1rem;
}
#moshikomi .tip_red {
	background: #E9300E;
	color: #fff;
}
#size-popup #SV_aboutkit .col-2-2.kogata_list {
	flex-basis: 100%;
}
.kogata_new {
	width: 100%;
}

/* ----------------------------------------
single - アイテム一覧
---------------------------------------- */
#item .content { width: 48%;}

/* ----------------------------------------
single - キャンペーン・お得情報
--------------------------------------- */
#info main #plusup_content .ContentArea {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
#info main .content {
	background: #fff;
	border-radius: 0.5rem;
	box-shadow:0px 0px 15px 5px rgba(90,53,12,0.23);
	-moz-box-shadow:0px 0px 15px 5px rgba(90,53,12,0.23);
	-webkit-box-shadow:0px 0px 15px 5px rgba(90,53,12,0.23);
	padding: 1.5rem;
}
#info main .content h2 {
	border-left: none;
	padding: 0;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0 1rem;
}

#info main .num_border {
	border-top: 5px solid #F6AD00;
	width: 70%;
	margin: -1.5rem auto 0.5rem;
	position: relative;
}
#info main .num_border:after!important {
	content:'';
	position: absolute;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 10px solid #F6AD00;
	left: 50%;
	margin-left: -5px;
}
#info main .num_point {
	text-align: center;
	font-weight: bold;
	color: #F6AD00;
	margin: 1rem auto;
	font-size: 1.2rem;
}

#info main aside .content {
	box-shadow:none;
	padding: 0;
}

/* ----------------------------------------
single - キャンペーン・お得情報 - 一覧
--------------------------------------- */
#info.index main .content {
	border-radius: 0;
	box-shadow:none;
	background: none;
	padding: 0;
}
#info.index main .content img { display: block;}
#info.index main .content a {
	color: inherit;
	text-decoration: none;
}
#info.index main .grid {
	background: #fff;
}
#info.index main .grid .coloum {
	padding: 1rem;
}
.link_detail {
	text-align: right;
	font-size: 0.9rem;
}
.link_detail:after {
    font-family: 'FontAwesome';
    content: "\f105";
	padding-left: 0.5rem;
}

/* ----------------------------------------
single - キャンペーン・お得情報 - プラスアップキャンペーン
--------------------------------------- */
.plusup_wrap {
	background: url(../img/info/plusup/back_img.jpg);
	overflow: hidden;
}
/* メイン画像 */
#plusup_main {
	position: relative;
}
#plusup_main p {
	position: absolute;
	margin: 0;
	top: 10%;
	left: 15%;
	color: #fff;
	font-weight: bold;
}
#plusup_highitem h2 {
	text-align: center;
	border-left: none;
}
#plusup_highitem ul { list-style: none; padding: 0;}
#plusup_highitem li {
	width: 100%;
	padding-bottom: 0.25rem;
}
#plusup_highitem li img { width:30px; padding-right: 0.25rem;}
#plusup_highitem li img,#plusup_highitem li a { display: inline-block; vertical-align: middle;}

/* ----------------------------------------
single - キャンペーン・お得情報 - Amazonギフト券
--------------------------------------- */
.amazon_wrap {
	background: linear-gradient(#F2931D, #FFE30D);
	overflow: hidden;
}

/* ----------------------------------------
single - キャンペーン・お得情報 - egift
--------------------------------------- */
.egift_wrap {
	background: linear-gradient(#334FAC, #3DA6D8);
	overflow: hidden;
}

/* ----------------------------------------
single - キャンペーン・お得情報 - 買取王子ポイント
--------------------------------------- */
.oujipoint_wrap {
	background: linear-gradient(#FFF100, #fff);
	overflow: hidden;
}

#oujipoint_amazon .col-3-1 h4 { margin-top: 0; color: #F2931D;}
#oujipoint_amazon .col-3-1 {
	border: 2px solid #F2931D;
	padding: 1rem;
	border-radius: 0.5rem;
	text-align: center;
}	

/* ----------------------------------------
single - 買取王子について - TOP
---------------------------------------- */
#about_nav .flex a {
	width: 48%;
	text-align: center;
}

/* ----------------------------------------
single - 買取王子について - メディア情報
---------------------------------------- */
.media article figure {
	width: 100%;
	margin-bottom: 1rem;
}
.media article .flex .normal_btn{
	margin-top: 2rem;
}
.media_text { width: 100%;}
.media article h3 { font-size: 1.2rem; font-weight: bold;}
.media article h3 span { display: block; font-weight: normal; padding-bottom: 0.5rem; font-size: 1rem;}


/* ----------------------------------------
single - 買取王子について - 他サービスとの比較
---------------------------------------- */
#about.comparison .content table { margin-bottom: 0;}
#about.comparison .content tr:last-child th { background: #FFE03E;}
#about.comparison .content tr:last-child td { font-weight: bold;}

/* ----------------------------------------
single - 買取王子について - 他サービスとの比較
---------------------------------------- */
#about #about_voice.ContentArea { margin-bottom: 2rem;}
#about #about_voice .flex .content { margin-bottom: 1rem;}

/* ----------------------------------------
single - よくあるご質問
---------------------------------------- */

#service.faq .faq_search {
	width:100%;
	margin-bottom:0.5rem
	}
#service.faq .faq_searchbutton {
	width:100%;
	text-align:center
	}
#service.faq dl.accordion dt {
	text-align: left;
	padding: 1rem 1.5rem 1rem 0.8rem;
}
#service.faq dl.accordion dt p:before {
	content: 'Q';
	background: #77BE01;
	color: #fff;
	padding: 3px 7px;
	border-radius: 50%;
	margin-right: 0.5rem;
}

#service.faq dl.accordion dd {
	padding: 1rem;
	background: #fff9d8;
}

#service.faq ul.faq_list li {
	width:48%;
	display:block
	}

/* ----------------------------------------
申し込みフォーム - 基本
---------------------------------------- */
.not_select h3 {
	opacity: 0.5;
}
/* ヘッダー */
#moshikomi header nav {
	display: inherit;
}
#moshikomi header {
	background: #fff;
}
#moshikomi header h1 {
	width: 70px;
	margin: 0 auto;
	padding-top: 5px;
}


/* 3ステップバー */
.stepBar {
	-js-display: flex;
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  max-width: 400px;
  position: relative;
  margin: 20px auto;
  text-align: center;
  padding: 0;
}
.stepBar li {
  font-size: 12px;
  list-style: none;
  position: relative;
  width: 33.333%;
}
.stepBar li:after {
  background: #ccc;
  content: "";
  width: calc(100% - 20px);
  height: 4px;
  position: absolute;
  left: calc(-50% + 10px);
  bottom: 18px;
}
.stepBar li:first-child:after {
  display: none;
}
.stepBar li span {
  background: #ccc;
  color: #ffffff;
  display: inline-block;
  height: 20px;
  margin-bottom: 5px;
  margin-top: 5px;
  line-height: 20px;
  width: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.stepBar .visited:after {
  background: #FFF100;
}
.stepBar .visited span {
  background: #FFF100;
  border: #DDB700 1px solid;
}

/* ----------------------------------------
申し込みフォーム - STEP1
---------------------------------------- */

/* ----------------------------------------
申し込みフォーム - STEP2
---------------------------------------- */

/* ----------------------------------------
申し込みフォーム - STEP3
---------------------------------------- */

/* ----------------------------------------
申し込みフォーム - STEP4
---------------------------------------- */


/* iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {

/* ----------------------------------------
ボタン
---------------------------------------- */
/* 他ボタン */
a.green {
	width: 60%;
}

/* ----------------------------------------
スライダー
---------------------------------------- */
.case_item .slick-next {
	right: 1rem;
}

.case_item button {
	top: -3rem;
	width: 60px;
	margin: 0;
}
.case_item .slick-prev {
	right: 6.5rem;
	left: inherit;
}
.case_item .slick-list {
	margin: 0 -0.5rem;
}
.case_item .slick-slide {
	margin: 0 0.5rem;
	min-height: 590px;
}
.case_item .slick-slide > div { height: 50%;}
.slick-prev,
.slick-next { width: 50px; height: 50px;}
.slick-next { right: 20px;}
.slick-prev { left: 20px;}

/* ----------------------------------------
カラム
---------------------------------------- */
.col-5-2,.col-4-2 { width: 30.66666%;}


/* ----------------------------------------
TOP
---------------------------------------- */
#List_bnr .flex li {
	width: 48%;
}

/* 買取商品カテゴリー */
#top_category li {
	width: 30.66666%;
}

/* 買取強化中のアイテム */
#top_item .flex .content {
	width: 30.66666%;
}
#top_item .flex .content img {
	width: 50%;
}

/* お客様の声 */
#about_voice .flex .content {
	width: 48%;
	min-height: 360px;
}

/* バナー群 */
#List_bnr .flex li {
	width: 48%;
}
#List_bnr .flex li:nth-last-child(-n+2) {
	margin-bottom: 0;
}

/* メリット */
#top_merit .flex .content:nth-last-child(-n+2)
  {
	margin-bottom: 0;
}


/* このレベルまでなら買取OK！ */
#oklevel .flex .content {
	width: 48%;
}
#oklevel .flex .content:nth-last-child(-n+2)
  {
	margin-bottom: 0;
}

/* ----------------------------------------
single
---------------------------------------- */
/* 見出し */
#top h2,
.single main h2, .single #main h2 {
	background-position: left;
	padding: 0.6em 0 0.6em 3.8rem;	
}

/* ----------------------------------------
single - サービスガイド
---------------------------------------- */
/* 簡単申込み4ステップ！ */
.arrow { width: 15%;}

}

/* PC（デスクトップ/タブレット横） */
@media screen and (min-width: 768px) {

/* ----------------------------------------
基本事項
---------------------------------------- */
html {
	font-size:0.8rem;
}
/* PC時表示 */
.sp { display:none !important}
.pc { display: inline !important;}

/* ----------------------------------------
上部のログインバー
---------------------------------------- */
.btn_login a {
	padding: 0 25px;
}

/* ----------------------------------------
カラム
---------------------------------------- */
.col-2-1 { width: 48%; margin-bottom: 0;}
.col-3-1 { width: 30.66666%; margin-bottom: 0;}
.col-5-2,.col-4-2 { width: 22.75%;}


/* ----------------------------------------
ボタン
---------------------------------------- */
.CV_btn a {
	width: 530px;
}

/* ----------------------------------------
メインメニュー
---------------------------------------- */
/*ロゴ*/
#meanmenu nav h1 {
	top: 4px;
}	

.overview {
	display: inherit;
	background:#F3F3F3;
	font-size: 0.85rem;
	overflow: hidden;
	width: 100%;
	height:60px;
	padding-top:7px
}
.overview p {
	padding: 0.5rem 0;
	margin-left:1rem;
}
.mean-container .mean-bar {
	top: 0;
}
.pagedescription {
	position: absolute !important;
	padding-left:220px;
	top:30px;
	z-index:999999;
	font-size: 0.85rem;
	}
.pagedescription p {
	padding:0;
	margin-left:1rem;
	}


/* ----------------------------------------
footer
---------------------------------------- */
footer .ContentArea { margin-top: 0; margin-bottom: 0; padding-top: 2rem; padding-bottom: 2rem; text-align: center;}
footer .flex {
	justify-content: center;	
}
.footerNavItem { padding-bottom: 2rem;}
.footerNavItem li,
.footerNavSitemap li{
	width: auto;
	margin: 0.25rem 0;	
}
.footerNavItem a,
.footerNavSitemap a {
	padding: 0 1rem;
}

/* ----------------------------------------
TOP
---------------------------------------- */
/* 余白 */
#about_voice .flex .content,
#top_item .flex .content,
#top_blog .feed{
	padding: 1.5rem;
}

/* Amazonマケプレアワード */
#top_amazonmake img { width: 80%; margin: 0 auto;}

/* お客様の声 */
#about_voice .flex .content {
	min-height: 300px;
}

/* 他社サービスとの比較 */
#top_comparison table img { width: 50%; margin: 0 auto;}

/* お取扱出来ない商品 */
#ng_category .coloum {
	border-top-left-radius: 0;
	border-top-right-radius: 0;}
#ng_category h3 {
	text-align: left;
	font-weight: normal;
	padding: 0.5rem 1.5rem;
}

/* ----------------------------------------
スライダー
---------------------------------------- */
.center-item.slick-dotted.slick-slider{
	padding-top:1rem;
}

/* 宅配買取サービスの流れ */
#top_service .flex {
	padding: 1.5rem 0;
}
#top_service .flex .content {
	width: 25%;
	padding:0 1.5rem;
}
#top_service .flex .content:last-child {
	border-right: none;
}
#top_service p {
	margin:0;
}

/* 買取強化中のアイテム */
#top_item .flex .content {
	width: 30.666663%;
}
#top_item .flex .content img {
	width: 60%;
}

/* 買取商品カテゴリー */
.box_cat {
	width: 48%;
	margin-bottom: 1rem;
}

/* お客様の声 */

#top #about_voice .slick-track {
	top:0;
	}	

/* バナー群 */
#List_bnr .flex li {
	width: 32.333%;
}
#List_bnr .flex li:nth-last-child(-n+3) {
	margin-bottom: 0;
}

/* ----------------------------------------
single 共通
---------------------------------------- */

#service.flow .coloum,
#service.kit .coloum,
#service.faq .coloum,
#service.package .coloum {
	background: #fff;
	padding: 1.8rem;
	border-radius: 0.5rem;
	border:1px solid #ccc;
}

/* ----------------------------------------
single - サービスガイド - ご利用の流れ
---------------------------------------- */
/* 簡単申込み4ステップ！ */
#SV_flow .flex {
flex-flow: row-reverse;
}
#SV_flow .col-2-1 { margin-bottom: 1rem;}

/* ----------------------------------------
single - サービスガイド - 梱包について
---------------------------------------- */
#SV_packitem .intro_point.flex {
	flex-direction: row; 
}
.intro_point h4 {
	width: 20%;
	margin: 0;
	align-items: center; 
	-js-display: flex;
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	justify-content: center;
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 0px; 
    -webkit-border-bottom-left-radius: 5px;  
    -moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px; 
    -moz-border-radius-bottomleft: 5px; 
}
.intro_point h4:after {
    border: 12px solid transparent;	
    border-left-color:#FFCC35;
	border-top-color: #F3F3F3;
    top: 50%;
    left: 100%;
    margin-left: 0;
	margin-top: -12px;
}
.intro_point .text_point {
	width: 80%;
	padding: 1rem 1rem 1rem 1.5rem;
	margin:0;
}

/* ----------------------------------------
single - よくあるご質問
---------------------------------------- */
#service.faq ul.faq_list li {
	width:25%;
	}
#service.faq .faq_search {
	width:78%;
	}
#service.faq .faq_searchbutton {
	width:20%;
	text-align:right
	}
/* ----------------------------------------
single - アイテム一覧
---------------------------------------- */
#item .content { width: 30.66666%;}

/* ----------------------------------------
single - キャンペーン・お得情報
---------------------------------------- */
#info main .ContentArea{
	margin-top: 4rem;
	margin-bottom: 4rem;
}
#info main .num_border {
	margin: -2rem auto 0.5rem;
}
#info.index .grid.border {
	padding: 0;
}

/* ----------------------------------------
single - キャンペーン・お得情報 - プラスアップキャンペーン
---------------------------------------- */
#plusup_highitem li {
	width: 48%;
}

/* ----------------------------------------
single - キャンペーン・お得情報 - 買取王子ポイント
--------------------------------------- */

/* ----------------------------------------
single - 買取王子について - TOP
---------------------------------------- */
#about_nav .flex a {
	width: 30.66666%;
}

/* ----------------------------------------
single - 買取王子について - メディア情報
---------------------------------------- */
.media article figure {
	width: 300px;
	margin: 0 2rem 0 0;
}
.media article .flex .media_text {
	flex: 1;
}

/* ----------------------------------------
single - サイトマップ
---------------------------------------- */
#sitemap main ul { margin-bottom: 0}


/* ----------------------------------------
申し込みフォーム - 基本
---------------------------------------- */
#moshikomi header h1 {
	width: 100px;
}

/* ----------------------------------------
申し込みフォーム - STEP1
---------------------------------------- */

/* ----------------------------------------
申し込みフォーム - STEP2
---------------------------------------- */

/* ----------------------------------------
申し込みフォーム - STEP3
---------------------------------------- */

/* ----------------------------------------
申し込みフォーム - STEP4
---------------------------------------- */

}

/* 920以上：PC（デスクトップ） */
@media screen and (min-width: 920px) {
/* ----------------------------------------
基本
---------------------------------------- */
/* 余白 */
main .container, #main .container,
.ContentArea,
#List_bnr.ContentArea section
 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#about_voice .flex .content,
#top_item .flex .content,
#top_merit .flex .content,
#top_blog .feed{
	padding: 2rem;
}
.flex .content {
	margin-bottom: 3%;
}
/* -firefox向け- */
@-moz-document url-prefix(){
	.flex .content {
	margin-bottom: 1rem;
	}
}

/* ----------------------------------------
テキスト
---------------------------------------- */
/* 見出し */


/* ----------------------------------------
カラム
---------------------------------------- */
.grid.border { padding: 2rem;}

.ContentArea {
	margin-top: 5rem;
	margin-bottom: 5rem;	
}

/* 最初のContentAreaのマージン */
.ContentArea.first {
	margin-top:4rem;
}
/* ----------------------------------------
アコーディオン
---------------------------------------- */
dl.accordion dd { padding:2rem 1.5rem;}



/* ----------------------------------------
ボタン
---------------------------------------- */
/* 他ボタン */
a.green {
	width: 40%;
}

/* ----------------------------------------
header
---------------------------------------- */
/*ロゴ*/

#meanmenu nav h1 {
	width: 150px;
	top: 20px;
	left: 65px;
	z-index:9999999;
	position: fixed;
}

.navbar {
	position: fixed;
	top: 0;
	width: 220px;
	height: 100%;
	min-height: 100%;
	box-sizing: border-box;
	z-index: 999999;
	border-right: solid 4px #FFD800;
}
body > .navbar {
	height: auto;
}

.navbar-inverse .navbar-inner {
	background-color:#FFF100;
	background:url(../img/common/bk_logo.png) top left no-repeat;
	margin-right:-4px;
	}

/* 買取申込ボタン */
a.btn_cv_small {
	background:url(../img/common/btn_cv_nav.png) no-repeat;
	width: 166px;
	line-height: 41px;
	color: #fff;
	text-align: center;
	font-size: 1.2rem;
	display: block;
	text-decoration: none;
}
.btn_login a {
	margin: 9px 10px;
}

/*スマホとPCで切替*/
.ver_pc {
	display: inherit;
	margin-top: 130px;
	padding: 1.5rem 16px 1.5rem 13px;
} 
.nav.ver_sp { display: none;}

/* 余白 */
.sub_menu02 a,.btn_buy{
	margin:0.25rem 0;
}


/* メインナビ - 第1階層 */
.popover {
	position: inherit;
}
.popover li {
	float: left;
	width: 45%;
}
.popover-content li:nth-child(odd) {
	margin-right: 5%;
}
.dropdown-menu.category {
	padding: 0.75rem 0;
	width: 220px;
}
.dropdown-menu h3 {
	margin: 0;
	font-weight: normal;
	font-size: 1rem;
}
.dropdown-menu h4 {
	margin-top: 0;
}
.navbar .dropdown-menu h4 a{
	font-weight: bold;
	font-size: 1.2rem;
}

.navbar .popover-content a {
	font-weight: normal;
/*	width: 50%;*/
}
.navbar .popover-content ul {
	-js-display: flex;
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: space-around;
	list-style: none;
}

.navbar a { font-weight: normal;}
.ver_pc .nav {
	border-top: solid 2px #FEE502;
	border-bottom: solid 2px #FFF562;
	}
.ver_pc .nav li {
	border-top: solid 2px #FFF562;
	}
.ver_pc .nav li a {
	font-size:1.1rem;
	border-bottom: solid 2px #FEE502;
	padding-left:3px
	}
.ver_pc .nav li a:before {
	content: '\f105';
	font-family: FontAwesome;
	padding-right: 9px;
	font-weight: bold;
	width: 0.8em;
	text-align:center;
	margin: 0 auto;
	font-size:1.2rem
}
.ver_pc .nav li.active.open {
	overflow: hidden;
}
.ver_pc .nav li.active.open a:before {
	content: '\f107';
	padding-right: 0.25rem;
}

.dropdown-menu.category,.popover {
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2); 
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);

}
.dropdown-menu.category a {
	padding: 0.75rem 1rem;
}
.dropdown-menu.category .maintainHover,
.dropdown-menu.category .maintainHover:hover {
	background: #eee;
	color: #5a350c;
	}


/* メインナビ - 第2階層 */

.ver_pc li.active.open .dropdown-menu.in {
	padding:0 1rem;
	}

.ver_pc li.active.open .dropdown-menu.in li {
	border-top:dashed 1px #845F18;
	border-bottom:none;
	border-color:#A58E5C;
	}
.ver_pc li.active.open .dropdown-menu.in li:first-child {
	border-top:none;
	margin-top:5px
	}
.ver_pc li.active.open .dropdown-menu.in a {
	font-size:0.9rem;
	font-weight: normal;
	line-height:140%;
	overflow:visible;
	padding:0.6rem 0 0.6rem 0.9rem !important;
	border:none;
	background:url(../img/common/bk_subnaviarrow.png) left top no-repeat;
	background-position:0 14px;
	}
	
.ver_pc li.active.open .dropdown-menu.in a:before {
	content: '';
	padding:0;
	}

.ver_pc li.active.open a.dropdown-toggle.pop:before {
	content: '\f105';
}
.ver_pc li.active.open .dropdown-menu.category a:before,
.ver_pc li.sub_menu01 a:before,
.ver_pc li.sub_menu02 a:before,
.ver_pc li.btn_buy a:before {
	content: '';
	padding-right: 0;
}

.ver_pc .dropdown-menu.category h3 {
  position: relative;
}
.ver_pc .dropdown-menu.category h3:after {
  font-family: 'FontAwesome';
  content: "\f105";
  position: absolute;
  right: 0;
  margin-top: 0;
}

/* メインナビ - 第3階層 */
.dropdown-menu.category .popover-content h4 a { padding: 0; font-weight: bold;}
.dropdown-menu.category .popover-content a { padding: 0.5rem 0; font-weight: normal;}
.popover-content a:before {
	width: 0;
}
.dropdown-menu.category .popover-content .maintainHover { background: none;}
.dropdown-menu > li > a, .popover-content a, .popover-content .link_non {
	white-space:normal;
	}

/* 検索フォーム */
.nav_search {
	border: none;
	margin: 1.75rem 0 2.25rem;
	font-size:0.8rem;
}
.nav_search .fluid-input {
	margin: 0;
}

/*sub_menu01*/
.sub_menu01.flex {
	margin:0.7rem 0;
}
.sub_menu01.flex a {
	font-weight: normal;
	text-decoration: none;
	font-size: 0.85rem;	
}	
.sub_menu01.flex a {
	width: 48%;
	text-align: center;
	padding: 0.4rem;
	line-height:100%;
	background:#FFD800;
	border-radius:5px;
	margin-bottom:0.5rem;
	border-top: solid 2px #FEDF2D;/*少し濃い目の色に*/
	border-bottom: solid 2px #D0B101;/*少し濃い目の色に*/
	border-left: solid 2px #F3CF01;/*少し濃い目の色に*/
	border-right: solid 2px #F3CF01;/*少し濃い目の色に*/
	/*box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);*/
}.square_btn:active {
border-bottom: solid 2px #fd9535;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
.sub_menu01.flex a:nth-child(odd) {
	margin-right:1%;
	}
.sub_menu01.flex a:nth-child(even) {
	margin-left:1%;
	}
/*.sub_menu01.flex a:nth-child(2n+1) {
	border-right: 1px solid #E1BA00;
}*/

/*sub_menu02*/
.sub_menu02 a {
	display: block;
	padding: 0.25rem 0;
	text-decoration:none;
}
.sub_menu02 a:hover {
	text-decoration:underline
	}
.sub_menu02 {
	margin: 1.75rem 0;
}
.sub_menu02 ul {
	list-style: none;
}
.sub_menu02 ul li {
	margin:0.3rem 0;
}

/* 買取申込ボタン-メインナビ内 */
.navbar-inner .ver_pc a.btn_cv {
	background:url(../img/common/btn_cv01.png) no-repeat;
	background-size:100% auto;
	width:100%;
	height:50px;
	line-height: normal;
	color: #fff;
	text-align: center;
	font-size: 22px;
	display: block;
	text-decoration: none;
	padding:7px 0 0 5px;
}
.navbar-inner .ver_pc a:hover.btn_cv {
	opacity:0.8
	}

/*二回目以降申込みのメッセージ*/
.navbar-inner .ver_pc .second_application {
	text-align:center;
	font-size:0.85rem;
	background:#D1E70C;
	margin-top:0.2rem;
	padding:0.25rem 0.5rem;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	}


/*メニュー分の余白*/
footer,
.login_bar,
.maincontent,
.overview,
#SingleLocalNav.menu,
#bread{
	padding-left: 220px;
}
.popover {
	position: absolute;
}
.dropdown-menu.in {
	border: none;
	width: 100%;
	padding:0.7rem;
	background:url(../img/common/bk_subnavihed.png) top center no-repeat #F3F3F3;
	background-size:100% auto;
}

/* バナー群 */
#List_bnr.ContentArea {
	width: 100%;
}
#List_bnr.ContentArea section {
	padding: 8% 0;
}

/* ----------------------------------------
footer
---------------------------------------- */
footer .content {
	padding-left: 220px;
	margin-top: 5rem;
}

/* ----------------------------------------
上部のログインバー
---------------------------------------- */
.login_bar {
	background: #FFE03E;
}
.overview {
	text-align: left;
}
.overview p {
	padding: 0;
}

/* ----------------------------------------
TOP
---------------------------------------- */
/*スライダー*/
.slick-slide { padding: 0 15px;}


/* 宅配買取サービスの流れ */
#top_service .flex {
	padding: 2rem 0;
}
#top_service .flex .content {
	padding:0 2rem;
	margin-bottom: 0;
	border-right: 1px dotted #ccc;	
}

/* 買取商品カテゴリー */
#top_category .flex .content {
	width: 32%;
	padding: 0;
	font-size:0.85rem
}

/* お客様の声 */
#about_voice .flex .content {
	min-height: 420px;
}

/* 買取強化中のアイテム */
#top_item .flex .content {
	width: 18.4%;
}
#top_item .flex .content img {
	width: 70%;
}

/* 買取王子のメリット */
#top_merit .flex .content {
	width: 23.5%;
	padding: 1rem;
}

/* このレベルまでならOK */
#oklevel .flex .content {
	width: 32%;
	padding:0;
}
#oklevel .flex .content div {
	padding: 1.5rem;
}
#oklevel .flex .content img {
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
}

/* ----------------------------------------
single
---------------------------------------- */
/* カラム */
.single .maincontent .ContentArea:first-child{
	margin-top: 2rem;
}
.single .maincontent .content {
	margin-bottom: 2rem;
}

/* フッター前紹介文 */
#bottom_overview.ContentArea {
	margin-top: 4rem;
	margin-bottom: 4rem;
}

/* ----------------------------------------
single - サービスガイド - 梱包について
---------------------------------------- */
.intro_point h4 {
	font-size: 1.1rem!important;
}
#SV_packitem .col-2-1{
	width: 38%;
	margin-bottom: 0;
}
#SV_packitem .col-2-1:last-child {
	width: 59%;
}

#SV_packitem .intro_point.flex {
	flex-direction: row;
}


/* ----------------------------------------
single - キャンペーン・お得情報
---------------------------------------- */
#info main table { margin-bottom: 0;}
#info main .content { padding: 2rem;}
#info main .num_point {
	margin: 1rem 0;
	font-size: 1.4rem;}
#info main .content h2 {
	font-size: 2rem;
	margin: 2.5rem 0 3rem;
}

#info main .flow .col-2-1 { margin-bottom: 0; width: 55%;}
#info main .flow .col-2-1:last-child { width: 42%;}


/* ----------------------------------------
single - キャンペーン・お得情報 - 一覧
---------------------------------------- */
#info.index main .col-2-1,
#info.index main .col-2-1:last-child { width: 48%;}

/* ----------------------------------------
single - キャンペーン・お得情報 - 一覧
---------------------------------------- */


/* ----------------------------------------
single - 買取王子について - TOP
---------------------------------------- */

/* ----------------------------------------
single - 買取王子について - 他サービスとの比較
---------------------------------------- */
#about #about_voice .flex .content { margin-bottom: 2rem;}

/* ----------------------------------------
申し込みフォーム - 基本
---------------------------------------- */
#moshikomi #bread,#moshikomi .maincontent {
	padding-left: 0;
}
#moshikomi header h1 {
	width: 130px;
	padding: 10px 0 5px;
}

/* ----------------------------------------
申し込みフォーム - STEP1
---------------------------------------- */

/* ----------------------------------------
申し込みフォーム - STEP2
---------------------------------------- */

/* ----------------------------------------
申し込みフォーム - STEP3
---------------------------------------- */

/* ----------------------------------------
申し込みフォーム - STEP4
---------------------------------------- */


}

/* 1020以上：PC（デスクトップ） */
@media screen and (min-width: 1020px) {
/* ----------------------------------------
テキスト
---------------------------------------- */
/* 見出し-装飾 */
.ribbon h3 {
    line-height: 42px;
	padding: 0 2rem;
}
.ribbon:before, .ribbon:after{
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
.ribbon:before{
    top: -2px;
    left: -2px;
    border-width: 25px 0px 25px 15px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}
.ribbon:after{
    top: -2px;
    right: -2px;
    border-width: 25px 15px 25px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}

/* ----------------------------------------
カラム
---------------------------------------- */
.col-5-2 { width: 17.6%;}
.width_40 { width: 40%; margin: 0 auto;}
.width_80 { width: 80%; margin: 0 auto;}
.width_90 { width: 90%; margin: 0 auto;}

/* ----------------------------------------
TOP
---------------------------------------- */
/* お客様の声 */
#about_voice .flex .content {
	min-height: 380px;
}

/* ----------------------------------------
single - 共通
---------------------------------------- */
/* グローバルナビ */
#SingleLocalNav {
	background: #6A4924;
	height: 43px;
}
#SingleLocalNav h1 {
	font-size: 1.3rem;
	display: inline-block;
	padding:11px 1rem;	
}
#SingleLocalNav h1:after {
  content: "";
  padding: 0;
 }
.luxbar-navigation {
	letter-spacing: -.4em;
}
#SingleLocalNav li {
	border-bottom: 3px solid #6A4924;
	letter-spacing: normal;
}
/*#SingleLocalNav li.active {
	border-bottom: 3px solid #FFE03E;
}*/

#service.flow #SingleLocalNav li.flow,
#service.kit #SingleLocalNav li.kit,
#service.package #SingleLocalNav li.package,
#service.point #SingleLocalNav li.point,
#service.faq #SingleLocalNav li.faq {
	border-bottom: 3px solid #FFE03E;
}

#service.flow #SingleLocalNav li.flow a,
#service.kit #SingleLocalNav li.kit a,
#service.package #SingleLocalNav li.package a,
#service.point #SingleLocalNav li.point a,
#service.faq #SingleLocalNav li.faq a {
	background:#5A350C;
	}


#SingleLocalNav li,
#SingleLocalNav ul {
	display: inline-block;
	vertical-align: middle;
}
#SingleLocalNav li a {
	display: inline-block;
	border-bottom: 0;
	background: #6A4924;
	color: #fff;
	padding: 0 1.5rem 0 1rem;
	text-decoration: none;
	line-height: 40px;
	font-size: 0.9rem;
}
#SingleLocalNav li a:after {
	right: 0;
}
#SingleLocalNav li.active a,
#SingleLocalNav li a:hover {
	background: #5A350C;
}
  .luxbar-navigation {
    flex-flow: row;
    justify-content: flex-end; }

  .luxbar-checkbox:not(:checked) ~ .luxbar-menu {
    overflow: visible;
	background: #6A4924;
	height: 43px;}
  .luxbar-checkbox:checked ~ .luxbar-menu {
    height: 48px; }

  .luxbar-menu .luxbar-item {
    border-top: 0; }

  .luxbar-menu-right .luxbar-header {
    margin-right: auto; }

  .dropdown {
    height: 48px; }
    .dropdown:hover > ul {
      position: absolute;
      left: 0;
      top: 48px;
      padding: 0; }
    .dropdown > ul {
      display: none; }
      .dropdown > ul .luxbar-item {
        padding: 5px 10px; }
        .dropdown > ul .luxbar-item a {
          white-space: nowrap; }
.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-doublespin span::before {
  transform: rotate(225deg); }
.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-doublespin span::after {
  transform: rotate(-225deg); }
.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-spin span::before {
  transform: rotate(45deg); }
.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-spin span::after {
  transform: rotate(-45deg); }




/* ----------------------------------------
single - アイテム一覧
---------------------------------------- */
#item .content { width: 22.75%;}


}

/* 1240以上：PC（デスクトップ） */
@media screen and (min-width: 1240px) {
/* ----------------------------------------
基本
---------------------------------------- */
/* 余白 */
main .container, #main .container,
.ContentArea,
#List_bnr.ContentArea section {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#List_bnr.ContentArea section {
	padding: 4% 0;
}

/* ボタン */
.CV_btn a {
	width: 50%;
}

/* ----------------------------------------
TOP
---------------------------------------- */
/* 買取商品カテゴリー */
#top_category li {
	width: 22.75%;
}

/* お客様の声 */
#about_voice .flex .content {
	min-height: 300px;
}

/* ----------------------------------------
single - 買取王子について - TOP
---------------------------------------- */
#about_nav .flex a {
	width: 22.75%;
}

}

/* 高さ700px以下 */
@media screen and (max-height: 700px) and (min-width: 920px) {
/* ----------------------------------------
左サイドメインメニューの固定解除
---------------------------------------- */
body#top,
body#service {
	background:url(../img/common/bk_naviside.png) repeat-y left;
	}
.navbar {
	position: absolute;
	height:100%;
	min-height:100%;
}
#meanmenu nav h1 {
	position: absolute;
}
footer { padding-left: 0;}
}