@charset "utf-8";

/***********************************************************************************************************************
* 横サイズ768px以下
***********************************************************************************************************************/
@media screen and (max-width: 768px){

.sp{display: block !important;}
.pc{display: none !important;}

img{
	width: 100%;
}

.enFnt strong {
    padding: 0 20px;
    z-index: 2;
}

.btn-line {
    margin-bottom: 30px;
}
.more-purchase,
.more-movie,
p.link a {
    position: relative;
    font-size: 1.6rem;
    padding: 0.5em;
    max-width: 280px;
}

/**********************************************************
* 基本構造
**********************************************************/
#all-contents{
	padding-top: 0px;
	display: flex;
	flex-wrap: wrap;
}
#all-contents>.wrap>aside,
#all-contents>.wrap>aside>div{
	width: 100%;
}
#all-contents>.wrap>aside>div{
	position: relative !important;
	top: 0px !important;
	bottom: auto !important;
}

#all-contents>.wrap>main{
	display: block;
	width: 100%;
	padding: 0px;
}

#all-contents>.wrap{
	width: 100%;
	display: block;
	order: 2;
}

/*ヘッダー*/
body>header{
	position: relative;
	width: 100%;
	height: 54px;
	overflow: visible;
}
	.header__bar{
		height: 54px;
		align-items: center;
	}
	.header__bar h1,
	.header__bar .h1,
	.header__bar h2{
		width: 110px;
		padding: 7px;
	}
	.header__bar .header__title{
		font-size: 1.2rem;
		padding: 0;
	}
	header .tel-box,
	header .line{
		display: none;
	}

body>header nav{
	position: fixed;
	background: #00489D;
	padding: 54px 3% 100px 5%;
	right: 0px;
	top: 0px;
	width: 74%;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	opacity: 0;
	display: none;
	z-index: 1004;
}
	body>header nav>ul{
		display: block !important;
	}
	body>header nav>ul>li>ul{
		display: none;
	}
	header nav>ul>li:nth-child(1){
		display: block;
	}
	body>header nav li{
		border-top: 1px dotted #6993C5;
	}

	body>header nav li a{
		color: #FFF; text-decoration: none;
		display: block;
		padding: 1em 0.5em;
	}
	header nav>ul>li>a{
		font-size: 1.4rem;
		line-height: 1.2em;
		margin: 0;
	}

	header nav>ul>li>a.sp-menu-button,
	header nav>ul>li>a.sp-menu-button2{
		position: relative;
	}
	header nav>ul>li>a.sp-menu-button::after,
	header nav>ul>li>a.sp-menu-button2::after{
			content:"";
			position: absolute;
			top:50%;
			right:15px;
			width: 8px;
			height: 8px;
			margin-top: -2px;
			border-right:1px solid #fff;
			border-bottom:1px solid #fff;
			-webkit-transform: translate(0,-50%) rotate(45deg) scale(1,1);
			transform: translate(0,-50%) rotate(45deg) scale(1,1);
	}
		header nav>ul>li>a.sp-menu-button.active::after,
		header nav>ul>li>a.sp-menu-button2.active::after{
			margin-top: 3px;
			-webkit-transform: translate(0,-50%) rotate(-135deg) scale(1,1);
			transform: translate(0,-50%) rotate(-135) scale(1,1);
		}

	body>header nav li ul li a{
		padding-left: 2em;
		background: transparent url(../img/arw_right_w.png) 1em 50% no-repeat;
		background-size: 0.4em;
	}
	body>header nav li span{
		color: #FFF;
		text-decoration: none;
		display: block;
		padding: 1em 0.5em;
	}
	body>header nav li h3{
		font-size: 1.1em;
		background: transparent url(../img/arw_right_w.png) 100% 50% no-repeat;
		background-size: 0.4em;
	}
	body>header nav li span h3{
		font-size: 1.1em;
		background: none;
	}
	body>header nav li h4{
		padding: 0.8em 0.6em;
	}
	body>header nav .opn{
		padding-left: 2em;
		background: transparent url(../img/arw_down_w.png) 0.8em 50% no-repeat;
		background-size: 0.7em;
	}
	body>header nav .cls{
		padding-left: 2em;
		background: transparent url(../img/arw_up_w.png) 0.8em 50% no-repeat;
		background-size: 0.7em;
	}
	body>header nav .hide{
		display: none;
	}
	body>header nav.block{
		display: block;
	}
	body>header nav.active{
		opacity: 1;
	}

/*買取方法ボタン*/
body>header nav .kaitori-nvi a {
	font-size: 1.2rem;
	padding: 0.7em 1em !important;
	padding-left: 15px;
}

body>header nav .kaitori-nvi .item{
	font-size: 1.6rem;
	display: block;
	font-weight: bold;
}

body>header nav .kaitori-nvi li {
    border-top: none;

}
.store_other .kaitori-nvi ul li{border: none;}
.store_other .kaitori-nvi ul li .item{
	font-weight: bold;
	font-size: 1.8rem;
}
.store_other h4{
	font-size: 1.8rem;
	text-align: center;
	margin: 0 0 0.5em;
}


/*宅配、出張強化*/

.trip-click-block{
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
}
.trip-click-map{
	width: 100%;
	padding-right: 0px;
	text-align: center;
	margin-bottom: 0px;
}
.trip-click-img{
	padding: 0 30px 20px;
}

.trip-area p.trip-click-msg {
    font-size: 1.7rem;
    margin-bottom: 15px;
}

.trip-click-list{
	width: 100%;
}

.trip-click-area>li{
	display: block;
	margin-bottom:9px;
}

.trip-click-area>li:last-child{
	margin-bottom: 0;
}

.trip-click-prif{
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	padding: 10px 15px 0;
}
.trip-click-prif>li{
	margin-right: 1.2em;
	margin-bottom: 0.3em;
}
.trip-click-prif>li>a{
	font-size: 1.6rem;
	font-weight: bold;
}


.trip-click-btn{
	position: relative;
	display: block;
	width: 100%;
	font-size: 1.6rem;
	padding: 0.55em;
	background: #ddd;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	text-align: center;
	color:#fff;
}

#overlayer .store .kaitori-nvi li{
    background: none;
}
#overlayer .store .kaitori-nvi li.taku a{
	background: #FF9801 url(../img/arw_right_w.png) 94% 50% no-repeat;background-size: 5%;
}
#overlayer .store .kaitori-nvi li.shu a{
	background: #05A4DA url(../img/arw_right_w.png) 94% 50% no-repeat;background-size: 5%;
}
#overlayer .store .kaitori-nvi ul li:nth-child(1){
	float: left;
	width: 49%;
}
#overlayer .store .kaitori-nvi ul li:nth-child(2){
	float: right;
	width: 48%;
}
#overlayer .store .kaitori-nvi ul li a{
	display: block;
	color: #FFF;
	text-decoration: none;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	padding: 1em 0.5em;
	margin: 0 0 0.5em;
}
#overlayer .store .kaitori-nvi ul li a .item{
	font-size: 1.8rem;
	font-weight: bold;
}

/**/
.overlayer1 .store .kaitori-nvi li{
    background: none;
}
.overlayer1 .store .kaitori-nvi li.taku a{
	background: #FF9801 url(../img/arw_right_w.png) 94% 50% no-repeat;background-size: 5%;
}
.overlayer1 .store .kaitori-nvi li.shu a{
	background: #05A4DA url(../img/arw_right_w.png) 94% 50% no-repeat;background-size: 5%;
}
.overlayer1 .store .kaitori-nvi ul li:nth-child(1){
	float: left;
	width: 49%;
}
.overlayer1 .store .kaitori-nvi ul li:nth-child(2){
	float: right;
	width: 48%;
}
.overlayer1 .store .kaitori-nvi ul li a{
	display: block;
	color: #FFF;
	text-decoration: none;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	padding: 1em 0.5em;
	margin: 0 0 0.5em;
}
.overlayer1 .store .kaitori-nvi ul li a .item{
	font-size: 1.8rem;
	font-weight: bold;
}



/*メニューボタン*/
body>header #menu-button{
	position: fixed;
	z-index: 20000;
	top: 0px;
	right: 0px;
	width: 54px;
	height: 54px;
	background: #00489D;
}
	body>header #menu-button>div{
		width: 26px;
		height: 3px;
		background: #fff;
		position: absolute;
		-webkit-transition: all .5s;
		   -moz-transition: all .5s;
		    -ms-transition: all .5s;
		     -o-transition: all .5s;
		        transition: all .5s;
	}
	body>header #menu-button>div:nth-child(1){
		top: 12px;
		left: 14px;
		-webkit-transform: translate(0%,0%);
		   -moz-transform: translate(0%,0%);
		    -ms-transform: translate(0%,0%);
		     -o-transform: translate(0%,0%);
		        transform: translate(0%,0%);
	}
		body>header #menu-button.active>div:nth-child(1) {
			top: 25px;
			-webkit-transform: translate(-5%,-50%) rotate(45deg);
			   -moz-transform: translate(-5%,-50%) rotate(45deg);
			    -ms-transform: translate(-5%,-50%) rotate(45deg);
			     -o-transform: translate(-5%,-50%) rotate(45deg);
			        transform: translate(-5%,-50%) rotate(45deg);
		}
	body>header #menu-button>div:nth-child(2){
		top: 22px;
		left: 14px;
	}
		body>header #menu-button.active>div:nth-child(2) {
			opacity: 0;
		}
	body>header #menu-button>div:nth-child(3){
		top: 32px;
		left: 14px;
		-webkit-transform: translate(0%,0%);
		   -moz-transform: translate(0%,0%);
		    -ms-transform: translate(0%,0%);
		     -o-transform: translate(0%,0%);
		        transform: translate(0%,0%);
	}
		body>header #menu-button.active>div:nth-child(3) {
			top: 25px;
			-webkit-transform: translate(-5%,-50%) rotate(-45deg);
			   -moz-transform: translate(-5%,-50%) rotate(-45deg);
			    -ms-transform: translate(-5%,-50%) rotate(-45deg);
			     -o-transform: translate(-5%,-50%) rotate(-45deg);
			        transform: translate(-5%,-50%) rotate(-45deg);
		}
	body>header #menu-button::after{
		content: "MENU";
		position: absolute;
		left: 50%;
		bottom: 3px;
		color: #fff;
		font-size: 10px;
		transform: translateX(-50%);
	}
	body>header #menu-button.active::after{
		display: none;
	}
/*フッター*/
body>footer nav ul:nth-child(1){
	display: none;
}

body>footer nav ul:nth-child(1) a {
    color:#666;
}
body>footer nav ul:nth-child(1){
	padding: 10px 0;
}
body>footer nav ul:nth-child(1) a {
    line-height: 40px;
    font-size: 1.4rem;
}

/*サイド*/
.side-box .line{
	display: block;
	text-align: center;
	background: #00B900;
}

header .side-box {
    border: 0;
    padding: 15px;
    margin-bottom:15px;
    background: #fff;
}

header .side-box .tel {
    font-size: 3rem;
    display: block;
    text-align: center;
}

header .side-box p {
    text-align: center;
    font-size: 1.2rem;
}

header .side-box .line {
	position: static;
    display: block;
    width: 100%;
}

header .sp_sns{
	display: flex;
	position: absolute;
	z-index: 1003;
	right: 54px;
	top: 0;
	height: 54px;
}
header .sp_sns li{
	height: 54px;
	width: 54px;
	text-indent: -9999em;
}
header .sp_sns li a.ln{
	background: #00B900 url(../img/icn_line2.png) 50% 50% no-repeat;
	background-size: 56%;
	display: block;
	height: 54px;
}
header .sp_sns li a.ml{
	background: #FF4C4C url(../img/icn_tel3.png) 50% 50% no-repeat;
	background-size: 56%;
	display: block;
	height: 54px;
}

/*add start 11/05*/
body>header nav li.pc-hover-menu .menu{
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0px;
	display: block;
	opacity: 1;
}
	body>header nav li.pc-hover-menu ul{
		display: none;
	}
	body>header nav li.pc-hover-menu ul li a{
		display: block;
		color: #fff;
		padding: 1em 2em;
	}
/*add end 11/05*/

.side-box .line img{
	/*width: auto;*/
}



.side-assess{
	padding-bottom: 10px;
}
	.side-assess li a{
		padding-left: 55px;
		font-size: 1.6rem;
		line-height: 46px;
	}
	.side-assess li a::after{
		width: 46px;
		height: 46px;
		background: url(../img/side/line.png) center center no-repeat;
		background-size: 70%;
	}
	.side-assess li.tel a::after{background: url(../img/side/tel.png) center center no-repeat;background-size: 70%;}
	.side-assess li.mail a::after{background: url(../img/side/mail.png) center center no-repeat;background-size: 70%;}
	.side-assess li.trip a::after{background: url(../img/side/trip.png) center center no-repeat;background-size: 70%;}
	.side-assess li.taku a::after{background: url(../img/side/delivery.png) center center no-repeat;background-size: 70%;}

.side-category{
	font-size: 1.8rem;
	line-height: 40px;
}
.side-category-list{
	padding-bottom: 10px;
}
	.side-category-list a{
		font-size: 1.6rem;
		/*line-height: 48px;*/
	}

.side-purchase a {
    font-size: 2.2rem;
    padding: 0.5em 1.7em 0.5em 1em;
}
.side-purchase a::after {
    right: 13px;
}

.side-purchase a span {
    font-size: 1.6rem;
}
	.side-purchase .inr{
		width:calc(100% - 80px);
	}
	.side-purchase i{
		width: 80px;
	}
	.side-purchase i>img{
		max-width: 70px;
	}

/*フッター*/
body>footer{
	padding: 0px 0 152px;
}

/*ページ遷移ボタン*/
#pagetop{
	bottom: 12em;
  bottom: 9em;
}

/*ページャー*/
.pager {
	text-align: center;
	padding: 15px 0;
}
	.pager li {
		display: inline-block;
		margin: 0px;
		font-weight: normal;
		height: 30px;
		line-height: 30px;
		width: 30px;
		margin: 0 3px;
	}
	.pager li a {
		height: 30px;
		line-height: 30px;
		width: 30px;
	}

/**********************************************************
* 共通パーツ
**********************************************************/
/*下層タイトル*/
.headline{
	width: 100%;
	padding: 1em 0.5em;
/*	margin-bottom: 20px; */
	font-size: 2.6rem;
	order: 0;
}

.headline-s{
	font-size: 2rem;
}

/*パンくず*/
.breadcrumb-wrap{
	width: 100%;
	order: 10;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.breadcrumb-wrap::-webkit-scrollbar{
    height: 1px;
    background: none;
}
.breadcrumb-wrap::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.breadcrumb-wrap::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,0,0,0.2);
}
.breadcrumb-wrap::-webkit-scrollbar:hover{
	opacity: 0.2;
}
.breadcrumb {
	padding: 0;
	display: flex;
	flex-wrap: nowrap;
	width: auto;
	white-space: nowrap;
}
	.breadcrumb li{
		margin-right: 0px;
	}
	.breadcrumb li::after{
		display: none;
	}
		.breadcrumb li>a,
		.breadcrumb li>span{
			position: relative;
			display: block;
			font-size: 1.3rem;
			line-height: 40px;
			padding: 0 20px 0 10px;
		}
		.breadcrumb li:last-child a,
		.breadcrumb li:last-child span{
			color: #0B4799;
		}
			.breadcrumb li a::before{
				content: "";
				position: absolute;
				top: 0px;
				right: -10px;
				width: 23px;
				height: 1px;
				background: #ccc;
				transform: rotate(60deg);
				transform-origin: top left;
			}
			.breadcrumb li a::after{
				content: "";
				position: absolute;
				bottom: 0px;
				right: -10px;
				width: 23px;
				height: 1px;
				background: #ccc;
				transform: rotate(-60deg);
				transform-origin: bottom left;
			}


/*買取ジャンル一覧*/
.genre-list{
	padding: 10px 10px 20px;
}
.headline-s + .genre-list{
	padding-top: 0;
}

	.genre-list figure{
		text-align: center;
	}

	.genre-list .title{
		    font-size: 1.5rem;
	}
	.genre-list a {
	    width: calc(50% - 2px);
	    border: 1px solid #ddd;
	    margin: 0 2px 5px 0;
	    padding: 10px 5px;
	    cursor: pointer;
	}

	#container .genre-list a img{
		max-width: 186px;
	}
	#container .genre-list.max a:nth-child(1) img{
		max-width: 372px;
	}

	.genre-list a:nth-child(2n),
	.genre-list.max a:nth-child(2n),
	.genre-list.max a:nth-child(2n+1){
		margin: 0 0 5px 2px;
	}

	.genre-list p{
		font-size: 1.3rem;
	}

	.genre-list a.max .info{
	    width: 50%;
	    padding-left: 0px;
	}


/*強化ブランド一覧*/
.brand-area .headline-s br{
	display: inline;
}
.brand-article{
	border: none;
	margin-bottom: 15px;
	padding: 5px;
}
	.brand-article>a{
		/*width: 100%;*/
		padding: 4px;
	}
	.brand-article>a:last-child{

	}
	.brand-article .info{
		padding-left: 5px;
	}
		.brand-article .info .title{
			font-size: 1.1rem;
		}
		.brand-article .info p{
			font-size: 0.85rem;
		}
	/*.brand-article figure {
	    width: 60px !important;
	}
	.brand-article figure img{width: 60px !important;max-width: 60px !important;}*/

/*買取参考価格*/
.parts-block{
	margin-bottom: 20px;
}
	.parts-block .update{
		font-size: 1.4rem;
	}

.brand-ttl{
    font-size: 2rem;
}
.brand-drw-head {
    font-size: 2rem;
}
.brand-set-head {
    font-size: 1.8rem;
}

.brand-pmdrw-head{
	font-size: 1.8rem;
}
.brand-pmdrw-head>i {
    top: 15px;
}
.brand-pmdrw-body img{
	max-width: 40% !important;
	margin: 10px 7px 10px 0;
}

.brand-buy{
	padding: 15px 5px 0;
}
.brand-buy-body{
	padding: 0 0 20px 30px;
}
.brand-buy-body::after{
	top: 5px;
	background: url(../img/brand-buy.png) no-repeat;
	background-size: 100%;
	width: 19px;
	height: 19px;
}
	.brand-buy-title{
		font-size: 1.7rem;
		line-height: 1.4em;
		margin-bottom: 5px;
	}

.brand-tbl {
    font-size: 1.6rem;
}

.brand-tbl>tbody>tr>td:last-child {
    width: 124px;
    text-align: right;
}
.brand-voice-img {
    width: 70px;
}
.brand-voice-catch {
    width: calc(100% - 70px);
    padding-left: 10px;
    font-size: 1.5rem;
}


/*宅配、出張おすすめ*/
.store_other{
	background: #EEE;
	padding: 1em 1em 0em;
	color: #666;
}
.store_other2{
	background: #FFF;
	padding: 1em 1em 0em;
}
#overlayer .store_other2 h4{
	font-weight: normal;
	color: #666;
	margin: 0 0 0.5em;
}
#overlayer .store_other2 .kaitori-nvi,
#overlayer .store_other2 .kaitori-nvi ul,
#overlayer .store_other2 .kaitori-nvi ul li{
	margin: 0;
	font-size: 1.3rem;
}
/*ジャンルテキストブランド一覧*/
.brand-list{
	padding: 0 10px 30px;
}
	.brand-list ul li{
		width: 50%;
		font-size: 1.3rem;
		padding: 7px;
	}

/*買取実績一覧*/

.price-list {
    padding: 10px 10px 0;
}

.price-list h2 {
    width: 100%;
    font-size: 2.1rem;
    text-align: center;
    margin: 0 0 0.5em;
    color: #06489B;
}

.price-list li{
	width: 50%;
	padding: 2px 2px 15px;
}


.price-list li h2,
.price-list li p.h2{
	font-size: 1.2rem;
}

/*買取実績詳細*/
.lower-visual {
    width: 100%;
    display: block;
    order: 0;
    margin-bottom: 10px;
}

.purchase-detail {
    padding: 20px 15px;
}
.purchase-detail .detail-box {
    margin-bottom: 20px;
}
.purchase-detail .detail-box figure {
    max-width: 80%;
    margin: 0 auto 20px;
}

.purchase-detail .purchase-name{
	font-size: 2.4rem;
	margin-bottom: 10px;
}

.purchase-detail .genre-brand{
	margin-bottom: 10px;
}

.purchase-detail .genre-brand>li{
	display: inline-block;
	margin-right: 5px;
	font-size: 1.4rem;
}

.purchase-detail .genre-brand>li>a,
.purchase-detail .genre-brand>li>span {
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    padding: 0.15em 1.5em;
}

	.purchase-detail .detail-box .info .purchase-title{
		font-size: 1.8rem;
		margin-bottom: 10px;
	}
	.purchase-detail .detail-box .info .read{
		font-size: 1.4rem;
		margin-bottom: 15px;
	}


.purchase-detail .detail-box .info table{
	margin-bottom: 25px;
}
		.purchase-detail .detail-box .info table>tbody>tr>th{
			text-align: left;
			padding: 0.6em 0.6em;
			font-size: 1.4rem;
		}
		.purchase-detail .detail-box .info table>tbody>tr>td{
			padding: 0.6em 0.8em;
			font-size: 1.4rem;
		}

.purchase-detail .detail-box .purchase-type{
	margin-bottom: 10px;
}
	.purchase-detail .detail-box .purchase-type >li{
		margin-right: 10px;
		font-size: 1.6rem;
	}
		.purchase-detail .detail-box .purchase-type >li>p{
			padding: 0.3em 2em;
			color:#fff;
		}

.purchase-detail .detail-box .info .price-box .other {
    position: relative;
    padding-left: 120px;
    margin-top: -10px;
}

.purchase-detail .detail-box .info .price-box .other>span{
	position: absolute;
	font-weight: bold;
	top:0;
	left:0;
	padding-left: 0.6em;
}

.purchase-detail .detail-box .info .price-box .self{
	color :#FF9944;
	position: relative;
	padding-left: 140px;
	margin-top: 10px;
}

.purchase-detail .detail-box .info .price-box .self>span{
	border:2px solid #FF9944;
	padding:  0.2em 0.7em;
	position: absolute;
	left:0.6em;
	top:5px;
}

.purchase-detail .detail-box .info .price-box .self>strong{
	font-size: 2.8rem;
}

.purchase-detail .assess-box{
	margin: 27px auto 10px;
	padding: 15px;
	-webkit-border-radius: 0.6em;
	border-radius: 0.6em;
	background: #E4EBF4;
}
.purchase-detail .assess-box .img{
	width: 21.7%;
	text-align: center;
	padding-right: 15px;
}
.purchase-detail .assess-box .img img{
	max-width: 128px;
}
.purchase-detail .assess-box .info{
	width: 78.3%;
}
.purchase-detail .assess-box .info .title{
	font-size: 2.2rem;
	margin-bottom: 0.5em;
}





/************************
* 自由レイアウト
************************/
.article-detail{
	padding: 0 10px 20px;
}
	.article-detail .heading-s,
	.article-detail .heading-ss,
	.products .article-detail p,
	.products .article-detail .heading-ss,
	.products .article-detail .heading-sm,
	.products .article-detail .all-text{
		padding: 0;
	}

	.article-detail p,
	.article-detail .all-text,
	.article-detail .all-text li {
	    padding: 0;
	    font-size: 1.3rem;
	}

	.article-detail .heading-ss {
	    font-size: 1.6rem;
	    margin-bottom: 0.6em;
	}

	.article-detail h3.heading-ss {
	    font-size: 1.8rem;
	    margin-bottom: 0.6em;
	}

	.article-detail h4.heading-ss,
	.article-detail p.heading-ss {
	    font-size: 1.5rem;
	    margin-bottom: 0.6em;
	}

	.article-detail h4 {
	    font-size: 1.5rem;
	    margin: 0.2em 0;
	}

	.article-detail .heading-sm{
	    font-size: 1.3rem;
	}


	.article-detail .single-img {
    	margin: 0;
	}

	.article-detail figcaption,
	#cate0 .article-detail figcaption center,
	.article-detail .single-img figcaption {
	   font-size: 1.4rem;
	}

	.products .article-detail p {
	    padding: 0px;
	}

	.article-detail a {
	    font-size: 1.4rem;
	}

	.article-detail .main-info {
		display: block;
	    margin-bottom: 20px;
	    width: 90%;
	    margin:0 auto;
	}
	.article-detail .main-info>.box{
		width: 100%;
		padding:0;
	}

	.article-detail .main-info>figure.box{
	    margin: 0 0 10px;
		margin:0 auto 10px;
	}
	.article-detail .main-info>div.box {
	    padding: 0;
	}
	.tbl-sm th, .tbl-sm th,
	.tbl-sm th, .tbl-sm td,
	.tbl-sm th, .tbl-sm td a{
	    font-size: 1.2rem;
	}

	.article-detail figure.f-left,
	.article-detail figure.f-right {
		width: 60%;
		max-width: 100%;
		display: block;
		float:none !important;
		padding: 0 0 10px !important;
		margin:0 auto;
	}
	.article-detail .all-text table.soba td:nth-child(2),
	.article-detail .all-text table.soba td:nth-child(3){
		font-size: 1.4rem;
	}
	.article-detail figure {
	    float: none !important;
	    margin: 0 auto;
	}

	.products .article-detail figure.f-left,
	.products .article-detail figure.f-right {
		width: 80%;
		max-width: 100%;
		display: block;
		float:none !important;
		padding: 20px 0 30px !important;
		margin:0 auto;
	}

	.products .article-detail figure {
	    float: none !important;
	    margin: 0 auto;
	}

	.detail .wrap {
	    padding: 0px 6%;
	}

	.detail .wrap .sns-btn2{
		margin-bottom: 30px;
	}

	.article-detail .main-info {
	    width: 100%;
	    padding: 0px;
	}

	.article-detail .block {
	    margin: 0 0 20px;
	    overflow: hidden;
	}

	.article-detail p {
	    padding: 0 3%;
	    font-size: 1.3rem;
	}

	.article-detail .tbl-lg>tbody>tr>th {
		width: 1%;
		padding: 0.6em 1em;
	    font-size: 1.4rem;
	}
	.article-detail .tbl-lg>tbody>tr>td {
	    padding: 0.5em 1em;
	    font-size: 1.4rem;
	}

		/* faq */

	#qanda h3 {
	    margin: 30px 0 15px;
	    font-size: 2.6rem;
	    text-align: center;
	    color: #06489B;
	}

	#qanda h3 p {
	    display: inline-block;
	    font-size: 2rem;
	}


	#qanda .question p,
	#qanda .answer p {
	    line-height: 1.3em;
	}


	#qanda .tab {
		display: block;
		height: auto;
	}

	#qanda .tab li {
	    display: block;
	    width: 100%;
	    margin-bottom: 10px;
	}

	#qanda .tab li a{
		padding-left: 20px;
		text-align: left;
		font-size: 1.4rem;
	}

	#qanda .question .icon {
	    position: absolute;
	}

	#qanda .icon {
	    top: 5px;
	    left: 10px;
	    font-size: 2.4rem;
	}

	#qanda .question .img {
	    display: inline-block;
	    width: 180px;
	    margin-bottom: 10px;
	}

	#qanda .question {
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
	    font-size: 1.4rem;
	    padding: 15px 20px 15px 45px;
	}

	#qanda .question p.img-text {
	    width: 100%;
	}

	#qanda .answer {
	    font-size: 1.4rem;
	    padding: 15px 20px 25px 45px;
	}

	#qanda .list {
	    display: none;
	    margin: 0 0 0px;
	}

.blog-detail time{
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0em;
	font-size: 1.3rem;
}

.blog-detail .blog-title {
	font-size: 2rem;
    margin-bottom: 1em;
}


/************************
* 自由レイアウトブログ
************************/
#blog .blog-list>article>a{
	display: block;
	padding: 0 20px;
}

#blog .blog-list>article>a>time {
    padding: 1em 1em 0 0px;
    white-space: nowrap;
    margin-right: 20px;
    margin-bottom: 10px;
    display: block;
    font-size: 1.3rem;
}

#blog .blog-list>article>a>p {
    padding: 0 1em 1em 0px;
    width: 100%;
}

.blog-detail{
	padding: 20px 10px 20px;
}
	.blog-detail .heading-s,
	.blog-detail .heading-ss,
	.products .blog-detail p{
		padding: 0;
	}

	.blog-detail p,
	.blog-detail .all-text,
	.blog-detail .all-text li {
	    padding: 0;
	    font-size: 1.3rem;
	}
	.blog-detail .heading-s {
	    font-size: 2.0rem;
	}
	.blog-detail .heading-ss {
	    font-size: 1.6rem;
	    margin-bottom: 0.6em;
	}

	.blog-detail h3.heading-ss {
	    font-size: 1.8rem;
	    margin-bottom: 0.6em;
	}

	.blog-detail h4.heading-ss,
	.blog-detail p.heading-ss {
	    font-size: 1.5rem;
	    margin-bottom: 0.6em;
	}

	.blog-detail h4 {
	    font-size: 1.5rem;
	    margin: 0.2em 0;
	}

	.blog-detail .heading-sm{
	    font-size: 1.3rem;
	}


	.blog-detail .single-img {
    	margin: 0;
	}

	.blog-detail figcaption,
	#cate0 .blog-detail figcaption center,
	.blog-detail .single-img figcaption {
	   font-size: 1.4rem;
	}

	.products .blog-detail p {
	    padding: 0px;
	}

	.blog-detail a {
	    font-size: 1.4rem;
	}

	.blog-detail .main-info {
		display: block;
	    margin-bottom: 20px;
	    width: 90%;
	    margin:0 auto;
	}
	.blog-detail .main-info>.box{
		width: 100%;
		padding:0;
	}

	.blog-detail .main-info>figure.box{
	    margin: 0 0 10px;
		margin:0 auto 10px;
	}
	.blog-detail .main-info>div.box {
	    padding: 0;
	}
	.tbl-sm th, .tbl-sm th,
	.tbl-sm th, .tbl-sm td,
	.tbl-sm th, .tbl-sm td a{
	    font-size: 1.2rem;
	}

	.blog-detail figure.f-left,
	.blog-detail figure.f-right {
		width: 80%;
		max-width: 100%;
		display: block;
		float:none !important;
		padding: 0 0 10px !important;
		margin:0 auto;
	}

	.blog-detail figure {
	    float: none !important;
	    margin: 0 auto;
	}


	.blog-detail .block {
	    margin: 0 0 20px;
	    overflow: hidden;
	}

	.blog-detail p {
	    padding: 0 3%;
	    font-size: 1.3rem;
	}

	.blog-detail .tbl-lg>tbody>tr>th {
		width: 1%;
		padding: 0.6em 1em;
	    font-size: 1.4rem;
	}
	.blog-detail .tbl-lg>tbody>tr>td {
	    padding: 0.5em 1em;
	    font-size: 1.4rem;
	}

.blog-detail .blog-body img{
	width: auto;
}


/**********************************************************
* トップページ
**********************************************************/

#top-main-visual{
	position: relative;
	width: 100%;
	padding: 0 0 10px;
	padding-top: 91.2%;
	order: 0;
}
#top-main-visual .main-slider{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
}

#top-main-visual .main-slider .swiper-slide{
	min-width: 0;
}


			#top-main-visual .main-slider .top-prev-button{
				margin-top: -19px;
				margin-left: 0px;
				left:0;
				width: 50px;
				height: 50px;
				z-index: 100;
				border-radius: 	0;
				background: transparent;
			}

			#top-main-visual .main-slider .top-next-button{
				margin-top: -19px;
				margin-right: 0px;
				right:0;
				width: 50px;
				height: 50px;
				z-index: 100;
				border-radius: 	0;
				background: transparent;
			}

				#top-main-visual .main-slider .top-prev-button::after {
					content:"";
					position: absolute;
					display: block;
				    left: 10px;
				    top: 50%;
				    margin-top: -10px;
				    border-top: 2px solid #666;
				    border-left: 2px solid #666;
				    transform:rotate(-45deg);
				    width: 15px;
				    height: 15px;
				    z-index: 2;
				}
				#top-main-visual .main-slider .top-next-button::after {
				    content: "";
				    position: absolute;
				    right: 10px;
				    top: 50%;
				    margin-top: -10px;
				    border-top: 2px solid #666;
				    border-right: 2px solid #666;
				    transform: rotate(45deg);
				    width: 15px;
				    height: 15px;
				    z-index: 2;
				}


#top-main-visual .swiper-slide a{
	display: block;
	padding: 0;
}
#top-main-visual .swiper-slide {
	width: 100% !important;
}
#top-main-visual .swiper-slide a img {
	width: 100%;
    max-width: none;
}


/* line */

#line {
    width: 100%;
}

#line .line-conts {
	padding: 0 10px;
}

#line .step-list-a{
	margin-bottom: 20px;
}

#line .line-ttl{
	max-width: 280px;
	margin: 15px auto;
	padding: 0.5em 0px;
	font-size: 2rem;
}

#line .step-a{
	font-size: 1.5rem;
	margin-bottom: 20px;
}

#line .step-a .ttl{
	font-size: 1.9rem;
	margin-bottom: 8px;

}

#line .step-a .img-box{
	width: 48%;
	text-align: right;
	padding-right: 3%;
}

#line .step-a .img-box img{
	border:1px solid #ddd;
}
#line .step-a .txt-box {
    width: 52%;
    padding-right: 5%;
    padding-top: 5px;
}

#line .line-banner{
}

#line .line-banner .ttl{
	font-size: 1.8rem;
	padding: 0.8em 5px;
}
#line .line-banner-body{
	width: 100%;
	padding:30px;
}

#line .step-list-b{
	margin:20px auto 0;
}


#line .step-b{
	font-size: 2rem;
	margin-bottom: 15px;

}

#line .step-b .ttl {
    font-size: 1.8rem;
    width: 52%;
    margin-bottom: 10px;
}

#line .step-b .img-box{
	width: 48%;
	padding-right: 3%;
}
#line .step-b .txt-box{
	width: 52%;
	padding-right: 0;
}
#line .step-b .txt-box p {
    font-size: 1.6rem;
}


#line .group2{
	padding-top: 10px;
}
#line .point-ttl{
	position: relative;
	font-size: 2.2rem;
}
#line .point-ttl>span{
	position: absolute;
	left:0;
	top:0;
	width: 30px;
	height: 30px;
	display: block;
	background: #666666;
	font-size: 1.8rem;
	line-height: 30px;
}

#line .exp {
    font-size: 1.5rem;
    margin: 10px 0 10px;
}

#line .example-list{
	padding-top: 20px;
	margin-bottom: 30px;
}

#line .example{
	margin-bottom: 15px;
}

#line .group3 .line-ttl {
    margin: 25px auto;
    margin-bottom: 25px;
    padding: 0.5em 0px;
}

#line .example .img-box{
	width: 28%;
	padding-left: 0px;
}

#line .example .txt-box{
	width: 72%;
}

#line .example .txt-box .ttl {
    font-size: 2rem;
    margin: 0 0 0.5em;
}

#line .example .txt-box .list {
    font-size: 1.4rem;
}

#line .example .txt-box .list>li{
	position: relative;
	padding-left: 1em;
}
#line .example .txt-box .list>li>span{
	display: inline-block;
	position: absolute;
	left:0;
	top:0;
}

#line .caution-box {
    margin: 20px 0 20px;
    border: 1px solid #666;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 15px 15px;
}

#line .caution-ttl{
	font-size: 1.8rem;
	color:#FF0000;
	margin-bottom: 0.5em;
}
#line .caution-list{}

#line .caution-list>li{
	position: relative;
	padding-left: 1.1em;
	margin-bottom: 1em;
}

#line .caution-list>li>span{
	position: absolute;
	left:0;
	top:0;
}


/*side-box*/
.side-box p{
	text-align: center;
	font-size: 1.6rem;
}
.side-box .tel {
    font-size: 4rem;
}

.store-box .msg2{
	margin-bottom: 10px;
}


.store-info li {
    margin-bottom: 15px;
}

.overlayer1 .mnu .store li a p strong{
	display: block;
	font-size: 1.3em;
}

.overlayer1 .mnu .satei li a p:nth-child(1){
	width: 24%;
	padding: 0.7em 1em;
}
.overlayer1 .mnu .satei li a p{
	font-size: 1.2em;
	font-weight: 700;
}
.overlayer1 .mnu li a p span{
	font-size: 1.0rem;
	font-weight: normal;
}
.overlayer1 .mnu .store li a p span{
	display: block;
	font-size: 1.3rem;
}
.overlayer1 .store .kaitori-nvi ul li a .item {
    font-size: 1.6rem;
    font-weight: bold;
}
.overlayer1 .store .kaitori-nvi ul li a {
	font-size: 1.4rem;
}

.overlayer1 .mnu,
.overlayer2 .mnu {
    width: 80%;
    padding: 0;
}


.overlayer1 .store_other2 h4 {
    font-weight: normal;
    margin: 0 0 0.5em;
}

.lity-close {
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
}

.lity-close:hover{
	padding: 0;
    font-size: 30px !important;
}

.kaitori-modal {
    padding: 20px;
    background: #fff;
}

.kaitori-modal-img {
    margin-bottom: 20px;
}

.kaitori-modal-btn {
    padding:25px 20px;
}

.kaitori-modal-ttl {
    font-size: 2.4rem;
}

.kaitori-modal-msg {
    font-size: 1.4rem;
}

.kaitori-modal-btn::after {
    right: 20px;
    width: 20px;
    height: 20px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
}




/*ストア詳細*/

	.store-block .info-box .store-table td,
	.store-block .info-box .store-table th {
	    font-size: 1.4rem;
	    display: block;
	    width: 100%;
	}
		.store-block .info-box .store-table th {
			border-top: none;
			border-bottom: none;
		}
		.store-block .info-box .store-table tr:first-child th {
			border-top:1px solid #ccc;
		}

	.store-block,
	.store-block .img-box,
	.store-block .info-box{
		display: block;
		width: 100%;
	}
	.store-block .img-box {
	    max-width: 80%;
	    margin: 20px auto;
	    padding-right: 0;
	}

	.store-block .img-box .store-info li {
	     border:none;
	}

	.store-block .thumb ul>li{
		margin-right:8px;
		cursor: pointer;
	}

	.store-block .thumb ul>li:nth-child(4n){
		margin-right:0;
	}

	.store-block .thumb ul>li img{
		width: 100%;
	}
.service-pr{
	padding: 0.7em 0.7em 0.3em;
	color: #0085B2;
}
.service-pr h4 {
	font-size: 1.6rem;
	font-weight: 300;
	margin: 0 0 0.3em;
}
.service-pr h2{
	font-size: 2.8rem;

}
.service-pr h2 br{display: inline;}

.info-pr{
	padding: 0.5em 7px 0.5em;
	text-align: center;
}
.info-sp{
	display: block;
}

	.relation-blog li{
		width: 100%;
	}

.voice .link{
	padding-bottom: 20px;
}

/*ブランドYoutube動画*/
.movie-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 10px;
}
	.movie-list li{
		width: 100%;
		padding-bottom: 15px;
	}
	.movie-list li:nth-child(n+4){
		display: none;
	}
	.movie-list li iframe{
		width: 100% !important;
		height: 200px !important;
		height: 50vw !important;
		vertical-align: bottom;
	}

/*768以下*/
}





/***********************************************************************************************************************
* 横サイズ620px以下
***********************************************************************************************************************/
@media screen and (max-width: 620px){
.case_study .img,
.case_study .txt{
	float: none;
	width: 100%;
	margin-left: 0;
}
.case_study .img{
	margin-bottom: 20px;
	text-align: center;
}
	.case_study .img img{
		width: 70%;
	}
.case_study .other-price{
	text-align: center;
}
.case_study .txt ul{
justify-content: center;
}
.case_study .txt li{
	font-size: 2.0rem;
}
.case_study .txt li strong{
	font-size: 2.2rem;
}
.case_study .txt li i{
	font-size: 1.2rem;
}
.case_study .txt li span {
    padding: 0.2em 0.4em;
    margin-right: 0.2em;
	font-size: 1.4rem;
}
.case_study .yen em{
	font-size: 5rem;
}
/*スワイプの場合のみ*/
.swiper-wrapper .case_study .txt h3{
	padding: 0 20px;
}

/*おまとめ査定*/
.omatome-box .box{
	padding: 0 0.6em;
}
.omatome-box .box .img{
	width: 43%;
}
.omatome-box .box .txt{
	margin-left: 45%;
	text-align: left;
	position: relative;
	padding: 0 0 40px 1vw;
}
.omatome-box .box .txt h3 span{
	font-size: 3.2vw;
}
.omatome-box .box .txt h3 strong{
	font-size: 9.1vw;
}
.omatome-box .box .txt h3 i{
	font-size: 3.7vw;
}

/*620以下*/
}



/***********************************************************************************************************************
* 横サイズ320px以下
***********************************************************************************************************************/
@media screen and (max-width: 320px){
.price-list li{
	width: 100%;
}


/*320以下*/
}