body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fiel
dset,legend,input,textarea,p,blockquote,th,td { margin:0;padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
img{vertical-align:bottom;}
#yui3-css-stamp.cssreset { display:none; }

/* ########################################

	基本設定

 ########################################## */

html{
	color:#333;
	background-color:#fff;
	line-height:1.8;
	font-size:0.9rem;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
/* 見出し設定 */

.title01{
	margin-bottom:20px;
	background-color:#2775FF;
	padding:5px;
	color:#fff;
}
.title02{
	margin-bottom:20px;
	border-bottom:5px solid #E17E00;
	padding:5px;
}
.title03{
	margin-bottom:10px;
	border-left:10px solid #D80003;
	padding:2px 0 2px 5px;
}
img{
	max-width:100%;
	height:auto;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.red{color: #ff0000;}

/* -------------------------------------------
	CLEAR-FIX
---------------------------------------------- */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* -------------------------------------------
	Utility
---------------------------------------------- */

/* Margin
-------------*/
.m0{margin:0}
.m5{margin:5px;}
.m10{margin:10px}
.m15{margin:15px;}
.m20{margin:20px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}

.ml5{margin-left:5px;}
.ml8{margin-left:8px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:30px;}
.mb50{margin-bottom:50px;}

/* padding
---------------------*/
.p5{padding:5px;}
.p10{padding:10px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}

/* Float
---------------------*/
.fl{float:left}
.fr{float:right;}
.cl{clear:both;}

/* cursor
-------------------*/
.cp{cursor:pointer;}
.fcr{color:#fff;}
.attention{
	color:#f00;
	font-weight:bold;
}

/* width
--------------------*/
.w50{width:50px;}
.w100{width:100px;}
.w130{width:130px;}
.w200{width:200px;}
.w220{width:220px;}
.w245{width:245px;}
.w270{width:270px;}
.w300{width:300px;}
.w330{width:330px;}
.w400{width:400px;}
.w500{width:500px;}
.w570{width:570px;}
/* align
------------------- */
.tac{text-align:center}
.tal{text-align:left}
.tar{text-align:right}


/* line-height
------------------- */
.lh0{ line-height: 0; }


/* ##########################################################################

	レイアウト設定 widthなどはサイトによって変更してください

 ########################################################################## */
.inner-index{
	margin:0 auto;
	width:1020px;
}

/* ヘッダーの設定 */
#header-2016{
	background-color:#fff;
}

#header-2016 .logo{float: left;}
#header-2016 div.inner-index{ padding: 10px 0;}
#header-2016 .inner-index ul{float:right;}
#header-2016 .inner-index ul li{
	float:left;
	margin-left: 10px;
}

.navi-box{
	background-color: #243617;
	width: 100%;
}

#global-navi{
	width:1020px;
	margin: 0 auto;
}

#global-navi>li{
	float: left;
	width:170px;
	position:relative;
}

#global-navi>li a:hover img{
	opacity:1.0;
	filter: alpha(opacity=100);
}
/* ヘッダープルダウン */
#global-navi>li>ul{
	display:none;
	position:absolute;
	z-index:9999;
}
#global-navi>li>ul li{
	width: 170px;
	font-size:14px;
}
#global-navi>li>ul li a{
	padding:10px 5px;
	text-align: center;
	display:block;
	background-color:#f7f7f7;
	border-bottom:1px solid #c4c7c2;
}
#global-navi>li>ul li a:hover{
	color:#fff;
	background-color:#243617;
	opacity:1.0;
	filter: alpha(opacity=100);
}

/* ヘッダープルダウン */
header nav #global-navi{
	margin:0 auto;
	width:980px;
}
header nav #global-navi li{
	float:left;
	width:196px;
	position:relative;
}
header nav #global-navi>li>ul{
	display:none;
	position:absolute;
	z-index:10;
}
header nav #global-navi>li>ul li a{
	padding:10px;
	height: 30px;
	display:block;
	background-color:#fcc;
	border-bottom:1px solid #ccc;
}
header nav #global-navi>li>ul li a:hover{
	background-color:#fcf;
}



/*header .inner-index{
	position:relative;
	overflow:hidden;
}

header #header-logo{
	float:left;
}
header #header-tel{
	float:right;
}
header nav{
	width:100%;
	background-color:#BEE4FB;
	z-index:10;
}
header nav #global-navi{
	margin:0 auto;
	width:980px;
}
header nav #global-navi li{
	float:left;
	width:196px;
	position:relative;
}*/

/* ヘッダーナビ部分を固定する場合 */

.fixed .navi-box{
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

/*固定ナビゲーションのheightを入力 */
.fixed #header-2016 {
	margin-bottom:60px;
}


/* メイン画像領域 */
#main-image{
	text-align:center;
	background-color: #fff;
	min-width: 1200px;
}


#main-image .flexslider{
	margin:0 auto;
	width: 100%;
}



/* フッター設定 */
.side-fix{
	position: fixed;
	right: 0;
	top:60%;
	z-index:999;
}

#pagetop{
	text-align:right;
}
#footer-re {
	background-color: #2c2c2c;
	padding: 30px 0 0;
	color: #fff;
}

#footer-re  a{
	color: #fff;
	text-decoration: underline;
}

#footer-re  a:hover{
	color: #fff;
	text-decoration: none;
}

#footer-re .foot-shop{margin: 30px 0;}
#footer-re .foot-shop p{margin-top:15px;}
#footer-re .foot-shop p.foot-tel{
	background: url(/themes/origin/images/common/icon-tel.png) no-repeat left center;
	padding-left: 30px;
	font-size: 1.5rem;
}

#footer-re .foot-shop-content{
	width: 320px;
}
#footer-re .foot-shop-content +  .foot-shop-content{
	margin-left: 30px;
}

#footer-re  #sitemp{
	border-top:1px solid #4d4d4d;
	padding: 20px 0;
	text-align: center;
}

#footer-re  #sitemp ul{
	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	justify-content: center;
	margin-top: 15px;
}

#footer-re  #sitemp ul li{
	margin-right: 20px;
	padding-right: 20px;
	border-right:1px solid #4d4d4d;
}

#footer-re  #sitemp ul li:last-child{
	border-right:none;
}

#copyright_re{
	text-align:center;
	background-color:#e7f3ee;
	color:#333333;
	padding: 20px 0;
	font-size:0.8rem;
}

#contents-re{}
.i-box{ padding:40px 0; }

.flt02,
.flt03,
.flt04,
.flt05,
.flt06,
.index-list ul{
	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
}
.flt02>li{
	margin:0 1% 10px;
	width:48%;
}
.flt03>li{
	margin:0 1% 10px;
	width:31%;
}
.flt04>li{
	margin:0 1% 10px;
	width:23%;
}
.flt05>li{
	margin:0 1% 10px;
	width:18%;
}
.flt06>li{
	margin:0 1.3% 10px;
	width:14%;
}

.banner a {
	display: block;
}

/* TOP実績紹介 */
#index-jisseki{
	background-color: #e7f3ee;
}

.index-list ul{
	margin-right: -20px;
}

.index-list ul li{
	width: 245px;
	margin-right:14px;
	margin-bottom: 20px;
}

.index-list ul li img{
	max-width: 245px;
    height: 220px;
    object-fit: cover;
}

.index-list ul li .photo{
	margin-bottom: 10px;
}

.index-list .price{
	color: #e45e32;
	font-weight: bold;
	text-align: right;
	margin: 10px 0;
}


.btn-link a{
	border: 1px solid #3e5b29;
	display: block;
	color: #3e5b29;
	padding: 10px;
	text-align: center;
	width:80%;
	margin: 0 auto;
}

.btn-link a:hover{
	background-color: #3e5b29;
	color: #fff;
}

/*取り扱い商品*/
#index-item{
	background-color: #f7f4ed;
}

#index-item h5{
	text-align: center;
	color: #d43b3b;
	font-weight: bold;
	margin: 10px 0;
}



/* 3つの理由 */
#index-reason{background: #f8f8f8 url(/themes/origin/images/top-re/bg-reason.jpg) no-repeat top center;}

.reason-unit{ margin-bottom: 30px;}

.reason-unit .reason-text{
	float: left;
	width: 760px;
}

.reason-unit .reason-text h4{margin-bottom:15px;}
.reason-unit .reason-text p{margin-left:28px;}


/*こんなに違う査定額*/
#index-satei{ background-color:#efe8d9;}

ul.satei-list{
	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
	margin-right: -30px;
}

ul.satei-list>li{
	width: 234px;
	margin-right: 28px;
	margin-bottom: 30px;
}

ul.satei-list li ul{margin-left: 15px;}
ul.satei-list li ul li{margin-top: 10px;}

.sate-hikaku{margin-bottom:20px;}
.sate-hikaku h4{
	font-size: 1.5rem;
	margin-bottom:10px;
	text-align: center;
}

.sate-hikaku .index-hikaku{width: 440px;}
.sate-hikaku .index-hikaku dl,.sate-hikaku .index-hikaku dt,.sate-hikaku .index-hikaku dd{float: left;}

.sate-hikaku .index-hikaku dl{
	width: 46%;
	margin: 0 2% 2% 2%;
	background-color: #fff;
}
.sate-hikaku .index-hikaku dt{
	background-color: #666666;
	color: #fff;
	text-align: center;
	padding: 10px;
}
.sate-hikaku .index-hikaku dd{
	padding: 10px;
	text-align: right;
}

/* 質預かり */
#index-azukari{background: #e2eef0 url(/themes/origin/images/top-re/bg-azukari.jpg) no-repeat top center;}

#index-azukari div p.big-font{font-size: 1.8rem;}
#index-azukari div p{line-height: 2.5rem;}
.orange{color: #e45e32;}

#index-azukari div ul li{ margin-top: 20px;}
#index-azukari div ul li:last-child{ margin-bottom: 25px;}


/* 明治より三代 */
#index-shop{background-color: #fff;}
#index-shop div ul{
	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
	margin-right: -30px;
}

#index-shop div ul li{
	width: 320px;
	margin-right: 30px;
}

#index-shop div ul li p{ margin-top: 15px;}

/* 3つの査定法 */
#index-sateihou{ background-color: #e7f3ee;}

#index-sateihou div ul{
	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
	margin-right: -30px;
	margin-bottom: 30px;
}

#index-sateihou div ul li{
	width: 320px;
	margin-right: 30px;
	text-align: center;
}

#index-sateihou div ul li p{margin-top: 20px;}

#index-sateihou div.satei-list{
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

#index-sateihou div.satei-list h4{
	border-left: 5px solid #3c7115;
	padding-left: 10px;
	font-size: 1.8rem;
	margin-bottom: 10px;
}

/*ブログ*/
#index-blog{ background-color: #efe8d9;}
#index-blog p{ margin-top: 10px;}


/* -------------------

 LINE

-------------------- */
.line-flow{
	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
	margin-bottom: 30px;
}

.line-flow li{
	width: 322px;
	margin-right: 25px;
}

.line-flow li:last-child{margin-right:0px;}
.line-flow p{
	text-align: center;
	margin-top: 10px;
}


.satei-sinamono,
.f-bnr-list{
	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	justify-content: center;
	margin-right: -20px;
}

.satei-sinamono li{
	width: 240px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.satei-sinamono li p{margin-top: 10px;}

.f-bnr-list li{
	margin:0 10px;
}

/* ----------

宅配査定

------------ */

.t-flow{ margin-bottom:40px; }
.t-flow .fl{float: left;}

.t-flow-text{
	float: right;
	width: 670px
}

.t-flow-text h3{
	font-size: 1.8rem;
	border-bottom: 3px solid #296e37;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.t-flow-text h3 span{
	border: 1px solid #296e37;
	background: #fff;
	padding: 8px;
	display: block;
	font-size: 1rem;
	width: 120px;
	margin-bottom: 8px;
	text-align: center;
}

.t-flow-text p{margin-bottom: 15px;}

.t-flow-text p.red-b{
	color: #ff0000;
	font-weight: bold;
}

.takuhaiSmall{
	font-size: 14px;
}