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

body {
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	font-weight: 500;
	margin: 0;
	padding: 0;
	color: #000;
}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6{
	margin-top: 0;
}
/*リンク*/
a img{/*transition: 0.3s;*/}
a img:visited{opacity: 0.7;}
a img:hover {opacity: 0.7;}
a:link {/*transition: 0.3s ;*/text-decoration: none;color:#000;}
a:visited {text-decoration: underline;color:#000;}
a:hover, a:active, a:focus {
	text-decoration: none;
	color:#0040A4;
}

/*リンクボタン*/
.btn01{
	width: 100%;
	max-width: 500px;
	margin: auto;
}
.btn01 a{
	text-align:center;
	background:#FC0;
	display:block;
	text-decoration:none; 
	color:#222; 
	font-size:14px;
	position: relative;
	padding-right: 30px;
	border-bottom:3px solid #C90;
	font-weight: bold;
	/*z-index: 9999!important;*/
}
	.btn01 a:hover{
		background:#C93;
		margin:0; 
	}
	.btn01 a,.btn01 a:hover{
		margin:20px 0 0;
		border-radius:6px;
		padding:10px;
	}
.btn01 a:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	background: #fff;
}
.btn01 a:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 18px;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	background: #FC0;
	/*transition: 0.3s;*/
}
.btn01 a:hover:after{
	background:#C93; 
}
.btn01_no a:before,.btn01_no a:hover:before,
.btn01_no a:after,.btn01_no a:hover:after{display: none;}

/*家電買取*/
#recycle,#recycle2{
	text-align: center;
}

/*基本設定*/
.container { background-color: #FFF; margin:90px 0 0;}
.content { padding:0;}
.content ul, .content ol { padding: 0;}

a{ position: relative; z-index: 999!important;}

/*hタグ*/
h1{ font-weight:normal;}
h1 img{ margin-right:6px;}
.h_logo > h1{ font-weight: bold; font-size: 20px;}
.h_logo > h1 span{ font-size: 14px;}
.h_logo > h1 img{ margin-right:6px; vertical-align: middle;}
h2{
	margin:0;
	padding-top:40px;
	font-size:46px;
	text-align:center;
	color:#222;
	/*background-image: linear-gradient(180deg, rgba(240, 240, 240, 1), rgba(255, 255, 255, 1));*/
}
h4{
	text-align:center;
	margin:20px;
}
h5{
	text-align:center;
	font-size:80%;
}
#faq h3{
	font-size:110%;
	color:#222;
	background-position:left;
	background-repeat:no-repeat;
	padding-left:50px;
}

/*2カラム*/
div.two_cal > div{ float: left; width: 45%;}
div.two_cal:after{
	display: block;
	clear:both;
	content: "";
}
div.two_cal > div:first-child{ margin-right: 5%;}

/*画像*/
.img_r{width:600px; float:right;}

/*PCのとき非表示*/
.pc_no{display:none;}

/*セクション*/
section{
	margin:0;
	padding:30px 0;
}
.inner{width:960px;margin: 0 auto;padding: 0px auto;}

/*ぱんくず*/
.panlist ol{ font-size: 14px;}
.panlist ol > li{ display: inline-block; padding-right:10px; }
.panlist ol a{ color: #001BBD;}
.panlist ol a:hover{ color: #333333;}
.panlist_flame{ max-width: 1200px; width: 100%; margin:40px auto;
display: block;}
.container + .panlist{ padding:10px 30px;}
.bg_white{ margin:0; padding: 0 40px;}

/*TOP*/
#top{
	margin: 60px auto 1%;
	width: 100%;
	height: 640px;
	background-image: linear-gradient(180deg, rgb(1 105 52), rgb(9 149 86));
	color: #fff;
	text-align:center;
	line-height: 1.2;
}
#top h2{
	background: none;
	border: none;
	color: #fff;
	font-size:440%;
	margin:5px 0;
	padding: 0;
}
#top p{
	border: 4px solid #fff;
	border-radius: 6px;
	padding: 20px;
	margin: 0px;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.6;
}
#top .logo{
	width: 180px;
	margin: auto;
	margin: 60px auto 10px;
}
#top img{
	padding: 0;
	margin: 5px 0;
	width: 100%;
}

/*ヤマダ電機の店頭買取が選ばれる理由*/
#point h3{
	font-size:30px;
	color:#222;
	margin: 0;
	padding-top:20px;
}
#point ol {
	counter-reset: li; /*olのリストの数字をリセット*/
	width:960px;
	margin:40px auto;
	list-style:none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#point ol > li {
	list-style: none;
	width: /*27*/100%;
	background-color:#eee;
	margin:0 0 20px 30px;
	padding:20px 70px;
	position: relative;/*リストの項目の位置を基準に*/
}
#point ol > li:before {
	counter-increment: li; /*リストの数字を1つ進める。IE7以下、未対応*/
	content: counter(li); /*リストを連番にする*/
	margin-left: -40px;
	font-weight:bold;
	margin-right: 1em;
	background: #222;
	color: #ffffff;
	border:10px solid #fff;
	border-radius: 50%; /*丸く*/
	text-align: center; /*端に寄ってる数字を真ん中に*/
	width: 3em; /*幅を決めるheightと同じ数値に*/
	height: 3em; /*高さ。widthと同じ数値に。数値変更した場合はline-heightで調整を*/
	position: absolute; /*リストの基準から移動させる*/
	left: 0%; /*項目の基準、左にあわせる*/
	top: -10px; /*基準の上から2pxの位置に表示。テーマによって位置がずれる場合は修正を*/
	line-height: 3;/*数字の位置あわせで数値を指定*/
	font-size: 20px;
}
.reason3 { 
	font-size: 40px; 
	font-weight: bold; 
	text-align: center; 
	padding: 0; 
	margin: 0;
	color: #ffffff;
	text-shadow: 
       1px  3px 0px #222,
      -1px  1px 0px #222,
       1px -1px 0px #222,
      -1px -1px 0px #222,
       1px  0px 0px #222,
       0px  1px 0px #222,
      -1px  0px 0px #222,
       0px -1px 0px #222;        /* 文字の影 */}
.reason3 span{ color: #e50011; font-size: 50px; font-weight: bold;}

/*買取方法*/
.kaitori_way
dl.kaitori_way dt,dl.kaitori_way dd{ 
	display: block; 
	background: #fff;
	width: 100%;
	padding: 10px;
	margin: 0;
	box-sizing: border-box;
	}
dl.kaitori_way dt{ 
	padding: 5px; 
	background-color:#222; 
	color: #fff; 
	font-weight: 
	bold; position: relative;
	}
dl.kaitori_way dt:after{
	border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:15px;
    border-right-width:15px;
    margin-left: -15px;
    border-top-color:#222;
    top:100%;
    left:50%;
}
dl.kaitori_way dd{
	font-size: 20px;
	margin-bottom: 10px;
	border: 1px solid #222;
	}
dl.kaitori_way dt > p{
	display: inline-block;
	margin: 0;
	padding: 0;
}
dl.kaitori_way dt > p > img{
	background-color:#fff;
	vertical-align: middle;
	display: inline-block;
	width: 50px!important;
	height: auto;
	border-radius: 6px;
	margin-right: 5px;
	}

/*買取査定商品はこちら*/
#item,.store_item{ padding-top : 160px;}
#item h3,.store_item h3{
	font-size:13px;
	color:#222;
	padding:5px;
	border-radius: 6px;
	margin:0;
}
#item h3 a,.store_item h3 a{display: block;}
#item h3 a:hover,.store_item h3 a:hover{background:#3F7AE0;}
#item a:link h3,.store_item a:link h3{/*transition: 0.3s ;*/text-decoration: none;}
#item a:hover h3, a:active h3, a:focus  h3,.store_item a:hover{
	text-decoration: none;
	color:#ccc;
}
#item ul,.store_item ul{
	width:960px;
	margin:20px auto;
	list-style:none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#item ul > li ,.store_item ul > li {
	list-style: none; /*元のスタイルを非表示にする*/
	width:14%;/*23*/
	float:left;
	margin:0 1% 1%;
	padding:1%;
	text-align:center;
	background: #eee;
	box-sizing: border-box;
	border-radius: 6px;
}
/*奇数になったときの対処#item ul > li:first-child {
	background-color:#222;
	padding-top:15px;
	height:160px;
}*/
#item > div > ul > li > a > img,.store_item > div > ul > li > a > img{
	margin-bottom: -10px!important;
}

.item_firstimg{width:83px!important; height:auto;}
.item_firsth3{ font-size:20px; display:block; font-weight:bold; color:#FFF;}
p.item {
	font-size:80%;
	font-weight:normal;
	float:left;
	margin:0;
	padding:-10px 10px 0;
	text-align:left;
}
.item_list_min{/*文字数の多い単語の場合*/
	text-align:right;
	padding:0 30px 0 0 ;
	margin:0;
}
#item img,.store_item img{
	width:auto;
	height: 100px!important;
	margin:0;
	padding:0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*買取の流れ*/
.kaitori_flow{counter-reset: kai_flow_count 0;  }
.kaitori_flow_waku{
	background:#eee;/*ffe3e3*/
	margin:0 auto 40px;
	padding:0;
	box-sizing:border-box;
}
.kaitori_flow_waku ul{ display:table;padding:30px;}
.kaitori_flow_waku ul li:first-child{ width: 30%;}
.kaitori_flow_waku ul li{
	display:table-cell;
	vertical-align:top;
	padding:10px;
}
.kaitori_flow_waku h3{ 
	background:#222; 
	color:#fff; 
	font-size:20px; 
	margin:0; 
	padding:20px 20px 20px 0; 
	text-align:left;
	border:none;
	}
	.kaitori_flow h3::before{
		border-radius: 50%; /*丸く*/
		counter-increment:kai_flow_count 1;
		content:counter(kai_flow_count) "";
		background:#317bc1;
		font-size:20px; 
		margin:0 10px; 
		padding:10px 15px; 
		}
.kaitori_flow_waku h4,.kaitori_flow_waku h5{
	margin:0; 
	padding:0; 
	height:auto;
	clear:both;
	text-align:left;
	}
.kaitori_flow_waku h4{font-size:20px;}
.kaitori_flow_waku h5{font-size:16px; color:#222; padding-bottom:10px;}
.kaitori_flow_point{ 
	background-color:#fff;/*rgba(255,255,255,0.5)*/
	padding:20px;
	margin:20px 0 0;
	border-radius:6px;
	font-size:14px;
}

.kaitori_arrow{
	width: 0;
	height: 0;
	padding:20px auto;
	margin:20px auto;
	border-top: 30px solid #ccc;
	border-right: 80px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 80px solid transparent;
	-webkit-animation:blink 1.0s ease-in-out infinite alternate;
	-moz-animation:blink 1.0s ease-in-out infinite alternate;
	animation:blink 1.0s ease-in-out infinite alternate;
	color:#fff!important;
	font-size:20px!important;
}

/*旧デザイン*/
.flow_3step{
	background-color:#ffe3e3;
	padding:30px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	margin:0; 
}
.flow_3step_t{
	width: 0;
	height: 0;
	border: 40px solid transparent;
	border-top: 40px solid #ffe3e3;
	margin:0 auto -80px; 
}
#flow h3{
	font-size:120%;
	color:#222;
	padding:20px 0 10px;
	border-bottom:1px solid #222; 
}
#flow ol {
	counter-reset: li; /*olのリストの数字をリセット*/
	width:100%;
	margin:40px auto 0;
	list-style:none;
	
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#flow ol > li {
	list-style: none; /*元のスタイルを非表示にする*/
	width:28%;
	float:left;
	/*background-color:#fff;*/
	margin:0 1%;
	padding:1.5%;
}

#flow ol > li:before {
	counter-increment: li; /*リストの数字を1つ進める。IE7以下、未対応*/
	content: counter(li); /*リストを連番にする*/
	margin-right: 1em; /*要素が重なるから右へ移動*/
	line-height: 1.6; /*文字が重なるのを防止*/
}
#flow ol {
	counter-reset: li;
}

#flow ol > li {
	list-style: none;
	position: relative;/*リストの項目の位置を基準に*/
	/*padding-left: 50em; li:before分左に余白を。調整可*/
	/*margin-bottom: 0.8em;*//*リストの数字がくっついてしまう場合*/
}

#flow ol > li:before {
	font-weight:bold;
	counter-increment: li;
	content: counter(li);
	margin-right: 1em;
	background: #222;
	color: #ffffff;
	border-radius: 50%; /*丸く*/
	text-align: center; /*端に寄ってる数字を真ん中に*/
	width: 3em; /*幅を決めるheightと同じ数値に*/
	height: 3em; /*高さ。widthと同じ数値に。数値変更した場合はline-heightで調整を*/
	position: absolute; /*リストの基準から移動させる*/
	left: 44%; /*項目の基準、左にあわせる*/
	top: -10px; /*基準の上から2pxの位置に表示。テーマによって位置がずれる場合は修正を*/
	line-height: 3;/*数字の位置あわせで数値を指定*/
}
.flow_result{ margin-top:60px;text-align:center;}
.flow_3step h4{text-align:left;color:#222; margin:0;padding:0 0 5px;}
.smp_tab_attention a{ border:1px solid #C00; padding:10px; border-radius:4px;display:block; color:#C00;}
.smp_tab_attention a:hover{border:1px solid #F63; color:#F63;}
.flow_3step_plan{ background:#e4e9ea; padding:16px; border-radius:4px; margin-bottom:10px;}
.flow_3step_plan p{ margin:0; padding:0;}

/*買取基準と注意事項/買取のコツ*/
#license h4,#attention h4{
	color:#222;
	font-size: 20px;
}
#license ol {
	counter-reset: li; /*olのリストの数字をリセット*/
	width:960px;
	margin:40px auto;
	list-style:none;
	
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#license ol > li {
	list-style: none;
	width: 44%;
	float:left;
	background-color:#eee;
	margin:0 1%;
	padding:2% 2% 130px;
	position: relative;
}
#license ol > li:last-child{
	margin-top: 2%;
	padding:2%!important;
	width: 100%;
	clear: both;
}
#license ol > li:last-child:before{
	display: none;
}
#license ol > li:before {
	font-weight:bold;
	counter-increment: li;
	content: counter(li);
	margin-right: 1em;
	background: #222;
	color: #ffffff;
	border-radius: 50%; /*丸く*/
	text-align: center; /*端に寄ってる数字を真ん中に*/
	width: 3em; /*幅を決めるheightと同じ数値に*/
	height: 3em; /*高さ。widthと同じ数値に。数値変更した場合はline-heightで調整を*/
	position: absolute; /*リストの基準から移動させる*/
	left: 42%; /*項目の基準、左にあわせる*/
	top: -20px; /*基準の上から2pxの位置に表示。テーマによって位置がずれる場合は修正を*/
	line-height: 3;/*数字の位置あわせで数値を指定*/
}
#license ol > li > img{
	width: 50%;
	margin: 0 25%;
	border: 5px solid #fff;
	border-radius: 50%;
}
#license .btn01{
	position: absolute;
	bottom: 20px;
	left:0;
	right: 0;
	margin:auto;
	width: 90%;
	display: block;
}
#attention ul > li{
	padding: 20px;
	margin: 20px;
	list-style-type: none;
	background-color:#eee;
}
#buy_point h3,#license h3,#base h3,#attention h3{
	color:#222;
	margin-top:60px;
}
#license h3,#attention h3{font-size:26px;}
.br_sec{
	background-color:#000;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	padding:20px;
	margin:20px 0;
}
#model{
	background-image:url(/YMDSATEI/imgs/model01.png);
	background-size:100%;
	color:#FFF;
	height:200px;
	padding:150px 0;
	text-align:center;
}
.footer_contact{ color:#FFF;}

/*他買取サービスも充実！*/
#other{
	background-image:url(/YMDSATEI/imgs/other01.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
	padding-bottom:60px;
}
#other h2{color:#fff;border:0;background:none;text-shadow: 1px 1px 10px #000;margin:40px 0 20px; }
#other h3{color:#222;border:0;background:none;text-align:center;font-size:120%;margin-bottom:-15px;padding:0;}
#other ul{width:100%;margin:0;list-style:none; overflow:hidden;}
#other li{
	width:285px;
	margin:10px;
	padding:10px;
	background-color: rgba(255,255,255,0.94);
	float:left;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	 
}
#other img{display:block; text-align:center;width:220px;margin:0 auto 10px;height:175px;}
#other li:first-child{ margin-left:0;}
#other li:last-child{ margin-right:0;}
#other p{font-size:70%;line-height:1.8em;padding:15px 5px 0;}
#other p.other_link{
	font-size:90%;
	text-align:center;
	margin:0;padding:0;
	background:#222;
	color:#fff;
	padding:5px;
    -webkit-border-bottom-right-radius: 6px;  
    -webkit-border-bottom-left-radius: 6px;  
    -moz-border-radius-bottomright: 6px;    
    -moz-border-radius-bottomleft: 6px;  
	display:block;  
	/*transition: 0.3s;*/
	}
#other p.other_link:hover{	background:#577aa1;}
#other p.other_link::after{content:"\0bb";font-size:120%;padding-left:10px;}
#other a:link,#other a:visited,#other a:active{color:#000;text-decoration: underline #222;transition: 0.3s;}
#other a:hover{color:#666;text-decoration: none;}

/*リスト*/
.list_base{
	list-style:none;
}
.list_base:after {    
  content: "";
  display: block;
  clear: both;
}
.list_base li{
	text-align:center;
	float:left;
	margin:0 10px;
}
ul.gloval__nav--list {
	float:left;
}

/*404*/
#err{
	background-image:url(/YMDSATEI/imgs/top_bg.png);
	background-size:cover;
    background-repeat:  no-repeat;           
    background-position:center bottom;
	margin:0 0 -40px;
	text-align:left;
	padding:20px 0 ;
}

#err h2{
	background:none;
	border:none;
	margin:0;
	font-size:200%;
	line-height: 160%;
	text-align:left;
	/*margin-top:-40px;*/
}

#err h3{
	background:none;
	border:none;
	margin:0;
	font-size:160%;
}
#err p{
	font-size:120%;
	line-height:160%;
}
.shadow{
	color:#fff;
    text-shadow: 1px 1px 4px #086A87,
    -1px 1px 4px #086A87,
    1px -1px 4px #086A87,
    -1px -1px 4px #086A87;
}

/*カラムクリア*/
.col_clear{
	clear:both;
}
/*2カラム*/
.col_left,.col_right{
	float: left;
}
/*ヘッダー*/
.head{
	width:960px;
	margin:0 auto;
}

/*フッター*/
.footer_inner{
	width:1200px;
	margin:0 auto;
	display:table;

}
footer{
	background-color:#222222;
	font-size:80%;
	line-height:1.8;
	color:#fff;
}
footer h3{
	margin:0 0 5px;
}
footer a:visited,
footer a:link,
footer a.ot-sdk-show-settings {
	color:#fff;
}
footer a:hover{color:#666;}
#copyright{
	background-color:#006934;
	color:#FFF;
	text-align:center;
	font-size:70%;
	padding:10px;
}
#copyright a{
	color:#FFF;
}
#copyright a:hover{
	color:#666;
}
#copyright p{margin:0; padding:0; line-height:140%;}

.footer_col{
	display:table-cell;
	vertical-align:top;
	width:300px;
}
.footer_col:last-child{
	float:right;
	width:500px;}
footer ul{list-style-type:none;}
footer ul li{margin-right:20px;color:#888;}
footer ul>li a { color:#fff;  }  
.footer2{	background-color:#222222;
	font-size:80%;
	line-height:1.8;
	color:#FFF;
	text-align:center;}
	
/*ボタン*/
/* 角丸 */
.Radius5 {  
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
/* ボタン共通 */
.Button {
	overflow: hidden;
	width: 360px;/*250*/
	height: 70px;/*50*/
	margin: 70px auto;
	padding: 0;
	border:1px solid #222;
}
.Button a {
	display: block;
	position: relative;
	/*z-index: 100;*/
	text-align:center;
	color: #222;
	font-weight:bold;
	font-size: 110%;
	line-height: 70px;/*50*/
	text-decoration:none;
}
.Button a:hover {/* マウスオーバーカラー */  
	background: #222;
	color:#FFF;
}
#IconList1 a:before {        /*ひし型 */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 20px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: #222;
}
#IconList1 a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right:25px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: #fff;
}
#IconList1 a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */  
	background: #222;
}

/*スマホ配下のフッター*/
.smp_footer{ width: 1000px; margin: auto; display: table; padding: 20px 0;}
div.smp_footer div{ display: table-cell; padding-right: 20px; vertical-align: top;}
div.smp_footer div h3{ border-bottom: 1px solid #ccc;}
.smp_footer ul{ margin-bottom: 20px;}
.smp_footer ul li{ padding: 5px 0;}
.smp_footer ul li img{ width: 320px; display: block;}
input[type=checkbox].f-toggle{ display: none;}

/*TOPに戻るボタン*/
#pagetop ,#pagetop_t{ position:fixed; cursor:pointer;}
#pagetop{ bottom: 10px; right: 10px;}
#pagetop_t{ right: 20px; bottom:5px;}
#pagetop_t img{opacity:1!important;border-radius: 6px;}

/*矢印*/
.arrow{
position: relative;
padding: 0;/*0 0 0 16px*/
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
right: 8px;
margin: auto;
content: "";
vertical-align: middle;
}
.arr_blue::before{
width: 12px;/*12px*/
height: 12px;/*12px*/
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fff;/*7a0*/
}
.arr_blue::after{
right: 6px;/*left: 11px;*/
box-sizing: border-box;
width: 5px;/*3*/
height: 5px;/*3*/
border: 5px solid transparent;/*3*/
border-left: 5px solid #222;/*3 fff*/
}
.arrow02{
position: relative;
padding:0 0 0 24px;
}
.arrow02::before,
.arrow02::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.arrow02-1::before{
width: 20px;
height: 20px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #222
}
.arrow02-1::after{
left: 8px;
box-sizing: border-box;
width: 5px;
height: 5px;
border: 5px solid transparent;
border-left: 5px solid #fff;
}

/*他*/
.blue-box{
	background-color:#ffe3e3;
	border:2px solid #222;
	margin:10px 0!important;
	padding:15px!important;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
.blue-box p{font-size:26px;color:#222;text-align:center; font-weight:bold;}
.blue-box h4{margin:0;padding:0; font-size: 16px!important; text-align:left;color:#222;}
.blue-box > ul{width:960px;margin:15px auto ;list-style: none;display: table;}
.blue-box > ul > li{
	float:left;
	width:23%;
	margin:0 auto;
	padding-left:2%;
	box-sizing: border-box;
	display: table-cell;
}
.blue-box li:nth-child(4):after{
	display: block;
	clear: both;
	content: "";
}
.blue-box ul > li > h4:before {/*疑似要素*/
    content: url(/YMDSATEI/imgs/honninkakunin00.png);
    display: inline-block;
    vertical-align: middle;
	padding-right:5px;
}
.blue-box span{
	font-size:14px;
	display:block;
	text-align:center;
	margin:0;
	padding:0;
}
.blue-box_under{border-top:0.5px solid #222; padding:20px 0;}
.blue-box_t{padding-top:20px;}

/*宅配買取本人確認書類*/
div.web_license_ivd{background:#fff;color:#006934;border-radius:6px;padding: 20px; clear: both; text-align: left;}
div.web_license_ivd > h3{margin: 0!important;padding: 0!important; font-size: 20px!important;}
div.web_license_ivd p{margin:10px 0;padding: 0; font-size: 16px;color: #333; text-align: left;}
div.web_license_ivd > ul {width: 100%; margin:0;padding:0 20px;box-sizing: border-box;}
div.web_license_ivd > ul > li{width: 100%; margin:0;padding:0; font-size: 16px;color: #333;}

.white-box{
	border:1px solid #87cefa;
	color:#87cefa;
	padding:0 10px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	margin-bottom:20px;
	text-align:center;
	/*background-color:#fff;*/
	font-size:10px;
}
.width100{
	width:24.9%;
}
.width70{width:70%!important;}
.padding1{
	padding:3px 0 0!important;}
.img80{
	width:80%;
	height:auto;
}
.img100{
	width:100%;
	height:auto;
}
p.noscriptAlert{
	margin:10px auto;
	width: 100%;
	max-width: 980px;
	padding:12px 10px 10px 40px;
	background:#ffede6;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	border:1px solid #e5002c;
	font-size:20px;
	text-align:left;
	color:#e5002c;
	background-image:url(/YMDSATEI/imgs/attention.png);
	background-repeat:no-repeat;
	background-position: 10px 50%;
}


/*ヘッダーメニュー*/
.inner {
  width: 960px;
  margin: 0 auto;
  position: relative;
}

.inner:after {
  content:"";
  clear: both;
  display: block;
}

.campaign_bn{
	padding:40px 0;
	background-color:#ffe3e3;
	text-align:center;
		background: -webkit-repeating-linear-gradient(-45deg, #FFBF00, #FFBF00 3px,#FACC2E 3px, #FACC2E 7px);
		background: repeating-linear-gradient(-45deg, #FFBF00, #FFBF00 3px,#FACC2E 3px, #FACC2E 7px);
}
.campaign_bn ul{list-style-type:none;margin:0 auto 60px;}
.campaign_bn li{
	width:960px;
	margin:20px auto;
	display:table;
	text-align:center;
	border:3px solid #222;
}
.campaign_bn h2 {
	border:none;
	background:#fff;
	text-align:center;
	color:#222;
	border-top:3px solid #FFBF00;
	border-bottom:3px solid #FFBF00;
}
	.campaign_bn a{
	color:#fff;
	font-weight:bold;
	font-size:20px;
	vertical-align:middle;
	display:table-cell;
	background:#222;	
	height:210px;
	width:250px;
	}
	.campaign_bn img{
	display:table-cell;
	}
	.campaign_bn a:hover{
	background:#0080FF;
	}
.ribbon_bn::before{
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #0C6;
}
	.ribbon_bn {
		display:block;
		margin:0 auto 20px;
		position: relative;
		line-height: 160%;/*リボンの高さ*/
		vertical-align: middle;
		text-align: center;
		padding:5px;/*横の大きさ*/
		font-size: 18px;/*文字の大きさ*/
		background:#0C6;
		color: #FFF;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px; 
		width:400px;
		line-height:1em;
	}
	.ribbon_bn h3{
		margin:5px;
		padding:15px;
		border:1px dashed #fff;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;  
		}
	.ribbon_price{
		color:yellow; 
		font-size:36px;
		font-style:normal;
		box-sizing: border-box;
		margin:10px 0;
		display:block;
		line-height:1.2em;
		}
.campaign_bn_base{
	margin:20px auto ;
	width:700px!important;
	text-align:center;
	}
.campaign_bn_base img{ border:0!important; margin:0; padding:0;}
.campaign_bn_base h4{ font-size:16px; font-weight:normal; margin:0; padding:15px;}
.campaign_bn_base p{ text-align:left; margin:0 5px ;font-size:14px;}
.campaign_bn_base ol{ clear:both;list-style: none; margin:0; padding:0;}
.campaign_bn_base ol > li{font-size:12px; text-align:left; float:left; line-height:1.8em;}
.campaign_bn_base ol > li::before{ content:"※"; padding-left:5px;}

span.cam_normal{ font-weight:bold; margin-top:20px; display:block;}
p.cam_normalprice{
	font-size:40px!important;
	color:#333!important;
	border:none!important;
	text-decoration: line-through;
}
	p.cam_special{ margin-bottom:20px;font-size:60px!important; padding:0 0 20px;}
	p.cam_special img{
		  display:inline-block;
		  vertical-align:middle;
		  margin-right:10px;
	}
	.cam_icon{
		  display: inline-block;
		  vertical-align: middle;
		  padding-bottom: 20px;
		  margin: 0;
	}
	.cam_icon img{
		  margin-right:10px;
		  margin: 0;
		  padding: auto;
		  width: 80px;
		  height: 50px;
	}
	
/*済マーク*/
.sumi_mark_waku {
    position: relative;
}

.sumi_mark{
    width: 200px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    border-radius: 50%;
    position: absolute;
    top: 20%;
    left: 40%;
}

/*戻るボタン 20200806*/
.return{
	width:90%;
	max-width:960px;
	margin:20px auto;
	text-align:center;
}
.return .return_btn, .return_btn{
	-moz-box-shadow: 0px 0px 0px 2px #e3e3e3;
	-webkit-box-shadow: 0px 0px 0px 2px #e3e3e3;
	box-shadow: 0px 0px 0px 2px #e3e3e3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #999999));
	background:-moz-linear-gradient(top, #f0f0f0 5%, #999999 100%);
	background:-webkit-linear-gradient(top, #f0f0f0 5%, #999999 100%);
	background:-o-linear-gradient(top, #f0f0f0 5%, #999999 100%);
	background:-ms-linear-gradient(top, #f0f0f0 5%, #999999 100%);
	background:linear-gradient(top bottom, #f0f0f0 5%, #999999 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#999999',GradientType=0);
	background-color:#f0f0f0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	display:block;
	border-radius:10px;
	border:1px solid #ababab;
	cursor:pointer;
	color:#2e2e2e;
	font-size:14px;
	padding:10px;
	text-decoration:none;
	/*width:200px;*/
	text-align:center;
	margin:20px auto;
}
.satei_btn_c .return_btn{ width: 200px;}
.return .return_btn{display:inline-block;}
.return .return_btn:nth-child(n + 2){ margin-left: 10px;}
.return_btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #999999), color-stop(1, #f0f0f0));
	background:-moz-linear-gradient(top, #999999 5%, #f0f0f0 100%);
	background:-webkit-linear-gradient(top, #999999 5%, #f0f0f0 100%);
	background:-o-linear-gradient(top, #999999 5%, #f0f0f0 100%);
	background:-ms-linear-gradient(top, #999999 5%, #f0f0f0 100%);
	background:linear-gradient(to bottom, #999999 5%, #f0f0f0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#f0f0f0',GradientType=0);
	background-color:#999999;
}
.satei_btn_c > .return_btn{
	font-size: 16px;
	padding: 10px;
}

/*下部FAQ用*/
	.faq_short h3{
		text-align: left;
		margin:20px 20px 0;
		padding: 10px;
		color: #222;
		border-bottom: 1px dotted #ccc;
		border-left:3px solid #222;
	}
	.faq_short table{ width: 100%;}
	.ac {
		margin-top: 40px;
		border: 1px solid #aaa;
		background-color: #fff;
		box-sizing: border-box;
		display: block;
		width: 100%;
	}
	.ac > .ac-q {
		font: bold 16px 'Arial', sans-serif;
		color: #111;
		padding: 10px 30px 10px 10px;
		margin: 0;
		text-decoration: none;
		display: block;
		background: #eee;
	}
	.ac-q:before{
		content: "Q.";
		padding-right:5px;
		color: #999;
		font-size: 20px;
	}
	.ac > .ac-q > a,.ac > .ac-q > p{
		display: inline-block;
		margin: 0;
		padding: 0;
	}
	.ac > .ac-a p > a{
		color: #3581DB;
		border-bottom: 1px solid #3581DB;
		transition: 0.3s;
	}
	.ac > .ac-a p > a:hover{
		color: #333;
		border-bottom: none;
	}

	.ac > .ac-a p {
		font: 14px/1.5 'Arial', sans-serif;
		color: #333;
		margin: 0;
		padding: 20px;
		line-height: 180%
	}
		.ac > .ac-a img{
			width: 500px;
			margin:0px auto;
			display: block;
		}
		
/*人気機種トップ3*/
	#top_3 > ul{
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		max-width: 1200px;
		width: 100%;
		margin:0 auto;
	}
	#top_3 > ul > li{
		width: calc((100% / 3) - 42px);
		box-sizing: border-box;
		background: #fff;
		padding: 20px 20px 60px;
		margin:0 20px 40px;
		list-style-type: none;
		border-radius: 4px;
		position: relative;
	}
	#top_3 h3{ font-size: 20px;}
	#top_3 ol { list-style-type: none;}
	#top_3 ol > li{  vertical-align: top;font-size: 14px; padding: 10px; box-sizing: border-box;}
	#top_3 img{ margin: 0 25%; padding: 0; border: 1px solid #ccc; width: 50%; height:auto; min-width: 20px; background: #fff!important;}
	#top_3 .btn01{
		position: absolute;
		bottom: 0;
		left:0;
		right: 0;
		margin: 20px auto;
		width: 90%;
	}
	#top_3 p > a{
		text-decoration: underline;
		color: #222!important;
	}
	#top_3 p > a:hover{
		text-decoration: none;
		color: #333!important;
	}
	#top_3 .item_list{ 
		width: 100%;
		max-width: 1200px;
		box-sizing: border-box;
		margin: auto; 
		border-radius: 4px; 
		text-align: center;
		padding: 10px;
	}
	#top_3 .item_list h3 {
		text-align:center;
		color:#fff;
		padding:5px;
		margin: 10px 0;
		background: none;
	
		background: #222; 
		background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #444444), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #444444),color-stop(.75, #444444), color-stop(.75, transparent),to(transparent));
		-webkit-background-size: 14px 14px;
		background-color: #222;
		background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #444444), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #444444),color-stop(.75, #444444), color-stop(.75, transparent),to(transparent));
		-webkit-background-size: 14px 14px;
	}
	#top_3 .item_list > ul > li{
		width: calc((100% / 5) - 10px);
		margin:0 5px 10px;
		box-sizing:border-box;
		list-style-type:none;
		border:1px solid #222;
		border-bottom:2px solid #222;
		border-radius:4px;
		background:#fff;
		position: relative;
		}
	#top_3 .item_list ul li a{ font-size: 14px; padding-right: 15px; padding: 10px; margin: 0;}
	
	/*TOPページコラムリンク追加*/
	div.column_col h5{ padding: 0; margin: 0; text-align: center;}
	div.column_col ul{ width:100%; padding: 0; margin: 0; display: table;}
	div.column_col ul > li{ width:50%!important; text-align: center; height: auto; box-sizing: border-box; display: table-cell;}
	div.column_col img { max-width: 400px;}
	
/*スライダー*/
.swiper-slide img { position: relative;}
p.swi_bn{ margin: 0; padding: 0; position: absolute; bottom: 1%; background: none!important;border: none!important;} 
p.swi_bn a{
	display: inline-block!important;
	padding: 2% 0.5%;
	margin: 1%;
	background: red;
	font-size: 1.2vw;
	line-height: 1.2;
	font-weight: bold;
	color: #fff;
	border-radius: 6px;
	width: 46%;
	box-sizing: border-box;
	}
/*p.swi_bn > .swi_btn { display: block; }*/
p.swi_bn > .swi_btn span{ color: #FFF;}
p.swi_bn > .swi_btn span::before{
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	margin-top: -5px;
}

/*サイトマップ*/
div.sitemap{ display: table; width: 100%; margin: 2em auto;}
div.sitemap div {display: table-cell; width: 33.3%;}
div.sitemap div > ul{ padding:0 20px; list-style-type: none;}
div.sitemap div > h2{ clear: both; background: #222; border: none; color: #fff; font-size: 16px; margin: 0.5em 20px; padding: 10px;}
div.sitemap h3{ border: none; color: #222; font-size: 16px; margin:40px 20px 0; padding: 10px 0; border-bottom:1px solid #222;}
h2+h3{ margin-top: 0!important;}
div.sitemap div a { display:block; padding:0.5em; text-decoration: underline; font-weight: bold; font-size:14px;}
div.store_local li a{ float:left;}
div.store_local ul:after{ clear: both; display:block; content:"";}

/*   店頭買取・宅配買取   */
.fontL{ font-size:24px; line-height: 1.4; font-weight: bold;color: #006934;}
.fontM{ text-align: center; font-size: 20px; font-weight: bold;}
.fontM a{ color: #222; text-decoration: underline;}
.store_web_attention{ font-size: 12px; color: #fff;}

ul.store_web_2col{ width: 100%; display: table; margin: 20px auto;}
ul.store_web_2col li{ width: 50%; display: table-cell; list-style-type: none;}
ul.store_web_2col li img{ width: 90%; margin: 0 5%;}

ul.store_web_3col{ width: 100%; border-collapse:collapse; display: table; padding: 0; margin: 0px auto; counter-reset: num00 0;}
ul.store_web_3col li{ width: calc(100% / 3); display: table-cell; list-style-type: none; text-align: center;}
ul.store_web_3col li img{ width: 80%; margin: 0 10%;}
ul.store_web_3col li h3{ 
}
ul.store_web_3col li h3 a:before{ 
	counter-increment: num00 1;
	content: counter(num00) ". ";
}
ul.store_web_3col li h3 a{ 
	display: block;
	width: 80%;
	background: #fff;
	border: 2px solid #222;
	color: #222; 
	font-weight: bold; 
	padding: 10px; 
	margin: 0 10% 20px; 
	border-radius: 6px;
	font-size: 20px;
}

.store_web_top{ 
	margin: 0;
	display:block;
	text-align: center;
 	width: 100%;
}
.store_web_top h1,.store_web_top img{ text-align: center; display:inline-block; vertical-align: middle;}
.store_web_top img{ max-width:400px; width: 100%; }
.store_web_top h1{ font-size: 80px; font-weight: bold; color: #222;}
.store_web_top h1 span{ font-size: 20px; font-weight: bold; color: #222;}

.store_web_top02{ background: #1c9ed3; margin:0; padding: 10px 0 40px;}
.store_web_top02_p{ font-size: 20px; color: #fff; font-weight: bold;}
ul.store_web_merit{
	border: 4px solid #222;
	border-bottom: 10px solid #222;
	border-radius: 6px;
	display: table;
	width: 100%;
	background: #fff;
}
ul.store_web_merit > li:first-child{ text-align: center;}
ul.store_web_merit li{
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
	font-weight: bold;
}
ul.store_web_merit li span{
	color: red;
	font-size: 28px;
}
ul.store_web_merit ol{
	margin: 0;
	padding: 10px 0;
}
ul.store_web_merit ol li {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 1.8em;
}

.kaikae h3{ padding-top: 20px; font-size: 24px; text-align: center; background: none; color:#ec6829;}
.kaikae{ 
	font-weight: bold; background: yellow;
	background:repeating-linear-gradient(-45deg, #fff799 0, #fff799 10px, #fffcdc 10px, #fffcdc 20px);
	padding: 20px;
	border-radius: 6px;
}
.kaikae div{ background: #fff; margin: 0; padding:20px 40px;border-radius: 6px;}

div.sub_menu{ width: 100%;}
div.sub_menu ul{
	max-width: 100%;
	margin: 0 auto;
	display: table;
	background: #fff;
	border: 4px solid #fff;
	border-radius: 6px;
}
div.sub_menu ul li{
	display: table-cell;
	position: relative;
	z-index: 1;
}
div.sub_menu ul li.sub_menu_4{width: 25%;}
div.sub_menu > ul > li > a{
	border: 2px solid #fff;
	padding: 10px 10px 25px 10px!important;
	margin: 0;
	text-align: center;
	color: #222;
	background: #eee;
	border-radius: 6px;
	font-size: 20px;
	font-weight: bold;
	display: block;
}
div.sub_menu > ul > li > a:hover{background: #ccc;}
div.sub_menu > ul > li::after{
    content: '';
	margin:0 auto;
    position: absolute;
	/*z-index: 9;*/
    bottom: 20px;
	left: 0;
	right: 0;
    width: 0;
    height: 0;
    border-top: 5px solid #222;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

/*比較*/
#comparison-table table{
	border: 4px solid #006934; border-radius: 6px; border-collapse: collapse ; margin-bottom: 40px;
}
#comparison-table table td{width: 25%; text-align: center; border: 1px solid #006934;vertical-align: top;padding: 10px;}
#comparison-table table td span{ color: #006934; font-size: 140%; font-weight: bold;}
#comparison-table table .table_title{ background: #006934; color: #fff; font-weight: bold;}
#comparison-table table .bg_b{ background: #FFED77;}
#comparison-table table img{ width: 60px; height: 60px; display: block; margin: 0 auto;}
#comparison-table table img.table_logo{ width: 176px; height: auto; display: inline-block; vertical-align: middle;}

#faq table{ width: 100%!important;}

ol.store_web_flow{
	background:#006934;
	padding: 20px;
	border-radius: 6px;
	margin: 0;
}
ol.store_web_flow > p{ margin: 0; padding: 0;}
ol.store_web_flow > li {
	box-sizing: border-box;
	width: 100%;
	border-radius: 6px;
	background: #FFF;
	padding: 20px;
	margin: 0 0 20px; 
	list-style-type: none;
    position: relative;
}
ol.store_web_flow > li:last-child{ margin: 0;}
ol.store_web_flow > li > h3 {border-bottom: 2px solid #222; font-size:30px; font-weight: bold; color: #222;}
ol.store_web_flow > li > h3 > span{ color: #666; margin-right: 10px; font-size: 80%;}
ol.store_web_flow > li > img{ width: 80%; margin: 10px 10% 0;}
ol.store_web_flow a{ color: #222; text-decoration: underline;}

ol.store_web_flow > li::before{
    content: '';
	margin:0 auto;
    position: absolute;
    bottom: -10px;
	left:0;
	right: 0;
    width: 0;
    height: 0;
    border-top: 10px solid #FFF; /* 好みで高さ色を変えてください */
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}
ol.store_web_flow > li:last-child:before{
	border: none;
}
.store_web_flow_step,.store_web_flow_step_l{
	padding: 10px 0;
	font-size: 30px;
	color: #222;
	font-weight: bold;
	position: relative;
}
h3.store_web_flow_step a::after{
	content: "";
	position: absolute;
	top: 50%;
	right: -14%;
	transform: translateY(-50%);  
	border: 10px solid transparent;
	border-left: 10px solid #222;
}
ul.osusume li{ font-size: 30px; list-style-type: none; color: #222; position: relative; margin-left: 40px;}
ul.osusume li:before{
  content: '';
  display: block;
  position: absolute;
  top: .6em;
  left: -1.2em;
  width: 10px;
  height: 5px;
  border-left: 3px solid red;
  border-bottom: 3px solid red;
  transform: rotate(-45deg);
}
ul.osusume li:after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -1.5em;
  width: 30px;
  height:30px;
  border: 2px solid #222;
}

/*宅配買取対象品*/
#web_item ul{ width: 100%; margin:0 auto 20px;}
#web_item li{ width:30%; margin:15px auto;}

/*買取査定はこちら　店頭・宅配分かれているVer*/
.web_wrap,.store_wrap{
	background: #eee;
	border-radius: 6px;
	padding: 20px;
	margin: 20px auto;
}
.web_wrap > p,.store_wrap > p{
	background: none;
	font-size: 28px;
	color: #222;
	margin: 15px 0 0;
	text-align: center;
	font-weight: bold;;
}
.web_wrap li,.store_wrap li{ background: #fff;}

/*トップ買取の流れ*/
.top_flow .inner > ol { 
	list-style-type: none;
	background: #222;
	padding: 20px;
	box-sizing: border-box;
}
.top_flow .inner > ol > li{
	background:#FFF;
	padding: 20px;
	margin: 0 0 20px;
	box-sizing: border-box;
	position: relative;
}

.top_flow .inner > ol > li::before{
    content: '';
	margin:0 auto;
    position: absolute;
    bottom: -10px;
	left:0;
	right: 0;
    width: 0;
    height: 0;
    border-top: 10px solid #FFF; /* 好みで高さ色を変えてください */
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}
.top_flow .inner > ol > li:last-child{ margin: 0;}
.top_flow .inner > ol > li:last-child:before{ border: none;}
.top_flow .inner > ol > li > h3{border-bottom: 2px solid #222; font-size:30px; color:#222; margin:0; padding:0;}
.top_flow .inner > ol > li > h3 > span{ color: #666; margin-right: 10px; font-size: 80%;}

.top_flow .inner > ol > li  ul > li{vertical-align: bottom!important;}
.top_flow .inner > ol > li > ul > li > img{
	width: 400px;
}

.top_flow_waku{ background: #eee; border-radius:10px; padding:20px; margin-top:20px;}
.top_flow_waku h4{ font-size:40px; color:#222; margin:0; padding:0; text-align:left;}

/*1カラム*/
.one_clm ul{
	width: 100%;
	background: #eee;
	padding: 30px 30px 100px;
	border-radius: 4px;
	box-sizing: border-box;
	position: relative;
}
	.one_clm ul > li > ul,.one_clm ul > li{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
.one_clm ul > li > ul > li:before{
	content: "・";
	padding-right: 10px;
	line-height: 2em;
}
.one_clm ul > li > .btn01{
	position: absolute;
	right:0;
	left:0;
	margin: auto;
	width: 90%;
	bottom:20px;
}

/*2カラム*/
.two_clm{ 
	display: table;
	border-collapse:separate;
	border-spacing:10px;
}
.two_clm ul{
	width: calc((100% / 2));
	display: table-cell;
	background: #eee;
	padding: 30px 30px 100px;
	border-radius: 4px;
	position: relative;
}
.satei_frame_attention .two_clm ul{
	background: none;
	margin: 0;
	padding: 0;
}
	.two_clm ul > li > ul,.two_clm ul > li{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
.two_clm ul > li > ul > li{ 
	margin: 0!important; 
	font-size: 14px;
	padding-left:1em;
	text-indent:-1em;
}
.two_clm ul > li > ul > li:before{
	content: "・";
	padding-right: 0px;
	line-height: 2em;
}
.two_clm ul > li > .btn01{
	position: absolute;
	right:0;
	left:0;
	margin: auto;
	width: 90%;
	bottom:20px;
}
.satei_frame_attention .two_clm h3{
	padding: 0.5em 0 0;
	margin: 0;
	text-align: center;
}

/*3カラム*/
.three_clm{ 
	display: table;
	border-collapse:separate;
	border-spacing:5px;
}
.three_clm ul{
	width: calc((100% / 3));
	display: table-cell;
	background: #eee;
	padding: 20px 20px 100px;
	border-radius: 4px;
	position: relative;
}
	.three_clm ul > li > ul,.three_clm ul > li{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
.three_clm ul > li > ul > li{ 
	margin: 0!important; 
	font-size: 14px;
	padding-left:1em;
	text-indent:-1em;
}
.three_clm ul > li > ul > li:before{
	content: "・";
	padding:0;
	line-height: 2em;
}
.three_clm ul > li > .btn01{
	position: absolute;
	right:0;
	left:0;
	margin: auto;
	width: 90%;
	bottom:20px;
}
/*ボタン無の場合*/
.nobtn ul li{ margin-bottom: -75px!important;}
#satei .satei_frame_attention .nobtn ul li{
	margin-bottom: 0!important;
}

/**/
/*選べる買取方法*/
.choice{
	width:100%; 
	margin:0 auto;
	padding: 0;
}
.choice h3{
	margin:40px auto 0px; 
	padding: 10px;
	border-bottom:2px solid #222;
	background:#222;
	color: #fff;
	font-size:30px;
	border-radius: 6px 6px 0 0;
}
/*タブ切り替え全体のスタイル*/
.tabs {
  padding-bottom: 40px;
  border-radius:6px;
  width: 100%;
  margin: 0 auto;
  }
/*タブのスタイル*/
.tab_item,.tab_item3 {
  height: 50px;
  border-bottom: 3px solid #222;
  background-color: #d9d9d9;
  padding-top:10px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}
	.tab_item { width: calc(100%/2); font-size:20px;}
	.tab_item3 { width: calc(100%/3); font-size:16px;}
.tab_item:hover,.tab_item3:hover { opacity: 0.75;}
.tab_item:after,.tab_item3:after{
	display:block;
	content:"▼";
	color:#222;
	margin-top:-6px;
	font-size:20px;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"],
input[name="tab_item3"]{ display: none;}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 10px 20px 0;
  clear: both;
  overflow: hidden;
  text-align:center;
}
/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#flow_cic:checked ~ #flow_cic_content,
#flow_store:checked ~ #flow_store_content,
#flow_web:checked ~ #flow_web_content { display: block;}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item,
.tabs input:checked + .tab_item3{ 
	background-color: #222;
	color: #fff;
}
.tabs input:checked + .tab_item:after,
.tabs input:checked + .tab_item3:after{
	display:block;
	content:"▼";
	color:#222;
	font-size:30px;
	margin-top:10px;
}
.tab_content img{ width:100%; height: auto;}

/*買取の流れ*/
.tabs,.web_only{ counter-reset: number;}
.flow_comic,.flow_comic ol > li{ width:100%; box-sizing:border-box;}
.flow_comic h4{ 
	font-size:26px; 
	text-align:left;
	color:#222; 
	padding-left:50px;
	margin:0px 0px 20px!important;
	}
	.flow_comic h4:before{
		counter-increment: number; 
		content: counter(number); 
		text-align:center;
		padding:12px 18px;
		margin:0px;
		font-size:20px;
		background:#222;
		color:#fff;
		position:absolute;
		left:0;
		top:0;
	}
.flow_comic p{
	margin:0; 
	padding:0; 
	border:0; 
	text-align:left;
}
.flow_comic ol{ 
	margin: 0;
	list-style-type:none;
	font-size:16px;
}
.flow_comic ol > li{ 
	width:100%; 
	background:#eee; 
	margin:5px 0; 
	padding:10px 20px 20px; 
	display:inline-block;
	position:relative;
	clear:both;
	}
	.flow_comic ol > li:first-child{ margin-top:10px;}
.flow_comic ol > li > ul{ 
	width: 100%;
	margin:0 5px;
	padding: 0;
	list-style-type: none;
}
.flow_comic ol > li > ul{
	counter-reset: number01 0; 
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.flow_comic ol > li > ul > li{
padding-left: 1em;
  text-indent: -1em;
}
.flow_comic ol > li > ul > li:before{
	counter-increment: number01 1; 
	content: counter(number01)". ";
	font-weight: bold;
	color: #222;
}
.flow_comic img{ 
	margin:0 0 0 10px; 
	padding:0; 
	width:500px; 
	height: auto;
	float: right;
	border-radius: 6px;
}
	.flow_comic img::after{
		clear: both;
	}
.flow_comic a{ 
	color:#0065D0;
	text-decoration: underline;
	}
.flow_comic a:hover{ color:#333;}

h3.takuhai{
	border-radius: 0!important;
	padding: 10px!important;
	margin: 5px 0 20px!important;
}
.normarl_h{ background: none; border: none; font-size: 20px; text-align: left; padding: 0; margin: 40px 0 0;}
.normarl_h + p{ margin: 0px; pading:0;}


/* アンカーリンクヘッダー分調整 */
html {
	scroll-padding-top: 100px;
}
/*AppleWatch*/
.aw_about{
	margin: 0.5em auto;
	width: 90%;
	max-width: 980px;
}
h2.series_tit{
    margin-top: 2em;
    font-size: 40px;
}
p.model_list_t,
.price_list ul.model_list {
	background: #eee;
	width: 90%;
	max-width: 1200px;
	margin: auto;
}
p.model_list_t {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	padding: 1em 0 0;
	border-radius: 10px 10px 0 0;
}
.price_list ul.model_list {
	padding: 0.5em 2em 2em !important;
	border-radius: 0 0 10px 10px;
	box-sizing: border-box;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.price_list ul li h3 span{
	font-size: 12px;
}
.price_list ul.model_list li{
	background: none;
	margin: 0;
	padding: 0;
	float: none;
}
.price_list ul.model_list04 li{
	width: calc(100% / 4);
}
.price_list ul.model_list05 li{
	width: calc(100% / 5);
}
.price_list ul.model_list li a {
	background: #fff;
	display: block;
	border-radius: 4px;
	border: 1px solid #222;
	border-bottom: 3px solid #222;
	padding: 0.5em;
	margin: 0.5em;
	line-height: 1.5;
	zoom: 1;
}
.price_list ul.model_list li img {
	margin: 0;
	width: 50px;
	display: block;
	float: left;
}
.price_list ul.model_list li span{
	width: 70%;
	float: right;
	display: block;
	line-height: 1.2;
	font-size: 18px;
	padding: 0.25em 0 0;
}