/*
    Theme Name: Gensan_WebSite
    Version: 1.0
*/

@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/mplus1p.css');
@import url('https://fonts.googleapis.com/css?family=Maven+Pro:900');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:900&display=swap');

/* reCAPTCHA v3　表示位置 */
.grecaptcha-badge{
    margin-bottom: 0px;
    z-index:-1;
}

a:hover {
	text-decoration: none;
}
.header {
	height: 200px;
	position:relative
	}
/* ロゴ */
.header h1 {
	margin:0;
	position:absolute;
	top:10px;
	}
/* キャッチコピー */
.header_comment {
	background: url(img/header_comment_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	position:absolute;
	top:5px;
	left:170px;
	width:300px;
	height: 190px;
	font-weight: 400;
	font-size:1.7rem;
	text-indent: -9999px;
	}
	.header_comment_iwata {
		background: url(img/header_comment_bg_iwata.png);
		background-repeat: no-repeat;
		background-size: cover;
		position:absolute;
		top:5px;
		left:170px;
		width:300px;
		height: 190px;
		font-weight: 400;
		font-size:1.7rem;
		text-indent: -9999px;
		}

.header_comment span.by_rcm,span.eigyou_time {
	display:block;
	margin-top:15px;
	color:#FFFFFF;
	font-weight:700;
	font-size:1.2rem;
	background-color: #df6262;
	border-radius: 5px;
  padding: 7px;
	}
@media (max-width: 992px) {
	.header_comment {
		background: url(img/header_comment_Mbg.png);
		background-repeat: no-repeat;
		background-size: cover;
		left:156px;
		width:190px;
		font-weight: 400;
		font-size:1.3rem;
		text-indent: -9999px;
		}
		.header_comment_iwata {
		background: url(img/header_comment_Mbg.png);
		background-repeat: no-repeat;
		background-size: cover;
		left:156px;
		width:190px;
		font-weight: 400;
		font-size:1.3rem;
		text-indent: -9999px;
		}
		.header_comment span.by_rcm {
		font-size:1.3rem;
		width: 210px;
		}
}
/* 源さん印 */
.gensan_stamp {
	position:absolute;
	top:94px;
	right:335px;
}
.gensan_stamp_image {
	height:86px;
	width:auto;
	}
.header_company {
	font-size: 1.5rem;
	font-weight: 400;
	position:absolute;
	top:65px;
	right:260px;
}
.header_privacy {
	font-size: 1.5rem;
	font-weight: 400;
	position:absolute;
	top:65px;
	right:30px;
}
/* 電話番号 */
.tel_box {
	position:absolute;
	top:94px;
	right:15px;
	width: 320px;
	height: 86px;
	border-width: 7px;
	border-color: #80c269;
	border-style: solid;
	background-color: #cce198;
}
.tel_box_inner {
	position:relative;
}
.tel_box_message {
	position:absolute;
	top:2px;
	font-size:1.3rem;
	width:100%;
	text-align:center;
}
.tel_icon {
	position:absolute;
	top:12px;
	left:10px;
	}
.tel_namber {
	font-family: 'Maven Pro', sans-serif;
	font-size:3.2rem;
	position:absolute;
	top:15px;
	left: 65px;
}
.tel_box_eigyou {
	position:absolute;
	top:50px;
	font-size:1.5rem;
	width:100%;
	text-align:center;
	font-weight: 600;
}
/** 入野 磐田バナー **/
.header_shop {
	position:absolute;
	top:94px;
	right:15px;
	width: 402px;
	height: 86px;
}
.header_shop .header_shop_irino {
	position:absolute;
	right: 202px;
	top :0;
}
.header_shop .header_shop_iwata {
	position:absolute;
	right: 0;
	top :0;
}

/* ナビ */
/* モバイル ドロワー */
@media (max-width: 992px) {
	  .drawer-nav {
			background-color: #6ab3d6;
		}
		.drawer-menu-item {
			font-size: 1.5rem;
			display: block;
			padding: 15px 5px;
			text-decoration: none;
			color: #fff;
			font-weight: 600;
		}
		.drawer-menu li {
			padding: 10px 5px;
			border-bottom: solid 1px #409be7;
			margin-left: 7px;
		}
		.drawer-menu li a {
			color:#fff;
		}
}
/* PC */
nav.pc_view {
	height: 80px;
	background-color: #6ab3d6;
}
nav.pc_view ul li {
	float: left;
	width: 12.5%;
	color: #FFFFFF;
	text-align: center;
	line-height: 80px;
	font-weight: bold;
	list-style:none;
}
nav.pc_view ul li a {
	color:#FFF;
	display:block
}
nav.pc_view ul li a:hover {
	color:#FFF;
	background-color: #448aca;/*#448aca;*/
	text-decoration:none;
}
/* 宅配ページ専用PCメニュー */
nav.slimpc_view {
	height: 35px;
	background-color: #6ab3d6;;/*#6ab3d6;*/
}
nav.slimpc_view ul li {
	float: left;
	width: 12.5%;
	color: #125;/*FFFFFF;*/
	text-align: center;
	line-height: 35px;
	list-style:none;
}
nav.slimpc_view ul li a {
	color:#FFF;/*FFFFFF;*/
	font-weight:800;
	display:flex;
	justify-content: center;
	align-items: center;
}
nav.slimpc_view ul li a:hover {
	color: #eeF;
	background-color: #448aca;
	text-decoration:none;
}
/* サイドバー */
.side_bar {
	background-color: #FFF;
	background-color: rgba(255,255,255,0);
	}
.line_banner,
.youtube_banner,
.price_banner {
	margin:0 0 10px 0;
}
.side_bar h3 {
	border-width: 8px;
	border-color: #004986;
	border-style: solid;
	background-color: #6ab3d6;
	text-align:center;
	color:#FFFFFF;
	height: 35px;
	font-weight: 800;
	font-size:16px;
	line-height:1;
	margin:0;
}
.side_bar_textbox {
	border-width: 8px;
	border-color: #6ab3d6;
	border-style: solid;
	background-color: #FFF;
	padding:8px;
	font-size:1.4rem;
	line-height:1.8;
	}
.side_bar_explanation {
		text-align:center;
		color: #777;
		font-size: 10px;
		line-height: 1;
		margin: 0;
	}
/***** 宅配 出張 店頭 *****/
.kaitori_type {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px 0;
}
.kaitori_type .takuhai,
.kaitori_type .tentou,
.kaitori_type .shucchou {
	width: 30%;
	text-align: center;
	margin: 5px;
	font-size: 40px;
	font-weight: 800;
}
.takuhai_more {
    background-color: #233B6C;/*f19149*/
	box-shadow: 0 5px 0 #125;/*#e18139*/
	border-radius: 22.5px;
    text-align: center;
    color: #FFFFFF;
    height: 55px;
    font-weight: 800;
    font-size: 23px;
    line-height: 2.5em;
    margin: -2px auto 2px;
	width:60%;
}
.takuhai_more a {color: #FFFFFF;}
.takuhai_more a:hover {color: #FFFFFF;}
.takuhai_more:hover {
    background-color: #233B6C;/*f19149*/
	box-shadow: 0 3px 0 #125;/*#e18139*/
    margin: 2px auto -2px;
}
@media (max-width:480px) {
	.kaitori_type .takuhai,
	.kaitori_type .tentou,
	.kaitori_type .shucchou {
		font-size:18px;
	}
	.takuhai_more {
		border-radius: 25px;
		text-align: center;
		color: #FFFFFF;
		height: 50px;
		font-weight: 800;
		font-size: 16px;
		line-height: 3.5em;
		margin: 0px auto 2px;
		width:95%;
	}
}
.kaitori_type .takuhai a,
.kaitori_type .tentou a,
.kaitori_type .shucchou a {
	display: block;
	padding: 20px 0;
	border-radius: 4px;
	color: #fff;
}
.kaitori_type .takuhai a {
	background-color: #7ec65d;
	border-bottom: 3px solid #659e4a;
}
.kaitori_type .tentou a {
	background-color: #fbca1a;
	border-bottom: 3px solid #d0ab26;
}
.kaitori_type .shucchou a {
	background-color: #f64991;
	border-bottom: 3px solid #bb2564;
}
.kaitori_type .takuhai a:hover,
.kaitori_type .tentou a:hover,
.kaitori_type .shucchou a:hover {
	border-bottom: none;
	position: relative;
	top: 3px;
}
.kaitori_type .sub_txt {
	display: block;
	font-size: 11px;
}

/***** フッター *****/
.footer {
	margin-top:30px;
	background-color:#333;
	color:#fff;
	padding: 10px;
/*	height: 150px; */
}
.footer span {
	color: #BBB;
	display: block;
	text-align: center;
	margin-top: 0px;
}
.footer h5 {
	color: #BBB;
	display: block;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}
@media (max-width: 992px) {
	.footer {
/*			height: 380px; */
		background-color: #333;
	}
	.footer h4 {
		width: 95%;
		margin: 20px auto;
	}
	.footer span {
		color: #BBB;
		display: block;
		text-align: center;
		margin-top: 0px;
	}
	.footer h5 {
		color: #BBB;
		display: block;
		text-align: center;
		margin-top: 0px;
		margin-bottom: 50px;
	}
}

/*---page_top----*/
#pagetop{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  bottom: 60px;
  background: #3f98ef;
  opacity: 0.6;
  border-radius: 50%;
    z-index: 9;
}
#pagetop a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#pagetop a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.footer .container .row .comment_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footer .container .row .comment_wrap .txt_left {
	width: 20%;
}
.footer .container .row .comment_wrap .txt_right{
	width: 80%;
	padding-right: 20px;/*2024.08.27追加*/
    padding-bottom: 15px;/*2024.08.27追加*/
}
.footer .container .row .comment_wrap .txt_right .separater{
	color:#888;/*2024.08.27追加*/
}
@media (max-width:992px) {
	.footer .container .row .comment_wrap {
		width: 100%;
		margin: 20px auto;
	}
	.footer .container .row .comment_wrap .txt_left {
		width: 100%;
	}
	.footer .container .row .comment_wrap .txt_right{
		width: 100%;
		padding-right: 0px;/*2024.08.27追加*/
		padding-bottom: 5px;/*2024.08.27追加*/
	}
}
/***** 共通 *****/
/***** パンくずリスト *****/
.breadcrumb_list {
	height: 70px;
	padding:7px 20px;
	line-height:50px;
	}
@media (max-width: 992px) {
	.breadcrumb_list {
		background-color: #fef1d7;
		padding:7px 20px;
		line-height:20px;
		margin: -20px 0 15px 0;
		height: auto;
    border-top: 1px #ccc solid;
		border-bottom: 1px #ccc solid;
		font-size: 0.8em;
		}
		.breadcrumbs {
			width: 100%;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
		.breadcrumb_home {
			border: solid 1px #f66;
		  padding: 2px 4px;
		  border-radius: 3px;
		  background: #fdd;
		}
}
h1.nomal {
	border-width: 8px;
	border-color: #004986;
	border-style: solid;
	background-color: #6ab3d6;
	text-align:center;
	color:#FFFFFF;
	font-weight: 800;
	font-size:26px;
	line-height:1;
	margin-top:0;
	padding: 10px;
	}
h2.nomal {
	border-width: 8px;
	border-color: #004986;
	border-style: solid;
	background-color: #6ab3d6;
	text-align:center;
	color:#FFFFFF;
	font-weight: 800;
	font-size:26px;
	line-height:1;
	margin-top:0;
	padding: 10px;
	}
	@media (max-width: 992px) {
		h1.nomal {
		font-size:1.4rem;
		line-height:1.5;
		}
		h2.nomal {
		font-size:1.4rem;
		line-height:1.5;
		}
	}
h2.orange {
	background-color: #f19149;
	text-align:center;
	color:#FFFFFF;
	height: 55px;
	font-weight: 800;
	font-size:26px;
	line-height:2;
	margin-top:0;
}
/* 電話をかけるボタン */
@media (max-width: 992px) {
	.tel_button_fixed{
		background-color:rgba(0, 0, 0, 0.3);
		position:fixed;
		bottom:0;
		width:100%;
		}
	.tel_button {
		display:block;
		text-align:center;
		line-height:50px;
		width:70%;
		height: 50px;
		margin:10px auto 10px auto;
		background-color:#E77427;
		color:#fff;
		border-radius :4px;
		}
	.tel_button_2 {
		display:inline-block;
		text-align:center;
		line-height:50px;
		width:40%;
		height: 50px;
		margin:10px 4.5% 10px 4.5%;
		background-color:#E77427;
		color:#fff;
		border-radius :4px;
		}

		/* new */
		.dropmenu{
	  *zoom: 1;
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	}
	.dropmenu img {
		display: block;
		width: 100%;
}
	.dropmenu:before, .dropmenu:after{
	  content: "";
	  display: table;
	}
	.dropmenu:after{
	  clear: both;
	}
	.dropmenu li{
	  position: relative;
	  width: 25%;
	  float: left;
	  margin: 0;
	  padding: 2px;
	  text-align: center;
	}
	.dropmenu li a{
	  display: block;
	  margin: 0;
	  padding: 0;
	  color: #fff;
	}
	.dropmenu li ul{
	  list-style: none;
	  position: absolute;
	  z-index: 9999;
	  top: -100%;
	  left: 0;
	  margin: 0;
	  padding: 0;
	  width: 300%;
	}
	.dropmenu li ul img {
	  width: 100%;
	}
	.dropmenu li ul li{
	  width: 33.3%;
	  display: inline-block;
	}
	.dropmenu li ul li a{
	  border-top: 1px solid #FFF;
	}
	.dropmenu li:hover > a{
	}
	.dropmenu li a:hover{
	}
	#fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
	}
	#fade-in li:hover ul{
	  visibility: visible;
	  opacity: 1;
	}
	#fade-in li ul li a{
	  visibility: hidden;
	  opacity: 0;
	  transition: 1s;
	}
	#fade-in li:hover ul li a{
	  visibility: visible;
	  opacity: 1;
	}

	/* 新フローティングバナー 3ボタン用 */
	.three_dropmenu{
	*zoom: 1;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.three_dropmenu img {
	display: block;
	width: 100%;
	border-radius: 5px;
}
.three_dropmenu:before, .three_dropmenu:after{
	content: "";
	display: table;
}
.three_dropmenu:after{
	clear: both;
}
.three_dropmenu li{
	position: relative;
	width: 33.3%;
	float: left;
	margin: 0;
	padding: 2px;
	text-align: center;
}
.three_dropmenu li a{
	display: block;
	margin: 0;
	padding: 0;
	color: #fff;
}
.three_dropmenu li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: -100%;
	left: 0;
	margin: 0;
	padding: 0;
	width: 300%;
}
.three_dropmenu li ul img {
	width: 100%;
}
.three_dropmenu li ul li{
	width: 33.3%;
	display: inline-block;
}
.three_dropmenu li ul li a{
	border-top: 1px solid #FFF;
}
.three_dropmenu li:hover > a{
}
.three_dropmenu li a:hover{
}

}
/* 新フローティングバナー 1ボタン用 */
.one_dropmenu{
*zoom: 1;
list-style-type: none;
margin: 0;
padding: 0;
}
.one_dropmenu img {
display: block;
width: 100%;
border-radius: 5px;
}
.one_dropmenu:before, .one_dropmenu:after{
content: "";
display: table;
}
.one_dropmenu:after{
clear: both;
}
.one_dropmenu li{
position: relative;
width: 99.9%;
float: left;
margin: 0;
padding: 2px;
text-align: center;
}
.three_dropmenu li a{
display: block;
margin: 0;
padding: 0;
color: #fff;
}
.one_dropmenu li ul{
list-style: none;
position: absolute;
z-index: 9999;
top: -100%;
left: 0;
margin: 0;
padding: 0;
width: 300%;
}
.one_dropmenu li ul img {
width: 100%;
}
.one_dropmenu li ul li{
width: 99.9%;
display: inline-block;
}
.one_dropmenu li ul li a{
border-top: 1px solid #FFF;
}
.three_dropmenu li:hover > a{
}
.three_dropmenu li a:hover{
}

/* 新フローティングバナー 5ボタン用 */
.five_button_fixed{
	background-color:rgba(255, 255, 255, 0.9);;
	position:fixed;
	bottom:0;
	padding: 5px 0;
	width:100vw;
	}
.five_dropmenu{
		*zoom: 1;
		list-style-type: none;
		margin: 0;
		padding: 0;
}
.five_dropmenu img {
		display: block;
		width: 100%;
}
.five_dropmenu:before, .five_dropmenu:after{
		content: "";
		display: table;
}
.five_dropmenu:after{
		clear: both;
}
.five_dropmenu li{
		position: relative;
		width: 20%;
		float: left;
		margin: 0;
		padding: 2px;
		text-align: center;
}

.five_dropmenu li a{
		display: block;
		margin: 0;
		padding: 0;
		font-size: 7px;
		color: #336;
}
.five_menu a::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0c9\A";
	white-space: pre;
	font-size: 18px;
  }
.five_box a::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f466\A";
	white-space: pre;
	font-size: 18px;
}
.five_line a::before{
	font-family: "Font Awesome 5 Brands";
	font-weight: 400;
	content: "\f3c0\A";
	white-space: pre;
	font-size: 18px;
}
.five_mail a::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0e0\A";
	white-space: pre;
	font-size: 18px;
}
.five_contact a::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f2bb\A";
	white-space: pre;
	font-size: 18px;
}
.five_tel a::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f3cd\A";
	white-space: pre;
	font-size: 18px;
}
.five_home a::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f015\A";
	white-space: pre;
	font-size: 18px;
}
.five_shoplist a::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f54f\A";
	white-space: pre;
	font-size: 18px;
}



/* 全国対応 買取依頼フォームはこちら エリア */
.cont_text_area {
	padding: 5px;
	margin-bottom: 20px;
}
.cont_text {
	text-align: center;
	font-size: 1.8rem;
}
.cont_text2 {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #FFF;
}

.to_flow_link {
	text-align: center;
	font-size: 2.5rem;
	font-weight: 600;
	margin-bottom: 10px
}
.to_flow_link a {
	color:#1398a1;
	text-align: none;
	display: block;
}
.to_flow_link a:hover {
	text-decoration: underline;
}
.cont_text_area .to_form_button2 {
	width: 90%;
	margin: 0 auto 20px auto;
	text-align: center;
}
.cont_text_area .to_form_button2 a {
	background-color: #f8b551;
	display: block;
	font-size: 3rem;
	color: #FFF;
	font-weight: 800;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 50px;
	border-radius: 4px;
}
.cont_text_area .to_form_button2 a:hover {
	background-color: #fcce89;
}
.cont_text_area .to_form_button2 span.text_s {
	font-size: 3rem;
}
@media (max-width: 992px) {
		.cont_text {
			text-align: center;
			font-size: 1.4rem;
		}
		.cont_text_area .to_form_button2 a {
			font-size: 1.4rem;
		}
		.cont_text_area .to_form_button2 span.text_s {
			font-size: 1.2rem;
		}
	}
	/* LINE@友だち登録*/
	.line_friend {
		margin: -10px 0 20px 0;
	}
	.line_friend img {
		margin: 0 auto;
		max-width: 100%;
		height: auto;
		display: block;
	}
	@media (max-width: 421px){
		.line_friend {
			margin-top: -15px;
			margin-left: -15px;
			margin-right: -15px;
			margin-bottom: 5px;
		}

		.line_friend img {
			margin: 0 auto;
			max-width: 90%;
			height: auto;
			display: block;
		}
	}

/***** トップページ *****/
/* スライダー */
.slider {
	margin-bottom:30px;
	}
.slider img {
	width:100%;
	height:auto;}
/* PRエリア */
.pr_area_1 {
	padding:0;
	background-color: #f0d28a;
	margin-bottom:20px;
}
.pr_area_1 img {
	width: 100%;
	height: auto;
}
.pr_comment {
	background-image: url(img/pr_comment_bg.jpg);
	background-position: bottom;
	background-size:cover;
	font-size :1.5rem;
	line-height: 2;
	padding: 15px;
	margin-bottom: 20px;
	text-shadow: 2px 2px 1px #FFF,
		-2px 2px 1px #FFF,
		2px -2px 1px #FFF,
		-2px -2px 1px #FFF;
}
/* お知らせ */
.info-back {
	background: #fff;
}
.info-wrap {
	width: 90%;
	font-size: 1.5rem;
	margin: 0 auto;
}
.info-wrap h3 {
	font-size: 1.5rem;
	margin: 0;
}
.info-wrap .info_time {
	padding: 10px;
	margin: 0;
}
.info-wrap .info_title {
	padding: 10px;
	margin: 0;
}
@media (max-width: 992px) {
	.info-wrap table th {
		display: block;
		width: 100%;
		padding: 10px 10px 0 10px;
	}
	.info-wrap table td {
		display: block;
		width: 100%;
	}
}
/* 買取実績 */
.item_list {
	margin-bottom:30px;
}
.kaitori_item_link {
	color:#333;
	}
.kaitori_item {
	font-size:1rem;
	padding:5px;
}
.kaitori_item a:hover {
	color: #fff;
}
.kaitori_item .item_pic {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
}
.kaitori_item .item_pic img {
	object-fit: cover;
	width:100%;
	height:150px;
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.item_pic img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
/* カテゴリー一覧 */
.cat_item_pic {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
}
.cat_item_pic img {
	object-fit: cover;
	width:100%;
	height:180px;
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.cat_item_pic img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.kaitori_item .item_title {
	background-color: #bfbfbf;
	height: 85px;
	padding:4px 8px;
}
.kaitori_item .item_title h3 {
	color:#FFF;
	font-weight:bold;
	font-size:1.2rem;
	margin:0;
}
.kaitori_item .item_comment {
	background-color: #dcdcdc;
	padding:4px 8px;
	color: #666;
	height: 120px;
	overflow: hidden;
}
hr.hr_style1 {
	border-top: 1px dashed #ccc	;
	margin: 0;
}
.more_archive {
}
.more_archive a{
	display: block;
	background-color: #e4b543;
	padding: 15px 20px;
	margin: 15px 0;
	text-align: center;
	color: #fff;
	font-weight: 600;
}
.brand_pic img{
	width: 100%;
	height: auto;
}
/* お知らせフォーム */
.contact_form_comment2 {
	margin: 2px 2px 2px 2px;
	padding: 5px;
	border-radius: 4px;
	background-color: #fff;
}

/* お問合せフォーム */
.contact_form_comment {
	margin: 15px 18px 20px 18px;
	padding: 15px;
	border-radius: 4px;
	background-color: #dedede;
}
.contact_form {
	padding: 20px;
	clear: both;
	border-width: 15px;
	border-color: #f8b551;
	border-style: solid;
	background-color: #fae2be;
	margin: 20px;
}
.your_name {width: 100%;padding: 7px;border: solid #333 1px;border-radius: 3px;}
.your_email {width: 100%;padding: 7px;border: solid #333 1px;border-radius: 3px;}
.your_telephone {width: 100%;padding: 7px;border: solid #333 1px;border-radius: 3px;}
.comment {width: 100%;padding: 7px;border: solid #333 1px;border-radius: 3px;}
@media (max-width: 992px) {
	.contact_form {
		padding: 20px;
		clear: both;
		border-width: 15px;
		border-color: #f8b551;
		border-style: solid;
		background-color: #fae2be;
		margin: 0;
	}
	.your_name {width: 100%;}
	.your_email {width: 100%;}
	.your_telephone {width: 100%;}
	.comment {width: 100%;}
}
/***** 選ばれる5つの理由 *****/
.riyuu {
	margin: 0 0 50px 0;
	padding: 3%;
	min-height: 355px;
	}
h3.orange_title {
	color: #f49800;
	font-size: 36px;
	font-weight: 500;
	margin-bottom:30px;
	}
@media (max-width: 992px) {
	h3.orange_title {
		color: #f49800;
		font-size: 1.8rem;
		font-weight: 800;
		margin-bottom:20px;
		line-height: 1.5;
		}
}
.list_1 {
	padding-left:105px;
	background-image:url(./img/list_1.png);
	background-repeat:no-repeat;
	height:47px;
	line-height:1.8;
	}
.list_2 {
	padding-left:105px;
	background-image:url(./img/list_2.png);
	background-repeat:no-repeat;
	height:47px;
	line-height:1.8;
	}
.list_3 {
	padding-left:105px;
	background-image:url(./img/list_3.png);
	background-repeat:no-repeat;
	height:47px;
	line-height:1.8;
	}
.list_4 {
	padding-left:105px;
	background-image:url(./img/list_4.png);
	background-repeat:no-repeat;
	height:47px;
	line-height:1.8;
	}
.list_5 {
	padding-left:105px;
	background-image:url(./img/list_5.png);
	background-repeat:no-repeat;
	height:47px;
	line-height:1.8;
	}
.riyuu_pic {
	text-align:right;}
@media (max-width: 992px) {
	.list_1,
	.list_2,
	.list_3,
	.list_4,
	.list_5 {
		padding-left: 65px;
		background-size: 60px;
		background-position: 8px 0;
		}
	.riyuu_pic {
		text-align:center;
		margin-bottom: 15px;
	}
}
/***** 買取までの流れ *****/
.kaitori_campaignTxt {
	background: #6ab3d6;
    text-align: center;
    font-size: 1.5em;
    font-weight: 800;
    color: #FFF;
    width: 90%;
    margin: 10px auto;
    padding: 5px;
}
.kaitori_flow {
	margin: 0 0 50px 0;
	position:relative;
	}
.kaitori_flow_title {
	font-family: 'M PLUS 1p', sans-serif;
	color: #f49800;
	font-size: 36px;
	font-weight: 800;
	text-align:center;
	}
	.largeTxt {
		font-size: 4.5em;
		margin-top: -15px;
	}
.kaitori_flow .stepComment {}
@media (max-width :667px) {
	.kaitori_flow_title {
		font-size: 24px;
	}
.kaitori_flow .stepComment {font-size: 0.9em;}
}
.kaitori_flow_comment {
	text-align:center;
	font-size:1.5rem;
	border: solid 1px #666;
  border-radius: 4px;
  padding: 10px;
  width: 90%;
  margin: 0 auto 30px;
	}
.kaitori_box_comment {
		text-align:left;
		font-size:1.5rem;
		border: solid 1px #666;
	  border-radius: 10px;
	  padding: 0px 10px;
	  width: 100%;
	  margin: 0px;
}
div.shop_info_tables table {
margin: 0;
}
div.shop_info_tables table tbody tr td{
padding: 5px;
}
.to_form_button  {
	width: 60%;
	margin:30px auto 50px auto;
	}
.to_form_button a {
	display:block;
	color:#FFF;
	font-weight:800;
	text-align:center;
	height: 60px;
	background-color: #f8b551;
	line-height:60px;
	}
.to_form_button a:hover {
	background-color: #fcce89;
	}
.contact_tel {
	width:320px;
	margin:30px auto 50px;
	}
.contact_tel_box {
	width: 320px;
	height: 86px;
	border-width: 7px;
	border-color: #80c269;
	border-style: solid;
	background-color: #cce198;
}
.flow_pic_1 {
	padding-right:30px;
	background-image:url(./img/flow/orange_arrow.png);
	background-repeat:no-repeat;
	background-position:right top;
	}
.flow_pic_2 {
	padding-right:30px;
	}
@media (max-width: 767px) {
	.flow_pic_1 {
		padding: 0 10px;
		background-image:url(./img/flow/orange_arrow-3.png);
		background-repeat:no-repeat;
		background-position:110% top;
		margin-bottom: 15px;
		}
	.flow_pic_2 {
		padding:0 10px 30px 10px;
		}
}
.flow_comment_bold {
	font-size:2rem;
	font-weight:800;
	text-align:center;
	margin:15px 0;
	}
.flow_comment {
	}
@media (max-width: 767px) {
	.flow_comment_bold {
		font-size: 1.2rem;
	}
	.flow_comment {
		font-size: 1.2rem;
		}
}
/***** 買取価格表 *****/
.price_cat {
	display: flex;
	flex-wrap: wrap;
	width:100%;
}
.price_cat .cat_item {
	width:calc(20% - 6px);
	border-radius: 4px;
	color: #FFF;
	background-color: #f54b0c;
	height: 50px;
	margin: 5px 3px;
}
.price_cat .cat_item a {
	display: block;
	color: #FFF;
	padding: 5px;
	height: 100%
}
@media (max-width: 767px) {
	.price_cat .cat_item {
		width:calc(25% - 6px);
	}
}
.warning_price {
	background-color: #dcdcdc;
	padding: 20px;
	margin: 0 0 30px 0;
	line-height: 2rem;
	text-align: center;
}
@media (max-width: 767px) {
	.warning_price {
		font-size: 1
	}
}
h3.price_categoly {
	background-color: #f19149;
  text-align: center;
  color: #FFFFFF;
  height: 55px;
  font-weight: 800;
  font-size: 26px;
  line-height: 2;
  margin-top: 0;
}
table.price_sheet {
	border-collapse: collapse;
	width: 100%;
	font-size: 1.2rem;
}
table.price_sheet th,
table.price_sheet td {
	padding: 7px 10px;
	border: solid 1px black;
}
table.price_sheet th {
}
table.price_sheet td {
	width: 32%;
	text-align: right;
	font-size: 1.6rem;
	font-weight: bold;
}
th.first_th,
td.first_td {
	background-color: #eddca3;
	font-size: 1.2rem !important;
	text-align: center !important;
}
table.price_sheet .new {
	background-image: url(./img/new.gif);
	background-repeat:no-repeat;
	background-position:3px 3px;
	color: red;
}
/***** よくある質問 *****/
.q_a_box, .irai_form {
	border-width: 15.93px;
	border-color: #f8b551;
	border-style: solid;
	background-color: #fae2be;
	width:85%;
	margin:40px auto;
  clear: both;
	}
@media (max-width: 992px) {
	.q_a_box, .irai_form {
		width:100%;
		margin:0 0 20px 0;
		}
}
.q_a_box h3 {
	font-weight:700;
	font-size:3rem;
	text-align:center;
	color:#FFF;
	text-shadow:2px 2px 1px #f8b551,
    -2px 2px 1px #f8b551,
    2px -2px 1px #f8b551,
    -2px -2px 1px #f8b551;
	}
hr.wh {
	margin: 15px 10px 30px 10px;
    border: 0;
    border-top: 1px solid #FFF;
	}
.q_mark {
	width:100px;
	height:30px;
	padding:2px 20px;
	background-color: #eb6100;
	border-radius:15px;
	color:#FFF;
	font-size:1.6rem;
	font-weight:400;
	line-height:1.6;
	margin:5px 15px;
	}
.q_comment {
	margin:15px 25px;
	font-size:1.4rem;
	color:#eb6100;
	font-weight:600;
	}
.a_mark {
	width:100px;
	height:30px;
	padding:2px 20px;
	background-color: #00a0e9;
	border-radius:15px;
	color:#FFF;
	font-size:1.6rem;
	font-weight:400;
	line-height:1.6;
	margin:5px 15px;
	}
	.a_comment {
	margin:15px 25px;
	font-size:1.4rem;
	color:#666;
	font-weight:400;
	}
/***** 依頼フォーム *****/
.takuhai_flow_comment {
	text-align:center;
	font-size:1.5rem;
  padding: 10px;
  /* width: 90%; */
  margin: 0 auto 30px;
	}
.kaitori_flow_image img {
	width: 100%;
	max-width: 100%;
}
.kaiitori_flow_list {
	padding-left: 25px;
	font-size: 18px;
	line-height: 24px;
	text-align: left;
}
.list1 {background-image: url(./img/kaitori-form/list1L.png);background-repeat: no-repeat;}
.list2 {background-image: url(./img/kaitori-form/list2L.png);background-repeat: no-repeat;}
.list3 {background-image: url(./img/kaitori-form/list3L.png);background-repeat: no-repeat;}
.list4 {background-image: url(./img/kaitori-form/list4L.png);background-repeat: no-repeat;}
@media (max-width:667px) {
	.kaiitori_flow_list {
		padding-left: 15px;
		font-size: 16px;
		line-height: 16px;
		text-align: left;
	}
	.list1 {background-image: url(./img/kaitori-form/list1.png);background-repeat: no-repeat;}
	.list2 {background-image: url(./img/kaitori-form/list2.png);background-repeat: no-repeat;}
	.list3 {background-image: url(./img/kaitori-form/list3.png);background-repeat: no-repeat;}
	.list4 {background-image: url(./img/kaitori-form/list4.png);background-repeat: no-repeat;}

}
.unsou-hoken {
	/* margin:60px; */
	padding:10px 15px;
	border: 1px #666 solid;
	border-radius: 7px;
}
@media only screen and (max-width: 667px){
	.unsou-hoken {
		margin:40px 10px;
	}
}
.unsou-hoken h3 {
	font-size: 16px;
}
/* 全国対応 */
.space {
	margin-bottom: 8px;
}
@media only screen and (max-width: 667px){
	.space {
		margin: 8px;
	}
}
.space .area {
	background-color: #47adfe;
	text-align: center;
	color: #FFF;
}
.space .area,
.space .pref {
	padding: 3px 10px;
}

.form_item {
	margin:15px 25px;
	font-size:1.4rem;
	color:#666;
}
@media only screen and (max-width: 667px){
	.form_item {
		margin:7px;
	}
}
span.required {
	display:inline-block;
	padding:3px;
	background-color:#F00;
	color:#FFF;
	font-size:0.7rem;
	margin:0 8px;
	border-radius:3px;
}
table.form_table {
	border-spacing:20px 15px;
	border-collapse:separate;
	width: 100%;
	}
table.form_table th {
	padding: 5px 0;
	width: 30%;
	background-color: white;
	border-radius: 3px;
	}
table.form_table td {
	padding: 5px 0;
	width: 70%;
	}
@media (max-width:992px){
    table.form_table {
			margin: 0 -10px;
		}
    table.form_table th,
    table.form_table td{
			padding: 5px 0;
	    width: 100%;
	    display: block;
    }
		table.form_table .state,
		table.form_table .pic {
			font-size: 1.2rem;
		}
	}
table.form_table .maker,
table.form_table .product-name,
table.form_table .product-number,
table.form_table .state,
table.form_table .option,
table.form_table .comment,
table.form_table .name,
table.form_table .email,
table.form_table .sale-item,
table.form_table .address {
	width: 100%;
  padding: 7px;
  border: 1px solid #333;
  border-radius: 3px;
}
table.form_table .pic {
	margin: 5px 0;
	padding: 7px;
	border: solid 1px #333;
	border-radius: 3px;
}
.takuhai-kit,
.kit-number {
	margin-bottom:10px;
	width: 100%;
	padding: 7px;
	border: solid 1px #333;
	border-radius: 3px;
	height: 40px;
}
.telphon-number,
.postalcode {
	border: 1px solid #000;
	border-radius: 3px;
	padding: 7px;
}
.submit {
		width: 200px;
		margin:40px auto 50px auto;
}
.submit_button {
	width: 100%;
	background-color: #eb6100;
	height: 40px;
	border:0;
	color:#FFF;
	}
.form-end-comment {
	clear: both;
	width: 80%;
	margin: 50px auto;
}
.ns-box {
	margin: 50px 0;
}
.add_info {
	padding: 15px 20px;
	border: 1px solid #333;
	border-radius: 3x;
}
.description {
	padding: 0 50px;
	font-size: 18px;
}
@media only screen and (max-width: 667px){
	.description {
		padding: 20px 0;
		font-size: 18px;
	}
}
.takuhaiStep,
.riyuuWrap {
	margin-bottom: 50px;
}
.riyuuWrap .riyuu {}
.takuhaiStep img,
.riyuuWrap img  {
	width: 100%;
	height: auto;
}
.riyuuWrap h4.riyuuTitle {
	display: block;
	min-height: 30px;
}
.arrowdown {
	width: 120px;
	margin: 0 auto;
}
.arrowdown img {
	width: 100%;
	margin: 0 auto;
}
@media only screen and (max-width: 667px){
	.riyuuComment {
		border-top: solid 1px #CCC;
		padding-top: 10px;
	}
	.riyuuWrap .riyuu {
		margin-bottom: 50px;
	}
	.riyuuWrap h4.riyuuTitle {
		min-height: 15px;
	}
	.arrowdown {
		width: 100px;
		margin: 0 auto;
	}

}

.kit_bottun {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.need,
.noneed {
	width: 47%;
	text-align: center;
	margin: 5px;
	font-weight: 800;
}
.need a,
.noneed a {
	display: block;
	padding: 20px 0;
	border-radius: 4px;
	color: #000;
}
.need a {
	background-color: #7ec65d;
	border-bottom: 3px solid #659e4a;
}
.noneed a {
	background-color: #fbca1a;
	border-bottom: 3px solid #d0ab26;
}
.need a:hover,
.noneed a:hover {
	border-bottom: none;
	position: relative;
	top: 3px;
}
/***** 店舗案内 *****/
.shop_comment {
	margin: 20px 0 30px 0;
	}
.shop_comment_sub {
	margin:30px 0;
	}
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.staff_wrap {
}
.staff_pic {
	width: 80%;
	height: auto;
	border-radius: 50%;
	margin: 15px;
}
p.staff_commet {
	margin: 20px;
}
@media (max-width: 992px) {
	.staff_pic {
		width: 80%;
		height: auto;
		border-radius: 50%;
		margin: 15px;
	}
}

.shop_top {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.shop_profile {
	width: 100%;
	margin: 20px 0;
	padding: 20px 10px;
	border: solid 2px #FFA500;
	border-radius: 5px;
	background-color: #eee;
}
.shop_name {
	background-color: #FFA500;
	padding: 5px 7px;
	color: #fff;
	border-radius: 5px;
	font-size: 2rem;
	font-weight: bold;
	margin: 10px auto 10px;
	width: 70%;
	text-align: center;
}
.shop_info {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.shop_photo {
	width: 45%;
	padding: 10px;
}
.shop_photo img {
	border-radius: 5px;
	width: 100%;
}
.shop_data {
	width: 55%;
	padding: 5%;
	font-size: 1.2em;
}
.shop_more {
	display: block;
	width: 90%;
	margin: 5px auto;
	background-color: #008000;
	border-radius: 4px;
	text-align: center;
	margin-bottom: 5px;
}
.shop_tel {
	display: block;
	width: 90%;
	margin: 0 auto;
	background-color: orange;
	border-radius: 4px;
	text-align: center;
}
.shop_profile_red {
	width: 100%;
	margin: 20px 0;
	padding: 20px 10px;
	border: solid 2px #f00;
	border-radius: 5px;
	background-color: #eee;
}
.shop_info_red {
	width: 90%;
	background-color: #f00;
	border-radius: 5px;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	padding: 5px 7px;
	margin: 10px auto 10px;
	text-align: center;
}

.shop_grallry {
	background-color: #fff;
	border-radius: 3px;
	width: 100%;
	margin: 5px auto 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.shop_grallry_items {
	width: 18%;
	padding: 1%;
}

.shop_grallry_items img {
	border-radius: 5px;
	width: 100%;
}
.shutchou_grallry {
	background-color: #fff;
	border-radius: 3px;
	width: 100%;
	margin: 5px auto 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.shutchou_grallry_items {
	width: 22%;
	padding: 1%;
}

.shutchou_grallry_items img {
	border-radius: 5px;
	width: 100%;
}

@media (max-width: 421px){
	.shop_name {
		font-size: 1.5rem;
	}
	.shop_photo {
		width: 100%;
	}
	.shop_data {
		width: 100%;
	}
	.shop_grallry_items {
		width: 18%;
		padding: 3px;
	}
	.shutchou_grallry_items {
		width: 43%;
		padding: 1%;
	}
}
.shop_more a,.shop_tel a,.shop_more a:visited,.shop_tel a:visited {
	color: white;
	display: block;
	padding: 20px 0;
}
/***** LINE@ *****/
.lineContainer {
	margin: 20px 0 30px 0;
	padding: 0 15px;
}
.lineinnerContainer {
	margin: 20px 0 30px 0;
	padding: 0 15px;
}
.lineContainer img {
	width: 100%;
	height: auto;
}
@media (max-width :480px) {
	.lineinnerContainer {
		margin: 20px 0 30px 0;
		padding: 0;
	}
}
h3.lineat {
	background-color: #00b900;
	text-align:center;
	color:#FFFFFF;
	height: 55px;
	font-weight: 800;
	font-size:26px;
	line-height:2;
	margin-top:0;
}
.lineat_wrap {
	padding: 0 35px;
	margin:30px 0;
	clear: both;
}
dd.lineat_wap_desc span.num1,
dd.lineat_wap_desc span.num2,
dd.lineat_wap_desc span.num3,
dd.lineat_wap_desc span.num4 {
	display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
}
dd.lineat_wap_desc span.num1::before,
dd.lineat_wap_desc span.num2::before,
dd.lineat_wap_desc span.num3::before,
dd.lineat_wap_desc span.num4::before {
	display: inline-block;
  width: 4rem;
  font-size: 4rem;
  font-weight: bold;
  vertical-align: middle;
  color: #00B900;
}
dd.lineat_wap_desc span.num1::before { content: '1.'; }
dd.lineat_wap_desc span.num2::before { content: '2.'; }
dd.lineat_wap_desc span.num3::before { content: '3.'; }
dd.lineat_wap_desc span.num4::before { content: '4.'; }
.lineat_wrap .photo_desc {
	min-height: 100px;
	display: block;
}
.lineat_comment {
	color: #00b900;
	font-size: 1.7rem;
	font-weight: 400;
	padding: 30px 35px 0 35px;
	line-height: 1.8;
}
/***** 会社概要 *****/
div.company_wrap {
	padding: 30px 20px;
	clear: both;
}
table.company_info {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 40px;
}
table.company_info th,
table.company_info td {
	padding: 7px 10px;
	border: solid 1px #999;
}
table.company_info th {
	background-color: #dcdcdc;
	width: 32%;
}
table.company_info td {
}
table.company_info th.first_th,
table.company_info td.first_td {
	background-color: #eddca3;
	font-size: 1.2rem !important;
	text-align: center !important;
}
table.company_info img {
	width: 80%;
	height: auto;
	margin: 15px 10px;
}
@media (max-width: 992px) {
	table.company_info th,
	table.company_info td {
		display: block;
		width: 100%;}
	}
	table.company_info img {
		width: 90%;
		height: auto;
		margin: 15px 10px;
	}
}
/* AJARA */
.ajara_wrap {}
.gaiyou_image {
	width: 80%;
	height: auto;
	margin: 20px auto;
}
@media (max-width: 992px) {
		.gaiyou_image {
			width: 100%;
			height: auto;
		}
	}
	.ajara_info_shopname {
		text-align: center;
		font-size: 1.4rem;
		font-weight: 800;
		color:#666;
	}
	.ajara_info_details {
		text-align: center;
		padding: 20px;
		border-bottom: solid 1px #ddd;
		margin-bottom: 20px;
		font-size: 1.2rem;
	}
/***** 修理サービス *****/
section.repair_service,
section.repair_example {margin-bottom: 30px;}
.repair_recommended {font-size: 2rem;}
.repair_recommended ul {padding: 0 30px;}
h2.repair_recommended_title {margin: 30px 0;
    font-weight: 700;
    font-size: 3rem;
    text-align: center;
    color: #FFF;
    text-shadow: 2px 2px 1px #f8b551, -2px 2px 1px #f8b551, 2px -2px 1px #f8b551, -2px -2px 1px #f8b551;}
li.repair_list {list-style: none;padding-left: 45px;background-image: url(./img/repair/list1.jpg);background-repeat: no-repeat;line-height: 3.5rem;margin-left: 50px;}
.repair_comment {font-size: 1.8rem;padding: 30px;}
h3.repair_item_title {
	margin :0 auto 5px auto;
	height: 36px;
	width: 400px;
	line-height: 36px;
	font-size :1.8rem;
	font-weight: 600;
  padding: 2px 20px;
  background-color: #ccc;
  border-radius: 4px;
  color: #666;
  font-size: 1.6rem;
	box-shadow: 0 5px 0 #999;
}
.repair_ex {text-align: center;margin: 30px 0;}
.repair_ex .before,.repair_ex .after {padding-top: 15px;font-weight: 600;}
.repair_item_comment {padding :25px;background-image: url(./img/repair/repair_item_comment_bg.jpg);}
@media (max-width: 767px) {
	li.repair_list {margin-left: 0;}
	h3.repair_item_title {width: 80%;}
}

/***** ページネーション *****/
/* 共通 */
.pagenatin_box {
	display: block;
	width: 100%;
	clear: both;
}
.pagination {
    text-align: center;
    width: 100%;
    display: block
}
.pagination a {
    background: #f6f6f6;
    color: #000;
    text-decoration: none
}
/* スマホ　*/
@media only screen and (max-width: 667px) {
    .pagination .inner {
        width: 90%;
        margin: 0 5%;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        height: 46px
    }
    .pagination .page-of {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        position: absolute;
        left: 37%;
        width: 26%;
        font-weight: bold;
        color: #fff;
        background: #2C2D2F;
        height: 46px;
        line-height: 46px;
        font-size: 1.3rem
    }
    .pagination .m-prev {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
        width: 15%;
        position: absolute;
        left: 0%
    }
    .pagination .pn-prev {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        width: 22%;
        position: absolute;
        left: 15%
    }
    .pagination .pn-next {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
        width: 22%;
        position: absolute;
        left: 63%
    }
    .pagination .m-next {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 4;
        -webkit-order: 4;
        order: 4;
        width: 15%;
        position: absolute;
        left: 85%
    }
    .pagination .current, .pagination .pn-numbers {
        display: none
    }
    .pagination a {
        line-height: 46px;
        height: 46px;
        font-weight: bold;
        font-size: 1.3rem
    }
}
/* PC */
@media only screen and (min-width: 668px) {
    .pagination .page-of {
        display: block;
        width: 100%;
        font-size: 108%;
        color: #000;
        text-align: center;
        margin-bottom: 2em
    }
    .pagination a, .pagination .current {
        display: inline-block;
        padding: 0 1.5em;
        font-size: 116%;
        font-weight: bold;
        line-height: 50px;
        height: 50px
    }
    .pagination .current {
        background: #2C2D2F;
        color: #fff
    }
    .pagination a:hover {
        background: #2C2D2F;
        color: #fff
    }
  }
/***** ブログ投稿 *****/
.aligncenter {
    display: block;
    margin: 0 auto;
}
.blog_contents {
	margin-bottom: 10px;
}
.blog_contents img {
    max-width: 100%;
    height: auto;
		width: 100%;
}
/* Snap-onページ; */
.logo-arrow {
    position: absolute;
    left: 20px;
    color: transparent;
    transition: 0.3s;
    top: calc(50% - 7px);
    padding: 10px;
}
.logo-arrow:after {
     content: '';
     position: absolute;
     border: 2px solid #0275d8;
     border-width: 0 2px 2px 0;
     display: inline-block;
     padding: 0;
     height: 13px;
     width: 13px;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
    animation: changeColor 8s linear 2s infinite alternate;
 }
.logo-arrow:before{
    content: '';
    position: absolute;
    width: 2px;
    height: 25px;
    background: #222;
    top: 0;
    left: 15.5px;
    animation: changePosition 2s linear 2s infinite alternate;
}
nav {
    border-bottom: 1px solid rgba(0,0,0,.08);
}
#vertical,
#horizontal {
    padding: 50px 0;
    scroll-behavior: smooth;
}
#vertical .jumbotron {
    text-shadow: 0 1px 1px #000;
}
#horizontal .jumbotron {
    text-shadow: 0 1px 1px #000;
}
@keyframes changeColor {
    0%   {border-color: #5bc0de;}
    50%  {border-color: #d9534f;}
    100% {border-color: #0275d8;}
}
@keyframes changePosition {
    0%   {transform: translateY(-10px);}
    50%  {transform: translateY(-5px);}
    100% {transform: translateY(0px);}
}
.wrapper {background: #FFF}
.logo_type {margin: 0 auto 120px auto;max-width: 800px;padding-top: 30px;}
@media (max-width: 421px){
  .logo_type {margin: 0 auto 80px auto;width: 350px;height: auto;padding-top: 30px;}
  .logo_type img {width: 100%;height: auto;}
}
.SnapOn_logo {margin: 0 auto 50px auto;width: 476px;}
@media (max-width: 421px){
  .SnapOn_logo {margin: 0 auto 50px auto;width: 350px;}
  .SnapOn_logo img {width: 100%;height: auto;}
}
/** Snap-Onページ new header **/
.n_header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	height: 110px;
	padding: 0 15px;
}
@media (max-width: 421px){
		.n_header {
		padding: 0;
		height: px;
		}
}
.n_header::before {content: none;}
.n_header::after {content: none;}
.logo_wrap {
	width: 45%;
	display: flex;
	flex-wrap: wrap;
}
.logo_wrap .n_logo {
	width: 17%;
}
.logo_wrap .n_logo img {
	width: 100%;
}
.logo_wrap .sublogo_wrap {
	width: 83%;
	display: flex;
	flex-wrap: wrap;
}
.logo_wrap .sublogo_wrap .site_copy {
	max-width:100%;
}
@media (max-width:480px) {
	.logo_wrap .sublogo_wrap .site_copy {
		max-width:90%;
	}
}
.logo_wrap .sublogo_wrap .logo_type_wrap {
	max-width:100%;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.title-logo-main img{
	width: 400%;
}
.logo_wrap .sublogo_wrap .logo_type_wrap .gensan_logotype {
	width: 50%;
}
.logo_wrap .sublogo_wrap .logo_type_wrap .snapon_logotype {
	width: 50%;
}
.shop_wrap {
	width: 45%;
	margin-top: 15px;
	position: relative;
}
.shop_wrap .shop_1 {
	width: 25%;
	position: absolute;
	top: 0;
	left: 0;
}
.shop_wrap .shop_2 {
	width: 25%;
	position: absolute;
	top: 0;
	left: 25%;
}
.shop_wrap .shop_3 {
	width: 25%;
	position: absolute;
	top: 0;
	left: 50%;
}
.shop_wrap .inquiry {
	width: 25%;
	position: absolute;
	top: 0;
	right: 0;
}
.n_logo img,.site_copy img,.gensan_logotype img,.snapon_logotype img,.shop_1 img,.shop_2 img,.shop_3 img,.inquiry img {
	max-width:100%;
	box-sizing:border-box;
	display: block;
	width: 100%;
}
@media (max-width: 421px){
	.logo_wrap{
		width: 97%;
	}
	.logo_wrap .n_logo {
		width: 17%;
	}
	.logo_wrap .n_logo img {
		width: auto;
		height: auto;
		max-width: auto;
		max-height: auto;
	}
	.logo_wrap .sublogo_wrap {
		width: 83%;
	}
	.logo_wrap .sublogo_wrap .logo_type_wrap .gensan_logotype {
		width: 50%;
	}
	.logo_wrap .sublogo_wrap .logo_type_wrap .snapon_logotype {
		width: 50%;
	}
	.logo_wrap .sublogo_wrap .logo_type_wrap .gensan_logotype img,
	.logo_wrap .sublogo_wrap .logo_type_wrap .snapon_logotype img {
		width: 100%;
		height: auto;
	}
}
/** /Snap-Onページ new header **/
.snapon_main_img {
	margin-bottom: 20px;
	position: relative;
}
.mainpic_kaitori_btn {
	position: absolute;
	left: 220px;
	bottom: 10px;
	width: 148px;
	height: auto;
}
.mainpic_kaitori_btn img {
	width: 100%;
	height: auto;
}
@media (max-width: 421px) {
	.mainpic_kaitori_btn {
		left: 30px;
		bottom: 15px;
	}
}
.snapon_main_img img {
	width: 100%;
	max-width:100%;
	box-sizing:border-box;
	display: block;
}
.banner_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}
@media (max-width: 421px){
	.banner_wrap {
		margin-bottom: 5px;
		margin-left: -15px;
		margin-right: -15px;
	}
}
.banner_wrap .banner_tentou {
	width: calc(50% - 5px);
}
.banner_wrap .banner_takuhai {
	width: calc(50% - 5px);
}
.banner_wrap img,
.banner_wrap .banner_tentou img,
.banner_wrap .banner_takuhai img {
	width: 100%;
	height: auto;
}
.campaign {}
@media (max-width: 421px){
	.campaign {
		margin: 0 -15px;
	}
}
.sub_title {margin: 0 auto 150px auto;width: 232px;}
.title-1 {font-size: 2rem;font-weight: 800;}
.scroll {margin: 0 auto;width: 100px;}
.waper-1 {line-height: 2.2rem;}
.header_bg {background: url('./img/snap-on/header_bg.jpg') no-repeat center;background-size: cover;height:900px;}
.main_contents {background: #FFF;z-index: 1;}
h2.sub-1 {display: block;width: 100%;text-align: center;font-size: 2.2rem;font-weight: 800;color :#666;}
h2.sub-2 {display: block;width: 100%;text-align: center;font-size: 2.2rem;font-weight: 800;color :#ff6600;}
.pic_box {text-align: center;}
@media (max-width: 421px){
	.pic_box img {width: 100%;}
}
.callook-pic {margin: 0 auto;max-width: 450px;}
.snapon_pic {width: 80%;height: auto;}
.snapon_pic2 {width: 60%;height: auto;}
@media (max-width: 421px){
  .snapon_pic2 {width: 100%;height: auto;}
}
.brand_logo {width: 90%;height: auto;}
@media (max-width: 421px){
  .brand_logo {width: 100%;height: auto;}
}
.ex_price {
  width :100%;
  height: auto;
}
h4.card_title {font-size: 1rem;padding: 15px 0;color: #666;}
.link_button {width: 60%;height:60px;margin: 20px auto 80px auto;text-align: center;}
@media (max-width: 421px){
  .link_button {width: 90%;margin-bottom: 40px;}
}
.link_button a {display: block;background-color: #a40000;color: #FFF;padding: 20px;border-radius: 3px;text-decoration: none;}
.link_button a:hover {background-color: #b53d3d;}
.brand_comment {width: 80%;margin: 30px auto 20px auto;}
@media (max-width: 421px){
  .brand_comment {width: 90%;margin: 30px auto 20px auto;}
}
.ex_price {
  width :100%;
  height: auto;
}
.kaitori img {width: 100%;height: auto;}
.HandTool_contents {}
.Kougu_contemts {}
.HandTool_contents h1,
.Kougu_contemts h1 {
	font-weight: 600;
}
.Kougu_contemts img {
	width: 100%;
}

@media (max-width: 421px){
	.HandTool_contents h1,
	.Kougu_contemts h1 {
		font-size: 30px;
	}
}
mark {
	background: linear-gradient(transparent 60%, #cce0f3 50%)
}
.snp_marker {
	background: linear-gradient(transparent 65%, #ff0000 50%)
}
.snp_top {
	margin-bottom: 7px;
	font-weight: 600;
	color: #0d97db;
}
/* 都道府県ページ */
.gensan_tel img {
	margin: 0 auto;
	max-width: 800px;
	height: auto;
	display: block;
}
@media (max-width: 421px){
	.gensan_tel img {
		max-width: 90%;
	}
}

/* 住設ページ */
.strong_txt {
	font-size: 1.8rem;
	font-weight: 600;
	padding: 0 15px 20px 15px;
}
@media (max-width: 421px){
	.strong_txt {
		font-size: 1.4rem
	}
}
/* ----- ブログ内・ページ内に店舗バナー設置 ----- */
.blog_shop_info {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 30px;
}
.blog_shop_info .shop_01,
.blog_shop_info .shop_02 {
	display: block;
	width: 40%;
	margin: 0 10px;
}
.blog_shop_info .shop_01 img,
.blog_shop_info .shop_02 img {
	width: 100%;
}
	@media (max-width: 480px){
		.blog_shop_info .shop_01,
		.blog_shop_info .shop_02 {
			width: 90%;
			margin: 10px auto;
		}
		.blog_shop_info .shop_01 img,
		.blog_shop_info .shop_02 img {
			width: 100%;
		}
	}
/*　----- 押下ボタン -----　*/
.btn_area,
.item_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px 0;
}
.btn_area .btn_style1 {
	width: 95%;
	text-align: center;
	margin: 5px auto;
	font-weight: 800;
}
.btn_area .btn_style1 .btn1 {
}
.btn_area .btn_style1 .btn1 a {
	background-color: #fbca1a;
	border-bottom: 3px solid #d0ab26;
	padding: 30px 0;
	display: block;
	color: #fff;
	border-radius: 4px;
	font-size: 1.2em;
	height: 80px;
}
.btn_area .btn_style1 .btn1 a:hover {
	border-bottom: none;
	position: relative;
	top: 3px;
}
@media (max-width:480px) {
	.btn_area .btn_style1 .btn1 a {
		font-size: 1em;
	}
}

/* ----- 工具アイテム ----- */
.item_area .tool_item {
	width: 23%;
	box-sizing: border-box;
	border: solid 2px #999;
	margin-bottom: 20px;
}
.item_area .tool_item img {
	width: 100%;
	height: auto;
}
@media (max-width:480px) {
	.item_area .tool_item {
		width: 48%;
	}
}

/* --------------------
New 買取フォームページ
-------------------- */
/* ---タブ切り変え--- */
.tab_wrap{width:95%; margin:0 auto 80px auto;}
input[type="radio"]{display:none;}
.tab_area{font-size:0; padding:0 55px;}
.tab_area label{width:45%; display:inline-block; padding:14px 0 12px; color:#fff; background:#fdbe00; text-align:center; font-size:13px; cursor:pointer; transition:ease 0.2s opacity; border-top-left-radius:10px; border-top-right-radius:10px; vertical-align:bottom; transition:ease 0.2s; margin:10px 5px 0;}
.tab_area label:hover{opacity:0.5;}
.panel_area{background:#ffffff; border-bottom-right-radius:10px; border-bottom-left-radius:10px; border:8px solid #fbf5a5;padding: 10px;}
.tab_panel{width:100%; padding:0 0 80px 0; display:none;}

#tab1:checked ~ .tab_area .tab1_label{background:#fbf5a5; color:#000;padding-bottom: 20px;margin-top: 0;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#fbf5a5; color:#000;padding-bottom: 20px;margin-top: 0;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#fbf5a5; color:#000;padding-bottom: 20px;margin-top: 0;}
#tab3:checked ~ .panel_area #panel3{display:block;}
@media (max-width:480px) {
	.tab_area{padding:0 5px;text-align: center;}
}
/* --------------------
NewNew 買取フォームページ
-------------------- */
/* ---タブ切り変え--- */
.new_tab_wrap{width:95%; margin:0 auto 80px auto;}
.new_tab_area{font-size:0; font-weight:800; margin:0 auto;display:flex;width:95%;}
.new_tab1_label{border-top-right-radius:10px; border-top-left-radius:10px;text-align:center; font-size:14px;color:#000; background:#fbf5a5;
	margin-top: 0px; margin-left: 10px;margin-right:10px;width: 50%; display:block; padding:14px 15px 12px;white-space: nowrap;}
.new_tab2_label{border-top-right-radius:10px; border-top-left-radius:10px;text-align:center; font-size:13px;color:#337ab7; background:#fdbe00;
	margin-top: 10px;margin-left: 10px;margin-right:10px;width:50%; display:block; padding:14px 15px 12px;white-space: nowrap;}
@media (max-width:480px) {
	.new_tab_area{padding:0 5px;text-align: center;}
	.new_tab1_label{
		margin-left: 2px;
		margin-right:2px;}
	.new_tab2_label{
		margin-left: 2px;
		margin-right:2px;}
}
/* --------------------
New 買取フォームページ
-------------------- */

.tab_area_2{font-size:0; padding:0 55px;}
.tab_area_2 p{width:45%; display:inline-block; padding:14px 0 12px; color:#fff; background:#fdbe00; text-align:center; font-size:13px; cursor:pointer; transition:ease 0.2s opacity; border-top-left-radius:10px; border-top-right-radius:10px; vertical-align:bottom; transition:ease 0.2s; margin:10px 5px 0;}
.tab_area_2 p:hover{opacity:0.5;}
.panel_area{background:#ffffff; border-bottom-right-radius:10px; border-bottom-left-radius:10px; border:8px solid #fbf5a5;padding: 10px;}
.tab_panel{width:100%; padding:0 0 80px 0; display:none;}

.tab_area_2 .tab1_label{background:#fbf5a5; color:#000;padding-bottom: 20px;margin-top: 0;}
.panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#fbf5a5; color:#000;padding-bottom: 20px;margin-top: 0;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#fbf5a5; color:#000;padding-bottom: 20px;margin-top: 0;}
#tab3:checked ~ .panel_area #panel3{display:block;}
@media (max-width:480px) {
	.tab_area{padding:0 5px;text-align: center;}
}
/* --------------------
New メール査定
-------------------- */
.mailsatei_comment {
	padding: 20px;
	line-height: 1.6em;
}
@media (max-width:480px) {
	.mailsatei_comment {
		padding: 20px 10px;
	}
}

.contact_form .satei_item {
	margin-bottom: 15px;
}
.contact_form input.item_name,
.contact_form input.item_number,
.contact_form input.item_year {
	width: 100%;
	padding: 7px;
	border: solid #333 1px;
	border-radius: 3px;
}
.contact_form input.file {display: none !important;}
.contact_form label.file_label {
	background-color: #fff;
	padding: 7px;
	border: solid #333 1px;
	border-radius: 3px;
	width: 100%;
	font-size: 0.9em;
	cursor: pointer;
}
.mwform-file-delete {
  color: red;
  font-size: 1.5em;
  line-height: 0.9em;
}
/* --------------------
地域SEOページ
-------------------- */
.prArea {
	width: 100%;
	margin-bottom: 10px;
}
.regionInfo {
	border: solid 1px;
	border-radius: 10px;
	padding: 15px;
	background: #ededed;
	line-height: 1.8;
}
/*********************************************
新規追加CSS 買取エリア
*********************************************/
.newBuyArea h3 {
    margin: 0 0 10px 35px;
    display: inline-block;
    background: #000000;
    border-radius: 5px;
    padding: 10px 15px;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}
.newBuyArea p {
    display: inline-block;
    margin: 0 0 10px 35px;
    width: 95%;
}
@media (max-width:480px) {
	.newBuyArea h2 {
			font-size: 16px;
	}
	.newBuyArea h3 {
		  font-size: 14px;
	}
	.newBuyArea p {
	    display: inline-block;
	    margin: 0 0 10px 30px;
	    width: 87%;
	}
}
/*********************************************
新規追加CSS 買取強化 文字重ね
*********************************************/
.powerpush figure {
  position: relative;
}

.powerpush figure img {
	width:100%;
	max-width: 100%;
	height: auto;
  vertical-align: top;
}

.powerpush figure figcaption {
  font-size: 1.9em;
  color: #ffffff;
  position: absolute;
  top:86%;
  display: flex;
  width: 100%;
  height: 14%;
  margin: 0;
  justify-content: center;
	background-color: rgba(0, 0, 0, 0.6);
}
/*********************************************
新規追加CSS カテゴリーリスト 文字重ね
*********************************************/
.category_list_list figure {
  position: relative;
  overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
}
.category_list_list figure img {
	width:100%;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
.sh_section .category_list_list figure img {
	background:#D0D0D9;
}
.category_list_list figure figcaption {
  font-size: 1.9em;
  color: #ffffff;
  text-shadow: 2px 2px 3px #666666;
  position: absolute;
  top:86%;
  display: flex;
  width: 100%;
  height: 14%;
  margin: 0;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);
}
.category_list_list {

}
.category_list_list img {
	object-fit: cover;
	background-color: white;
	width:100%;
	height:150px;
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.category_list_list img:hover {
	transform: scale(1.08);	/*画像の拡大率*/
	transition-duration: 0.8s;	/*変化に掛かる時間*/
}

/*********************************************
新規追加CSS カテゴリーリスト 文字重ね LPページ用
*********************************************/
.category_list_lp figure {
  position: relative;
}
.category_list_lp figure img {
	width:100%;
	max-width: 100%;
	height: auto;
  vertical-align: top;
}
.category_list_lp figure figcaption {
  color: #ffffff;
  text-shadow: 2px 2px 3px #666666;
  position: absolute;
  top:86%;
  display: flex;
  width: 100%;
  height: 14%;
  margin: 0;
  justify-content: center;
	background-color: rgba(0, 0, 0, 0.3);
}
.category_list_lp img {
	object-fit: cover;
	background-color: white;
	width:100%;
	height:150px;
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.category_list_lp img:hover {
	overflow: hidden;
	transform: scale(1.05);	/*画像の拡大率*/
	transition-duration: 1.0s;	/*変化に掛かる時間*/
}
/*********************************************
新規追加CSS カテゴリーリスト 文字重ね 出張買取LPページ用
*********************************************/
.s_category_list_lp figure {
	position: relative;
  }
  
  .s_category_list_lp figure img {
	  width:100%;
	  max-width: 100%;
	  height: auto;
	vertical-align: top;
  }
  .s_category_list_lp figure figcaption {
	color: #ffffff;
	text-shadow: 2px 2px 3px #666666;
	position: absolute;
	top:86%;
	display: flex;
	width: 100%;
	height: 14%;
	margin: 0;
	justify-content: center;
	 background-color: rgba(0, 0, 0, 0.3);
  }
  .s_category_list_lp img {
	  object-fit: cover;
	  background-color: white;
	  width:100%;
	  height:150px;
	  display: block;
	  transition-duration: 0.3s;	/*変化に掛かる時間*/
  }
  .s_category_list_lp img:hover {
	  overflow: hidden;
	  transform: scale(1.05);	/*画像の拡大率*/
	  transition-duration: 1.0s;	/*変化に掛かる時間*/
  }
  @media (max-width:480px) {
	.s_category_list_lp figure figcaption {
		top:80%;
		height: 20%;
	  }
	.s_small {
		font-size: 11px;
	}
}
/*********************************************
新規追加CSS インパクトドライバーページ
*********************************************/
table.box3_back {
max-width: 100%;
border-radius: 5px;
background-color: white;
padding: 15px 10px 15px;
margin-left: auto;
margin-right: auto;
table-layout: fixed;
width: 100%;
box-shadow: 3px 3px 2px rgba(0,0,0,0.4);
}
.box3_1 {
	width: 100%;
	height: auto;
}
.box3_Comment {
	font-size: 17px;
	color: black;
	text-shadow: 1px 2px 3px #FFFFFF;
}
.box3_Price {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: red;
}
.box3_text {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: Black;
	margin-bottom: 5px;
}
.box_margin {
	display: inline-block;
	margin-bottom: 15px
}
.box3_cap figure {
  position: relative;
}

.box3_cap figure img {
	width:100%;
	max-width: 100%;
	height: auto;
  vertical-align: bottom;
}

.box3_cap figure figcaption {
  color: #ffffff;
  position: relative;
  top: 100%;
  display: flex;
  width: 100%;
  height: auto;
  margin: 5px;
  justify-content: left;
	background-color: rgba(0, 0, 0, 0.2);
}
/*********************************************
新規追加CSS トップページ スライドバナー下
*********************************************/
.top_icon_box_four {
	margin: 5px;
	padding: 0px;
	border: 0px solid black;
}

.top_icon_box_four img {
	width: 100%;
	height: auto;
	border: 1px solid #000;
	margin-bottom: 10px;
}

.top_icon_box {
	margin: 15px;
	padding: 20px;
	border: 1px solid black;
}

.top_icon_box img {
 width: 100%;
 height: auto;
}
@media (max-width:480px) {
	.top_icon_box {
		margin: 1px;
		padding: 2px;
		border: 0px solid #fff;
	}
	.top_icon_box_four {
		margin: 1px;
		padding: 2px;
	}
	.top_icon_box_four img {
		margin-bottom: 2px;
	}
	}
/*********************************************
新規追加CSS オールドスナップオンページ
*********************************************/
.row_height_fix {
	background: rgba(255, 255, 255,0.8);
	display: flex;
	flex-wrap: wrap;
}
.row_height_fixc2 {
	background: rgba(16, 46, 36,0.9);
	display: flex;
	flex-wrap: wrap;
}
.row_height_fixc3 {
	background: rgba(77, 44, 61,0.8);
	display: flex;
	flex-wrap: wrap;
}
.snaponold_content_title {
	text-align: center;
	color: red;
	font-weight: bold;
	font-size: 36px;
	margin-bottom: 15px;
}
.snaponold_img{
	width: auto;
	max-width: 100%;
	height: auto;
	margin-bottom: 15px;
}
div.snaponold_text_box {
	margin-left: auto;
	margin-right: auto;
	padding: 25px;
	max-width: 95%;
  height: 95%;
}
div.snaponold_textwhite_box {
	margin-left: auto;
	margin-right: auto;
	padding: 25px;
	max-width: 95%;
  height: 95%;
	color: white;
}
p.snaponold_text_size {
	font-size: 22px;
	color: black;
}
@media (max-width:480px) {
	.row_height_fix {
	}
	p.snaponold_text_size {
	font-size: 12px;
	color: black;
	}
	.snaponold_content_title {
		text-align: center;
		color: red;
		font-weight: bold;
		font-size: 20px;
		margin-bottom: 15px;
	}
}
/*********************************************
新規追加CSS バナー下おしらせタイトル
*********************************************/
.info-title-text {
	margin: 15px auto;
	padding:20px;
	background: red;
	color: white;
	font-size:1.4em;
	font-weight: 600;
	text-align: center;
	border-radius: 10px;
	width: 80%;
	filter: drop-shadow(3px 3px 1px #AAAAAA);
}
.info-title-text p {
	font-size:0.7em;
	font-weight:100;
	margin-bottom:0px;
}
.info-title-text:hover {
	background: #FF5555;
	color: #FFFF99;
	filter: drop-shadow(1px 1px 1px #AAAAAA);
}
@media (max-width:480px) {
	.info-title-text {
		font-size:1.1em;
		width:90%;
	}
}

/*********************************************
新規追加CSS 電話番号表示
*********************************************/
.telnum_display_frame {
	display: block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-align: center;
	padding: 10px;
	border: solid red 10px;
	border-radius: 20px;
	background: white;
}
.telnum_display_text{
	color: red;
	font-size: 28px;
	font-weight: bold;
}
.telnum_display_minitext{
	color: red;
	margin-top:-10px;
	font-size: 18px;
}
.telnum_display_number a:link{
	color: red;
	font-size: 68px;
	font-weight: bolder;
}
.telnum_display_img {
	margin-left: 15px !important;
	vertical-align: middle;
}
@media (max-width:480px) {
	.telnum_display_frame{
		width: 88%;
		border: solid red 7px;
	}
	.telnum_display_text{
		color: red;
		font-size: 14px;
		font-weight: bold;
	}
	.telnum_display_minitext{
		color: red;
		margin-top: -10px;
		font-size: 12px;
	}
	.telnum_display_number a:link{
		color: red;
		font-size: 32px;
		font-weight: bolder;
		vertical-align: middle;
	}
	.telnum_display_img {
		max-width: 30px !important;
		height: auto;
		margin-left: 10px;
	}
}
/*********************************************
新規追加CSS キャンペーン買取価格
*********************************************/
.campaign_price_text {
	text-align: center;
	font-size: 48px;
	font-weight:bolder;
	color: white;
	text-shadow: 3px 3px 2px black;
}
.campaign_price_num {
	text-align: center;
	font-size: 70px;
	font-weight:bolder;
	color: yellow;
	text-shadow: 3px 3px 2px black;
}
/*********************************************
新規追加CSS YOUTUBEレスポンシブ対応
*********************************************/
.gensan_youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.gensan_youtube iframe {
  width: 100%;
  height: 100%;
}
/*********************************************
新規追加CSS SEOカテゴリーページ
*********************************************/
.cat_main_img {
	background-image: url(./maker/img/makertop_makita.jpg);
	background-repeat : no-repeat;
	width: 100%;
	height: auto;
}

.cat_main_title {
	font-size: 48px;
	font-weight:bolder;
	color: white;
	text-shadow: 3px 3px 2px black;
}
.cat_main_text {
	text-align: center;
	font-size: 70px;
	font-weight:bolder;
	color: yellow;
	text-shadow: 3px 3px 2px black;
}
.cat_comments {
	font-size: 18px;
	text-shadow: 1px 1px 2px #222;
}

/*********************************************
新規追加CSS SEOカテゴリーページ
*********************************************/
.cat_comments {
	font-size: 18px;
	text-shadow: 1px 1px 2px #222;
}
/*********************************************
新規追加CSS 求人ページ
*********************************************/
.recruit_box {
	box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .5);
	background: white;
	border-radius: 3px;
	margin-bottom: 20px;
}
.recruit_title {
	font-size: 20px;
	font-weight: 800;
	background: #6ab3d6;
	color: Black;
	letter-spacing: 1px;
	padding: 3px;
	margin-bottom: 20px;
	border-radius: 3px;
}
.recruit_main_text {
	font-size: 20px;
	font-weight: 800;
	color: blue;
}
.recruit_comment_box {
	padding-left:10px;
	padding-right: 10px;
	margin-bottom: 20px;
}
.recruit_table table {
	padding: 5px;
	border-collapse: separate;
	border-spacing: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	width: 95%;
}
.recruit_table th {
	border-top: 1px solid #004986;
	border-bottom: 1px solid #004986;
	min-width: 100px;
	padding: 10px;
	text-align: center;
	background-color: #6ab3d6;
}
.recruit_table td {
	border-top: 1px solid #004986;
	border-bottom: 1px solid #004986;
	padding-left: 10px;
	background-color: snow;
}
.recruit_button a {
	margin: auto;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 250px;
	height: 50px;
	font-size: 20px;
	font-weight: 800;
	color: white;
	background: orange;
	margin-bottom: 20px;
	border-radius: 5px;
}
.recruit_form_title {
	font-size: 20px;
	font-weight: 800;
	background: #6ab3d6;
	color: Black;
	letter-spacing: 1px;
	text-align:center;
	padding: 3px;
	margin-bottom: 20px;
	border-radius: 3px;
}
/*********************************************
新規追加CSS 出張買取専用ページ
*********************************************/
.shutchou_top_container  {
	display: grid;
	width: 100%;
	max-width: 1200px;
	max-height: 500px;
	grid-template-columns: 20% 20% 20% 20% 20%;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
	background: #b5ff14;
	aspect-ratio: 12 / 5;
	justify-items: center;
	align-items: center;
}
.shutchou_top_background {
    grid-column: 1 / 6;
	grid-row: 1 / 7;
	width: 100%;
	height: 100%;
	background: url(./img/shuttyou/shutchou_top_background.jpg) no-repeat center;
	background-size: cover;
	overflow: hidden;
}
.shutchou_top_background img {
}
.shutchou_top_no1 {
    grid-column: 3 / 4;
	grid-row: 1 / 2;
}
.shutchou_top_no1 img {
	width: 100%;
	text-align: center;
	filter: drop-shadow(5px 5px 3px rgba(0,0,0,.4));
}

.shutchou_top_title {
    grid-column: 2 / 5;
	grid-row: 2 / 5;
	text-align: center;
}
.shutchou_top_title img {
	width: 100%;
	filter: drop-shadow(5px 5px 3px rgba(0,0,0,.4));
}
.shutchou_top_button {
    grid-column: 3 / 4;
	grid-row: 5 / 6;
	text-align: center;
}
.shutchou_top_button img {
	width: 100%;
	filter: drop-shadow(5px 5px 3px rgba(0,0,0,.4));
}
.shutchou_top_text {
    grid-column: 2 / 5;
	grid-row: 6 / 7;
	text-align: center;
}
.shutchou_top_text img {
	padding: 5%;
	width: 100%;
	filter: drop-shadow(5px 5px 3px rgba(0,0,0,.4));
}
.shutchou_top_jumbo {
    grid-column: 1 / 3;
	grid-row: 3 / 7;
	text-align: left;
	margin-left: 2%;
}
.shutchou_top_jumbo img {
	padding: 0 5% 5%;
	width: 100%;
}
.shutchou_top_tractor {
    grid-column: 4 / 6;
	grid-row: 3 / 7;
	text-align: right;
	margin-right: 2%;
}
.shutchou_top_tractor img {
	padding: 0 5% 5%;
	width: 100%;
}

@media (max-width:480px) {
.shutchou_top_container  {
	display: grid;
	grid-template-columns: 20% 20% 20% 20% 20%;
	grid-template-rows: 10% 35% 10% 15% 30%;
	background: #fff;
	aspect-ratio: 1 / 1;
}
.shutchou_top_background {
    grid-column: 1 / 6;
	grid-row: 1 / 6;
	width: 100%;
		height: 100%;
		background: url(./img/shuttyou/shutchou_top_background.jpg) no-repeat center;
		background-size: cover;
		overflow: hidden;
}
.shutchou_top_background img {
}
.shutchou_top_no1 {
    grid-column: 2 / 5;
	grid-row: 1 / 2;
}
.shutchou_top_no1 img{
	text-align: center;
	width: 100%;
	max-height: 35px;
}
.shutchou_top_title {
    grid-column: 1 / 6;
	grid-row: 2 / 3;
	text-align: center;
}
.shutchou_top_title img {
	max-width: 97%;
	max-height: 110px;
}
.shutchou_top_button {
    grid-column: 2 / 5;
	grid-row: 4 / 5;
	text-align: center;
}
.shutchou_top_button img {
	width: 100%;
	max-height: 50px;
}
.shutchou_top_text {
    grid-column: 1 / 6;
	grid-row: 5 / 6;
	text-align: center;
}
.shutchou_top_text img {
	max-height: 150px;
}
.shutchou_top_jumbo {
    grid-column: 1 / 3;
	grid-row: 3 / 6;
	text-align: left;
	margin-left: 2%;
}
.shutchou_top_jumbo img {
	padding: 0;
	width: 100%;
	max-height: 150px;
}
.shutchou_top_tractor {
    grid-column: 4 / 6;
	grid-row: 3 / 6;
	text-align: right;
	margin-right: 2%;
}
.shutchou_top_tractor img {
	padding: 0;
	height: 100%;
	max-height: 150px;
}
}
.shutchou_main_title {
	padding: 20px;
	width: 85%;
	margin: 0 auto;
}
.shutchou_main_title h1 {
	font-size: 40px;
	font-weight: 800;
	color: #669933;
	border-radius: 15px;
	text-align: center;
	padding: 10px;
	margin: 0 auto;
	text-shadow: 3px 3px 3px rgba(0,0,0,.3);
}
.shutchou_main_title h1 span {
	font-size: 36px;
}
.shutchou_items {
	padding: 3%;
}
.shutchou_items img {
	width: 100%;
	filter: drop-shadow(5px 5px 3px #666);
}
.shutchou_items figcaption {
	color: #fff;
	text-align: center;
	background-color: #333;
	border-radius: 5px;
	margin: 5px;
}
.shutchou_step_title {
	color: #fff;
	background-color: #272;
	font-size: 16px;
	font-weight: 800;
	padding: 5px;
	border-radius: 5px;
	margin: 10px;
}
.shutchou_step_text {
	height: 7em;
}
.shutchou_area_title {
	padding: 15px;
	margin: 0;
	text-align: center;
	color: #e75685;
	font-size: 40px;
	font-weight: 600;
	text-shadow: 2px 2px 8px #fff,-2px -2px 8px #fff;
	background-color: #AED193;
}
.shutchou_area_title_large {
	color: #f00;
	font-size: 50px;
	font-weight: 800;
}
.shutchou_area_box {
	margin: 5px auto;
	padding: 8px;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 10px;
	width:90%;
}
.shutchou_riyu {
}
.shutchou_riyu_box {
	border: solid 1px #333;
	border-radius: 15px;
	background-color: #fff;
	margin: 20px;
}
.shutchou_riyu h3{
	border-radius: 15px 15px 0 0;
	background-color: #3BAF75;
	width: 100%;
	color: #fff;
	margin: 0 auto;
	padding: 5px;
	padding-left: 15px;
	font-size: 24px;
	font-weight: 800;
}
.shutchou_riyu_contents {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.shutchou_riyu_left {
	width: 95%;
	border: solid 1px #333;
	border-radius: 15px;
	background-color: #fff;
	margin: 10px auto;
}
.shutchou_riyu_right {
	width: 95%;
	display:flex;
	flex-wrap: wrap;
	margin: 10px auto;
}
.shutchou_riyu p {
	padding: 15px;
}
.shutchou_riyu_img {
	width: 50%;
	padding: 5px;	
}
.shutchou_riyu_img img {
	width: 100%;
}
@media (max-width:480px) {
.shutchou_main_title {
	padding: 15px;
	width: 100%;
	margin: 0 auto;
}
.shutchou_main_title h1 {
	font-size: 24px;
	font-weight: 800;
	text-shadow: 3px 3px 3px rgba(0,0,0,.7);
}
.shutchou_main_title h1 span {
	font-size: 20px;
}
	.shutchou_area_title {
		padding: 10px;
		font-size: 20px;
	}
	.shutchou_area_title_large {
		font-size: 24px;
	}
	.shutchou_riyu_contents {
		display: block;
	}
	.shutchou_riyu_left {
		width: 95%;
		margin: 5px auto;
	}
	.shutchou_riyu_right {
		width: 100%;
	}
	.shutchou_riyu_img {
		width: 25%;
	}
}
.green_box {
	background: linear-gradient(#B5FF14, #737C3E);
}
.white_box {
	background-color: #fff;
}
.orange_box {
	background-color: #FFA500;
}
.skyblue_box {
	background-color: #99f;
}

@media (max-width:480px) {
.shutchou_top_container{
	overflow: hidden;
}
.shutchou_top_container img {
width: 100%;
height: 100%;
}
.shutchou_riyu h3{
	padding-left: 5px;
	font-size: 18px;
}
}
.shutchou_agri_container {
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 10px;
}
.itemAgri {
	margin: 0 auto;
	justify-content: center;
	align-items: center;
	width: 33%;
}
.itemAgri p {
	margin: 0 auto 10px;
	width: 80%;
	height: 6em;
	padding: 15px;
	color: #333;
	background-color: #fff;
	border-radius: 15px;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	align-items: center;
}
.itemAgri img {
	margin: 0 auto;
	padding: 15px;
	width: 100%;
}
.shutchou_text {
	font-size: 42px;
	font-weight: 900;
	width: 90%;
	color: #fff;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	text-align: center;
	margin: 10px auto;
}

.shutchou_tel_line_top {
	margin: 0px;
	background-color: #aaf;
	height: 30px;
	width: 100%;
	position: relative;
}
.shutchou_tel_line_top::before{
	content: '';
	position: absolute;
	left:0;
	top: 0;
	/* 四角形を傾ける */
	transform: skewY(-1deg);
	transform-origin: bottom left;
	z-index: 1;
	width:100%;
	height:100%;
	background:#aaf;
  }
.shutchou_tel_line_bottom {
	background-color: #6c6;
	height: 6em;
	position: relative;
}
.shutchou_tel_line_bottom::before{
	content: '';
	position: absolute;
	left:0;
	top: 0;
	/* 四角形を傾ける */
	transform: skewY(-1deg);
	transform-origin: bottom left;
	z-index: 1;
	width:100%;
	height:100%;
	background:#6c6;
  }
.shutchou_tel_line {
	background-color: #fff;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 15px 0px;
}
.shutchou_tel_line img {
	margin: 15px;
	width: 80%;
	z-index: 2;
}
.shutchou_tel_line a:hover {
	margin-bottom: -3px;
}
.shutchou_headline {
	color: #737c3e;
	font-size: 42px;
	font-weight: 800;
	background: #FFF;
	border-top: solid 5px rgba(100, 150, 30, 1);
	border-bottom: solid 5px rgba(100, 150, 30, 1);
	text-align: center;
	padding: 5px;
	width: 80%;
	margin: 10px auto;
}
.shutchou_image_text_area {
	position: relative;
	width: 100%;
}
.shutchou_image_text_area img {
	width: 100%;
}
.shutchou_image_text_area p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:80%;
	font-size: 36px;
	font-weight: 800;
	line-height: 1.5em;
	color: #fff;
	text-align: center;
	text-shadow: 4px 4px 2px rgba(30,30,30, 0.7);
}
.alpha_white_box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(255, 255, 255, .5);
	margin: 20px auto;
	padding: 15px;
}
@media (max-width:480px) {
	.shutchou_agri_container {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.itemAgri {
		margin: 0 auto;
		width: 100%;
	}
	.itemAgri p {
		text-align: left;
		display: flex;
		width: 100%;
		font-size: 13px;
		align-items: baseline;
	}
	.shutchou_text {
		font-size: 20px;
		font-weight: 400;
	}
	.shutchou_headline {
		font-size: 28px;
		width: 85%;
	}
	.shutchou_image_text_area p {
		font-size: 18px;
		line-height: 1.2em;
	}
}
/*********************************************
新規追加CSS カラム3ステップ用
*********************************************/
.three_step_wrapper {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
  }
.three_step_item {
	width: 30%;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border-radius: 15px;
	padding: 5px;
}
.three_step_arrow {
	width: 5%;
	font-size: 30px;
	color: #fff;
	justify-content: center;
	align-items: center;
	text-align: center;
}
@media (max-width:480px) {
	.three_step_wrapper {
		flex-wrap: wrap;
	  }
	.three_step_item {
		width: 100%;
	}
	.three_step_arrow {
		width: 100%;
	}
	.three_step_arrow i {
		rotate: 90deg;
	}
	}
/*********************************************
新規追加CSS カラム2列
*********************************************/
.two_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
	column-gap: 15px;
  row-gap: 1em;
}

/*********************************************
新規追加CSS カラム2列⇒カラム1列 グリッドレイアウト
*********************************************/
.two_to_one_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
	column-gap: 15px;
  row-gap: 1em;
}
@media (max-width:480px) {
	.two_to_one_wrapper {
	  display: grid;
	  grid-template-columns: 1fr;
		column-gap: 5px;
	  row-gap: 1em;
	}
	}
/*********************************************
新規追加CSS カラム2列⇒カラム1列 フレックスボックス
*********************************************/
.flex_wrapper {
		display: flex;
		flex-wrap: wrap;
	  }
	.two_to_one_item {
		width:50%;
		padding:5px;
	}
	  @media (max-width:480px) {
		.two_to_one_item {
			width:100%;
			padding:5px;
		}
		  }
  
/*********************************************
新規追加CSS カラム2列⇒カラム1列 30:70⇒100
*********************************************/
.two_to_one_37wrapper {
	display: grid;
	grid-template-columns: 30% 70%;
	  column-gap: 15px;
	row-gap: 1em;
  }
  @media (max-width:480px) {
	  .two_to_one_37wrapper {
		display: grid;
		grid-template-columns: 1fr;
		  column-gap: 5px;
		row-gap: 1em;
	  }
	  }
/*********************************************
新規追加CSS カラム1列⇒カラム2列
*********************************************/
.one_to_two_wrapper {
	display: grid;
	grid-template-columns: 1fr;
	  column-gap: 15px;
	row-gap: 1em;
  }
  @media (max-width:480px) {
	  .one_to_two_wrapper {
		display: grid;
		grid-template-columns: 35% 60%;
		column-gap: 5px;
		row-gap: 1em;
	  }
	}
/*********************************************
新規追加CSS カラム4列⇒カラム2列
*********************************************/
.four_to_two_wrapper {
	display: flex;
	flex-wrap: wrap;
  }
.ftt_item {
	width:25%;
	padding:5px;
}
  @media (max-width:480px) {
	.ftt_item {
		width:50%;
		padding:5px;
	}
}
/*********************************************
新規追加CSS カラム5列⇒カラム3列
*********************************************/
.five_to_three_wrapper {
	display: flex;
	flex-wrap: wrap;
}
.fivett_item {
	width: 20%;
	padding: 5px;
}
@media only screen and (max-width: 480px) {
	.fivett_item {
		width: 50%;
		padding: 5px;
	}
}
  
/*********************************************
	新規追加CSS 画像用モーダルウィンドウ
*********************************************/
	.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 60px 10px;
  text-align: center
}

.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}

.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}

.modal-wrapper .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 70%;
  max-width: 600px;
  padding: 30px 30px 15px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .6);
  vertical-align: middle
}

.modal-wrapper .modal-window .modal-content {
  max-height: 80vh;
  overflow-y: auto;
}

.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8)
}

.modal-wrapper .modal-close {
  z-index: 20;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  color: #95979c!important;
  font-size: 20px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0
}

.modal-wrapper .modal-close:hover {
  color: #2b2e38!important
}
/*********************************************
	新規追加CSS キャンペーン情報ページ
*********************************************/
.term_bar{
	background-color: #f19149;
	width:100%;
	color: #fff;
	text-align: center;
	font-size: 30px;
	font-weight: 800;
	padding: 5px 0;
	margin-top: 0px;
}
@media (max-width:480px) {
	.term_bar{
		font-size: 18px;
	}
}
/*********************************************
	新規追加CSS 宅配買取申込用ボタン
*********************************************/


.line_link_button {
	text-align: center;
}
.line_link_button span {
	display: inline-block;
	width: 350px;
	background-color: #090;
	border: 8px outset #070;
	border-radius: 10px;
	margin: 10px auto;
	font-weight: bold;
	text-align: center;
	vertical-align: baseline;
	font-size: 30px;
	color: #fff;
}
.line_link_button span:hover {
	background-color: #090;
	border: 8px inset #070;
	color: #ccc;
}
.line_link_button span::before {
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url(./img/line_icon_appicon.png);
    background-size: contain;
    vertical-align: middle;
}
.line_link_button span:hover::before {
	transition-duration: 0.4s;
	transform: translate(-5px, -5px);
	background-position: right 10% bottom 10%;
}

.takuhai_link_button {
	text-align: center;
}
.takuhai_link_button span {
	display: inline-block;
	width: 350px;
	background-color: #e90;
	border: 8px outset #c60;
	border-radius: 10px;
	margin: 10px auto;
	font-weight: bold;
	text-align: center;
	vertical-align: baseline;
	font-size: 30px;
	color: #fff;
}
.takuhai_link_button span:hover {
	background-color: #e90;
	border: 8px inset #c60;
	color: #ccc;
}
.takuhai_link_button span::before {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(./img/box_icon_close.png);
    background-size: contain;
    vertical-align: middle;
}
.takuhai_link_button span:hover::before {
    background-image: url(./img/box_icon_open.png);
}


.mail_link_button {
	text-align: center;
}
.mail_link_button span {
	display: inline-block;
	width: 350px;
	background-color: #09e;
	border: 8px outset #06c;
	border-radius: 10px;
	margin: 10px auto;
	font-weight: bold;
	text-align: center;
	vertical-align: baseline;
	font-size: 30px;
	color: #fff;
}
.mail_link_button span:hover {
	background-color: #09e;
	border: 8px inset #06c;
	color: #ccc;
}
.mail_link_button span::before {
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url(./img/mail_icon_close.png);
    background-size: contain;
    vertical-align: middle;
}
.mail_link_button span:hover::before {
    background-image: url(./img/mail_icon_send.png);
}
@media (max-width:480px) {
	.line_link_button span {
		border: 6px outset #070;
		font-size: 18px;
		width: 270px;
	}
	.line_link_button span:hover {
	border: 6px inset #070;
	}
	.line_link_button span::before {
		width: 30px;
		height: 30px;
	}
	.takuhai_link_button span {
		border: 6px outset #c60;
		font-size: 18px;
		width: 270px;
	}
	.takuhai_link_button span:hover {
	border: 6px inset #c60;
	}
	.takuhai_link_button span::before {
		width: 30px;
		height: 30px;
	}
	.mail_link_button span {
		border: 6px outset #06c;
		font-size: 18px;
		width: 270px;
	}
	.mail_link_button span:hover {
	border: 6px inset #06c;
	}
	.mail_link_button span::before {
		width: 30px;
		height: 30px;
	}
}

/*********************************************
新規追加CSS 宅配買取専用お問合せフォーム
*********************************************/
.takuhai_contact_form {
	padding: 10px;
}
.takuhai_form {
	padding: 10px;
}
.takuhai_form_title {
	padding: 10px;
	margin: 5px auto;
	color: #fff;
	background-color: #47adfe;
	border-radius: 10px;
}
/*********************************************
新規追加CSS 共通レイアウト
*********************************************/

.margin_tb20 {
	margin: 20px auto;
}

.margin_tb10 {
	margin: 10px auto;
}
.margin_10 {
	margin: 10px;
}
.padding_10{
	padding: 10px;
}
.padding_top15 {
	padding-top: 15px;
}
.all_padding_10 {
	padding:10px;
}
.section_title_red {
	background-color: #f00;
	color: #fff;
	text-align: center;
	font-size: 28px;
	height: 2em;
	font-weight: 800;
	padding: 0.5em;
}
@media (max-width:480px) {
.section_title_red {
	font-size: 18px;
}
}
@media (max-width:480px) {
	.pc_only {
		display: none;
	}
	.pc_to_sp {
		display:block;
		width:90%;
		margin:-80px auto 0;
	}
	.pc_to_sp2 {
		display:block;
		width:90%;
		margin:-60px auto 0;
		margin-bottom:-60px;
	}
	.pc_to_sp3 {
		display:block;
		width:90%;
		margin:-30px auto 0;
	}
}
@media (min-width:481px) {
	.sp_only {
		display: none;
	}
	.pc_to_sp {
		display:flex;
		justify-content: center;
		width:100%;
		margin-top:-30px;
	}
	.pc_to_sp2 {
		display:flex;
		justify-content: center;
		width:100%;
		margin-top:-30px;
		margin-bottom:-60px;
	}
	.pc_to_sp3 {
		display:flex;
		justify-content: center;
		width:100%;
		margin-top:-30px;
	}
}
.flow_pdf {
	text-align: left;
	vertical-align: bottom;
	margin-top: 50px;
  }
  .flow_pdf img {
	width: 50px;
  }
  .flow_pdf img:hover {
	animation: squash 1s infinite;
  }
/*********************************************
新規追加CSS 買取価格表用CSS
*********************************************/
.price_table {
	border-radius: 5px;
	background-color: #ddddff;
	margin: 15px auto;
    display:block;
	padding: 0;
}
.price_td {/*全体*/
	display:flex;
	flex-wrap: wrap;
	width:100%;
	justify-content: center;
	align-items: center;
	border-bottom: dotted 2px #fff;
}
.price_th {/*全体*/
	display:flex;
	flex-wrap: wrap;
	width:100%;
	justify-content: center;
	align-items: center;
	background-color: #8888ff;
	color: #fff;
	font-weight: 800;
	text-align: center;
	border-bottom: dotted 2px #fff;
}
.price_td:nth-child(2n+1) {/*td背景*/
	background-color: #ccccff;
}
.price_td div{
	padding: 1px 3px;
}
.price_td div:nth-child(4n+1) {/*メーカー*/
	width: 19%;
	border-right: dotted 2px #fff;
}
.price_td div:nth-child(4n+2) {/*品名*/
	width: 34%;
	border-right: dotted 2px #fff;
}
.price_td div:nth-child(4n+3) {/*品番*/
	width: 29%;
	border-right: dotted 2px #fff;
}
.price_td div:nth-child(4n+4) {/*買取価格*/
	width: 14%;
	padding-right: 2%;
	text-align: right;
	font-weight: 800;
}
.price_th div:nth-child(1) {/*メーカー*/
	width: 19%;
	border-right: dotted 2px #fff;
}
.price_th div:nth-child(2) {/*品名*/
	width: 34%;
	border-right: dotted 2px #fff;
}
.price_th div:nth-child(3) {/*品番*/
	width: 29%;
	border-right: dotted 2px #fff;
}
.price_th div:nth-child(4) {/*買取価格*/
	width: 14%;
}
.price_small{
	font-size: 5px!important;
}
@media (max-width: 480px) {
	.price_td div:nth-child(4n+1) {/*メーカー*/
		width: 39%;
	}
	.price_td div:nth-child(4n+2) {/*品名*/
		width: 59%;
	}
	.price_td div:nth-child(4n+3) {/*品番*/
		width: 59%;
	}
	.price_td div:nth-child(4n+4) {/*買取価格*/
		width: 39%;
	}
	.price_th div:nth-child(1) {/*メーカー*/
		width: 39%;
	}
	.price_th div:nth-child(2) {/*品名*/
		width: 59%;
	}
	.price_th div:nth-child(3) {/*品番*/
		width: 59%;
	}
	.price_th div:nth-child(4) {/*買取価格*/
		width: 39%;
	}
	
	}
/*********************************************
新規追加CSS Contact Form 7
*********************************************/
.cf7required{display:inline;background-color:#f00;margin:2px;padding:2px;font-size:5px;color:#fff;border-radius:5px;}

.cf7main{display:block;width:98%;height:auto;margin:0 auto;padding:10px;background-color:#FFE2D2;border:4mm ridge rgba(255,216,101, .6);border-radius:5px;}

.cf7area-parent{display:block;width:98%;margin:10px auto;}

.cf7area-parent02{display:block;width:98%;margin:-45px auto 10px;}

.cf7area-parent03{display:block;width:98%;margin:30px auto 10px;text-align:center;}

.cf7area-child01{display:inline-block;margin:5px;}

.cf7area-child02{display:block;margin:5px;}

.cf7area-child03{display:block;margin:10px;}

.cf7area-child04{display:block;margin:5px;padding:10px;}

.cf7section01{display:inline;width:15%;margin:5px;}

.cf7section02{display:block;margin:5px 10px;}

.cf7section03{display:inline;width:15%;margin:5px;vertical-align:top;}

.cf7input01{display:inline;width:35%;margin:5px 0;}

.cf7input02{}

.cf7tuika{display:block;width:100px;background-color:#0000FF;margin:0 auto;padding:2px;font-size:14px;color:#fff;border-radius:5px;}

.form_item {margin: 15px 0px;font-size: 1.4rem;color: #000;}

.wpcf7 input[type="submit"] {
/*width:45%;*/
margin-top:5px;
padding:10px;
border-radius:5px;
border: solid 1px;
/*box-shadow: 0 3px 0 #ddd;*/
background: rgba(229,229,229,0.7);
transition: 0.3s;
/*font-weight: bold;*/
}
.wpcf7 input[type="submit"]:hover {
background-color: #ff0000;
transform: translate3d(0px, 3px, 1px);
color:#fff;
font-weight: bold;
}
.wpcf7-response-output{background-color: #fff;font-weight: bold;text-align:center;}

/*********************************************
新規追加CSS Contact Form 7 FA用フォーム
*********************************************/
@media (max-width: 480px) {
.cf7-flex{
display: block!important;
}

.cf7-label{
/*flex: 0.5;*/
text-align:center;
width:50%!important;
height:40px;
}

.cf7-label2{
/*flex: 0.5;*/
text-align:center;
width:50%!important;
height:40px;
}

.cf7-your-name{
width:100%!important;
height:40px;
}

.cf7-your-name3{
width:5%!important;
height:150px!important;
}

.cf7-flex2{
display: block!important;
height:80px!important;
}

.cf7-flex3{
display: block!important;
height:120px!important;
}

.cf7-flex4{
display: block!important;
height:80px!important;
}

.cf7-flex5{
display: block!important;
height:145px!important;
}

.cf7-label3{
background:#778899!important;
padding:0;

}

.cf7-label4{
background:#778899!important;
padding:0;

}

.cf7-label5{
height:25px!important;
background:#778899!important;
padding:0;
}

.cf7-your-name4{
margin:5px 0 5px 0!important;
}

.cf7-text-deco{
font-size:18px!important;
color:#FFF;
text-decoration:;
filter: drop-shadow(2px 2px 0px #000080);
}

.cf7-text-deco02{
font-size:12px!important;
color:#FFF!important;
text-decoration:;
filter: drop-shadow(2px 2px 0px #000080);
}

.cf7-your-name5{
max-width:100%!important;
padding:0!important;
}

.cf7-your-name6{
max-width:100%!important;
}

.cf7-your-name7 label{
margin:0 10px!important;
}

.cf7-label6{
height:20px!important;
background:#778899!important;
padding:0;
}

.cf7-your-name9{
margin:20px 0!important;
max-width:99%!important;
/*max-height:100%100%!important;*/
/*padding:10px;*/
}

.cf7-label7{
max-width:100%!important;
text-align:center;
margin:0px!important;
height:25px!important;
background:#778899!important;
padding:0;
}

.cf7-your-name10{
}

.cf7-your-name11{
}

.cf7-your-name10 label{
margin:0 20px!important;
}

.cf7-pc { display:inline; }
.cf7-sp { display:none; }
  
}

/**********************************************/

.cf7-flex{
display: flex;
justify-content:flex-start;
align-items:flex-start;
width:100%;
}

.cf7-text-deco{
font-weight:bold;
}

.cf7-label{
/*flex: 0.5;*/
text-align:center;
width:30%;
height:40px;
background-color:#fff;
margin:0 5px 5px 5px;
padding-top:10px;
/*padding:5px 0 5px 0;*/
border-radius:5px;
vertical-align:middle;
}

.cf7-label2{
/*flex: 0.5;*/
text-align:center;
width:37%;
height:40px;
background-color:#fff;
margin:0 5px 5px 5px;
padding-top:10px;
/*padding:5px 0 5px 0;*/
border-radius:5px;
vertical-align:middle;
}

.cf7-your-name{
width:170%;
height:40px;
/*margin-top:0px;*/
/*flex: 1;*/
/*text-align:center;*/
/*padding-top:10px;*/
width:;
/*position: relative;
top:10px;*/
}

.cf7-your-name2{
width:100%;
height:40px;
/*margin-top:5px;*/
/*flex: 1;*/
/*text-align:center;*/
/*padding-top:10px;*/
width:;
}

.cf7-your-name3{
width:180%!important;
height:100px;
/*margin-top:5px;*/
/*flex: 1;*/
/*text-align:center;*/
/*padding-top:10px;*/
width:;
}

/**********************************************/
.cf7-flex2{
display: flex;
justify-content:center;
align-items:center;
max-width: 100%!important;
background:#778899;
height:60px;
border-radius:5px;
margin:5px auto;
}

.cf7-label3{
text-align:center;
margin:0 auto;
max-width:100%!important;
height:35px;
background-color:#fff;
padding:10px 0 0 10px;
border-radius:5px;
}
.cf7-your-name4{
margin:20px 10px 10px 10px;
max-width:100%!important;
height:35px;
border-radius:5px;
}

.cf7-flex3{
display: flex;
justify-content:center;
align-items:center;
max-width: 100%!important;
background:#778899;
height:60px;
border-radius:5px;
margin:5px auto;
}


.cf7-label4{
text-align:center;
margin:0 auto;
max-width:100%!important;
height:35px;
background-color:#fff;
padding:10px 0 0 10px;
border-radius:5px;
}

.cf7-your-name5{
max-width:80%;
padding:15px 0 0 0;
}

.cf7-your-name6{
max-width:100%!important;
color:#FFF;
/*background-color:#e6e6fa;*/
text-decoration:;
filter: drop-shadow(2px 2px 0px #000080);
/*border-radius:5px;*/
}

.cf7-your-name5 .wpcf7-list-item-label{
background-color:#696969;
border-radius:5px;
padding:2px;
}

.cf7-your-name5 .wpcf7-list-item-label:hover{
background-color:#dc143c;
}

.cf7-flex4{
display: flex;
justify-content:center;
align-items:center;
max-width: 100%!important;
background:#778899;
height:60px;
border-radius:5px;
margin:5px auto;
}


.cf7-label5{
margin:0 15px;
height:35px;
background-color:#fff;
padding:10px 0 0 10px;
border-radius:5px;
}

.cf7-your-name7{
margin:0 auto;
padding:15px 0 0 0;
}

.cf7-your-name8{
max-width:100%!important;
color:#FFF;
text-decoration:;
filter: drop-shadow(2px 2px 0px #000080);
}

.cf7-flex5{
display: flex;
justify-content:center;
align-items:center;
max-width: 100%!important;
background:#778899;
height:120px;
border-radius:5px;
margin:5px auto;
}

.cf7-label6{
/*max-width:100%!important;*/
margin:0 50px 0 20px;
height:55px;
background-color:#fff;
padding:10px 0 0 10px;
border-radius:5px;
}

.cf7-your-name9{
margin:25px 10px 10px 10px;
max-width:100%!important;
height:100px;
border-radius:5px;
filter: drop-shadow(-0.5px -0.5px 0px #000080);
}

.cf7-label7{
margin-left:40px;
height:35px;
background-color:#fff;
padding:10px 0 0 10px;
border-radius:5px;
}

.cf7-your-name10{
max-width:100%!important;
margin:0 auto;
padding:15px 0 0 0;
}

.cf7-your-name11{
color:#FFF;
text-decoration:;
filter: drop-shadow(2px 2px 0px #000080);
}

.cf7-text-deco02{
font-size:12px!important;
font-weight:bold;
}

.cf7-your-name7 .wpcf7-list-item-label{
background-color:#696969;
border-radius:5px;
padding:2px;
}

.cf7-your-name7 .wpcf7-list-item-label:hover{
background-color:#dc143c;
}

.cf7-your-name7 label{
margin:0 30px;
}

.cf7-your-name10 .wpcf7-list-item-label{
background-color:#696969;
border-radius:5px;
padding:2px;
}

.cf7-your-name10 .wpcf7-list-item-label:hover{
background-color:#dc143c;
}

.cf7-your-name10 label{
margin:0 50px;
}


#contact-form-001 .cf7required{
display:inline;
background-color:#f00;
margin:2px;padding:2px;
font-size:10px;
color:#fff;
border-radius:5px;
}

#contact-form-001 .wpcf7-not-valid-tip {
margin:0 auto;
max-width:300px!important;
color: #dc3232;
background-color:#fff;
font-size: 1em;
font-weight: 400;
display: block;
border-radius:5px;
}

#contact-form-001 .cf7area-parent03{
display:block;
max-width:100%;
margin:20px auto;
text-align:center;
}

#contact-form-001 .cf7area-child04{
display:block;
margin:0 auto;
padding:10px;
}

#contact-form-001 .wpcf7 input[type="submit"] {
/*width:45%;*/
margin-top:5px;
padding:10px;
border-radius:5px;
border: solid 1px;
/*box-shadow: 0 3px 0 #ddd;*/
background: rgba(229,229,229,0.7);
transition: 0.3s;
/*font-weight: bold;*/
}

#contact-form-001 .wpcf7 input[type="submit"]:hover {
background-color: #ff0000;
transform: translate3d(0px, 3px, 1px);
color:#fff;
font-weight: bold;
}

#contact-form-001 .ajax-loader {
display: block;
margin: 5px auto 0;

}
/*********************************************
宅配買取トップページ用ヘッダーCSS
*********************************************/

.sh_page {
	background-color:#FFF;
	margin:0;
}
.sh_page h1 {
	font-weight:800;
	font-family: 'M PLUS 1', sans-serif;
	text-align:center;
	background: #FFFFFF;
	color: #233B6C;
	padding:10px 0;
	margin:0;
}
.slimheader_container {
	height: 80px;
	background-color: #233B6C;}
.sh_copy {
	font-family: 'M PLUS 1', sans-serif;
	font-size:1.1em;
	font-weight:bold;
	color: #f33;
	text-shadow: 1px 1px 2px #000;
	padding-left: 15px;
}
.sh_copy img {
	max-height:50px;
}
.logo_circle {
	display: block;
	margin: 1px auto;
	height:auto;
	max-height:68px;
}
.sh_button_item {
	margin: 0;
	height: 60px;
	max-width:100%;
	text-decoration: none;
}
.sh_button {
	margin:5px;
	border-radius:10px;
	height: 100%;
	font-size:26px;
	font-weight:bold;
	color: #FFF;
	text-align: center;
	line-height: 1em;
	box-shadow: 3px 3px 1px 0px rgba(0, 0, 0, 0.45);
	text-decoration: none;
}
.sh_button_text{
	display:inline-block;
	font-size:11px;
	transform: rotate(-3deg); 
}
.sh_line {background-color:#0c0;}
.sh_mail {background-color:#88F;}
.sh_takuhai {background-color:#C55;}

.sh_button:hover {
	margin-top: 7px;
	margin-left: 7px;
	box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.6);
	opacity: 0.8;
}
.sh_normal {
	border-width: 8px;
    border-color: #233B6C;/*#00A735;*/
    border-style: solid;
    background-color: #125;/*#06C755;*/
    text-align: center;
    color: #FFFFFF;
    font-weight: 800;
    font-size: 28px;
    line-height: 1.2;
    margin: 5px auto 40px;
    padding: 10px;
	max-width: 900px;
	box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.3);
}
.sh_normal_wide {
	margin: 15px;
	margin-left: auto;
	margin-right: auto;
	padding:10px;
	background: #233B6C;
	color: white; font-size: 28px;
	font-weight: 600;
	text-align: center;
	border-radius: 0px;
	width: 99%;
	box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.3);
}
.sh_item_list > .kaitori_item img {
	border-radius:2px;
	box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.3);
}
.sh_page .category_list_list figure figcaption {
	font-size:16px;
	border-radius: 0px 0px 2px 2px;
}
.sh_page .kaitori_item .item_title {
	background-color: #777;/*bfbfbf*/
	height: 90px;
	padding:4px 7px;
}
.sh_page .kaitori_item .item_title:hover {
	background-color: #AAA;/*bfbfbf*/
}
.sh_page .kaitori_item .item_title h3 {
	color:#FFF;
	font-weight:bold;
	font-size:1.1rem;
	margin:0;
}
.sh_flow_container {
	width:95%;
	margin:0 auto;
}
.sh_section {
	background: #EEE;
	padding: 40px 10px;
	margin: 20px 10px;
	box-shadow: 5px 5px 2px 0 rgba(0, 0, 0, .3);
}
.sh_section time{
	color:#DDE;
}
.sh_brand_list div{
	padding:10px;
}
.sh_brand_list div img{
	width: 100%;
	height: auto;
}
.sh_brand_list > div > div > figure > figcaption {
	margin-top:0px;
	padding:0px;
	font-size:10px;
	text-align:center;
}
.sh_stepnum {
	font-size: 1.3em;
	transform: rotate(7deg);
	display: inline-block;
	font-weight: 900;
	background: orange;
	text-shadow: 2px 2px 1px gray;
	border-radius: 50%;
	color: white;
}
@media only screen and (max-width: 480px) {
	.sh_page h1 {
		font-size:20px;
		padding:10px 0;
	
	}
	.slimheader_container {height: 90px;background-color: #233B6C;}
	.sh_copy {
		font-size:10px;
		font-weight:bold;
		color: #FFF;
		padding-left:2px;
	}
	.sh_copy img {
		max-height:60px;
	}
	.sh_button_text{
		padding-top:10%;
		line-height:12px;
	}
	.sh_button {
		margin:2px;
		border-radius:5px;
		height: 100%;
		line-height:1.2em;
		font-size:13px;
	}
	.sh_normal {
		font-size: 20px;
		line-height: 1;
	}
	.sh_normal_wide {
		font-size: 18px;
		width: 95%;
	}
	.sh_normal_small {
		font-size:70%;
	}
	.sh_page .category_list_list figure figcaption {
		font-size: 12px;
	}
	.sh_flow_container {
		width:100%;
	}
	.sh_section {
		padding: 2px;
		margin: 0;
		box-shadow:0 0 0 0;
	}
	.sh_brand_list div{
		padding:5px;
	}
	.sh_brand_list > div > div > figure > figcaption {
		font-size:8px;
	}
}
.takuhai_page_menu {
	display: flex;
	flex-wrap: wrap;
	margin:0px auto 20px;
	text-align:center;
	padding:0px;
}
.takuhai_page_menu_item {
	padding:10px;
	text-align:center;
	width:24.5%;
	margin:10px auto;
	border-radius: 10px 10px 10px 10px;
}
.takuhai_page_menu_item a {
	font-size:22px;
	font-weight:bold;
	color:#FFF;
}
.takuhai_page_menu .small_text {
	font-size:12px;
}
.takuhai_page_menu .menu_line {background-color:#3C3;}/* 3C3 */
.takuhai_page_menu .menu_flow {background:#C55;}/* 55C */
.takuhai_page_menu .menu_price {background:#55C;}/* C55 */
.takuhai_page_menu .menu_about {background:#233B6C;}/* 233B6C */
.takuhai_page_menu img {
	float: left;
	width:50px;
}

.sh_page .kaitori_flow_title {
	font-family: 'M PLUS 1p', sans-serif;
	color: #125;
	font-size: 65px;
	font-weight: 800;
	text-align:center;
	}
@media (max-width :480px) {
	.sh_page .kaitori_flow_title {
		font-size: 40px;
	}
	.takuhai_page_menu_item {
		padding:5px;
		width:50%;
		border-radius:0px;
		margin:0 auto;
	}
	.takuhai_page_menu_item a {
		font-size:15px;
		line-height:1em;
	}
	.takuhai_page_menu {
		margin:0px auto;
	}
	.takuhai_page_menu .small_text {
		font-size:10px;
		background:#FFF;
		color: #222;
		border-radius: 5px;
	}
	.takuhai_page_menu img {
		display:block;
		width:35px;
	}
}
#takuhai_about-us h3{
	font-weight:800;
	color: #125;
}
#takuhai_about-us div{
	width:95%;
	margin:0 auto;
}
#takuhai_about-us p{
	margin:10px;
	padding:10px;
	background:white;
	border-radius:5px;
	overflow:  auto;
}
#takuhai_about-us p img{
	margin:10px 30px 10px 10px;
	box-sizing: border-box;
	max-width:350px;
	max-height:100%;
	float:left;
}
@media (max-width :480px) {
	#takuhai_about-us p img{
	margin:0 auto;
	box-sizing: border-box;
	max-width:100%;
	clear: both;
}
}
/******　　折り畳みコンテナ内　　*******/
.sh_page .outer_container {
	padding: 20px;
	margin: 20px;
	background-color: #EEE;
	}
	.sh_page .inner_container {
	width: 90%;
	background-color: #fff;
	border-radius: 10px 10px 0 0;
	padding: 10px;
	margin: 10px auto;
  }
  .sh_page .step_contents {
	display: flex;
	flex-wrap: wrap;
  }
  .sh_page .inner_container_box_right {
	background-color: #ccccff;
	border-radius: 10px;
  padding: 10px;
  margin: 10px;
  width: 35%;
  }
  .sh_page .inner_container_box_left {
  padding: 10px;
  margin: 10px;
  width: 60%;
  }
  .sh_page .inner_container_box {
  padding: 10px;
  margin: 10px;
  }
  .sh_page .step_title {
	font-size: 30px;
	font-weight: bold;
	font-family: 'M PLUS 1', sans-serif;
	color: #66f;
	width: 100%;
	padding: 20px;
	border-bottom: dashed 3px #66f;
  }
.sh_section_interval {
	margin: 5px auto;
	width:90%;
	max-width:900px;
  }
.sh_photo_desc {
	display:block;
	font-size: 14px;
	height:4em;
}
.sh_text_desc {
	width:100%;
	margin-top:40px;
	padding:10px 20px;
	background: #FFF;
	border-radius: 7px;
}
.photo-number {
	position: relative;
}
.photo-num {
	position: absolute;
	color:#FFF;
	background:rgb(255 165 0 / 0.85);
	font-family: 'M PLUS 1', sans-serif;
	font-size:36px;
	font-weight:800;
	line-height: 1.25em;
	text-align: center;
	margin:10px 0 0 10px;
	width: 50px;
	height: 50px;
	border-radius: 25px;
}
#sh_reason .reasonContainer {
	padding:2.5%;
}
#sh_reason .reasonContainer img{
	width:100%;
}
#sh_reason .reasonTitle {
	font-weight:800;
	padding-left:20px;
}
#sh_reason .reasonTitle::first-letter {
	font-size:1.1em;
}
  @media only screen and (max-width: 480px){
	.sh_page .outer_container {
	padding: 2px;
	margin: 20px 0;
	}
	.sh_page .inner_container {
	  width: 100%;
	  margin: 10px auto;
	}
	.sh_page .inner_container_box_right {
	width: 100%;
	}
	.sh_page .inner_container_box_left {
	width: 100%;
	}
	.sh_page .step_title {
		font-size: 24px;
	 }
	.sh_photo_desc {
		font-size: 12px;
		height:5em;
	}
	.sh_text_desc {
		padding:5px;
		border-radius: 5px;
	}
	.photo-num {
		font-size: 22px;
		margin: 3px 0 0 3px;
		width: 32px;
		height: 32px;
		border-radius: 16px;
	}
  }
/******　　ダウンロードボタン　　*******/
.sh_button_container {
	width: 80%;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	margin-bottom: 40px;
	flex-wrap: nowrap;
  }
  .sh_button_box {
	width: 200px;
	border-radius: 5px;
	margin: 10px;
	padding: 7px;
	font-size: 22px;
	font-weight: bold;
	font-family: 'M PLUS 1', sans-serif;
	color: #fff;
	text-align: center;
	box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.5)
  }
  .sh_button_box:hover {
	box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
	margin:13px 13px 7px 7px;
  }
  .sh_button_img {
	width: 35px;
	margin-right: 10px;
	background-color:#FFF;
	border-radius: 3px;
  }
  .button_action_app {
	background-color: #f66;
  }
  .button_action_app:hover {
	background-color: #faa;
  }
  .button_action_lst {
	background-color: #1c7;
  }
  .button_action_lst:hover {
	background-color: #3f9;
  }
  .button_action_kit {
	background-color: #66f;
  }
  .button_action_kit:hover {
	background-color: #aaf;
  }
  @media only screen and (max-width: 480px){
	.sh_button_box {
	  width: 110px;
	  border-radius: 5px;
	  margin: 5px;
	  padding: 5px;
	  font-size: 16px;
	  color: #fff;
	}
	.sh_button_img {
	  width: 35px;
	  margin-right: 0;
	}
  }
  #new-powerpush-items img {width:100%;}
  .new-powerpush-container {
	display:flex;
	flex-wrap: wrap;
	padding:10px;
  }
  .new-powerpush-image {
	width:40%;
	padding:10px;
  }
  .new-powerpush-contents {
	width:60%;
	padding:10px;
  }
  .new-powerpush-contents h3 {
	font-weight:800;
	padding:10px;
	font-family: 'M PLUS 1', sans-serif;
	border-left:solid 10px #233B6C;
  }
  .new-powerpush-contents h3::first-letter {
	font-size:1.1em;
	font-weight:800;
  }
  .new-powerpush-contents p {
	background-color:#FCFCFC;
	font-family: 'M PLUS 1', sans-serif;
	padding:10px;
  }
@media only screen and (max-width: 480px){
	.new-powerpush-image {
		width:100%;
		padding:10px;
		order:0;
	  }
	  .new-powerpush-contents {
		width:100%;
		padding:10px;
		order:1;
	  }
	  .new-powerpush-contents h3 {
		font-size:18px;
	  }
	  .new-pow
	  .new-powerpush-contents p {
		font-size:12px;
	  }
}
/*********************************************
宅配Newページフッター用CSS
*********************************************/
.footer_more {
	color:#FFF;
	font-weight:800;
	font-size:24px;
	text-align:center;
}
.open_footermenu {
	*zoom:1;
	list-style-type: none;
	margin: 0;
	padding: 0;

}
.open_footerlist {
	width:100%;
	margin:0;
	padding:0;
}
.footerlist_menu {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-auto-rows: minmax(50px, auto);
	list-style-type: none;
}
.footerlist_menu li {
	padding:2px;
	font-family: 'M PLUS 1', sans-serif;
}

.footerlist_menu li:first-child {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
	display: flex;
	align-items:center;
	justify-content: center;
}
.footerlist_menu li:nth-child(2) {
	grid-column: 2 / 5;
	grid-row: 1 / 2;
}
.footerlist_menu li:nth-child(2) a {
	display: flex;
	justify-content: center;
	align-items: center;
	background:#233B6C;
	color:#FFF;
	font-size:24px;
	font-weight:800;
	line-height:1.5em;
	border-radius: 5px;
	width:100%;
	height:100%;
}

.footerlist_menu li:nth-child(3) {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}
.footerlist_menu li:nth-child(3) a {
	display: flex;
	justify-content: center;
	align-items: center;
	background:#7ec65d;
	color:#FFF;
	font-size:16px;
	font-weight:800;
	line-height:2em;
	border-radius: 5px;
	width:100%;
	height:100%;
}
.footerlist_menu li:nth-child(4) {
	grid-column: 3 / 4;
	grid-row: 2 / 3;
}
.footerlist_menu li:nth-child(4) a {
	display: flex;
	justify-content: center;
	align-items: center;
	background:#88F;
	color:#FFF;
	font-size:16px;
	font-weight:800;
	line-height:2em;
	border-radius: 5px;
	width:100%;
	height:100%;
}
.footerlist_menu li:nth-child(5) {
	grid-column: 4 / 5;
	grid-row: 2 / 3;
}
.footerlist_menu li:nth-child(5) a {
	display: flex;
	justify-content: center;
	align-items: center;
	background:#fbca1a;
	color:#FFF;
	font-size:16px;
	font-weight:800;
	line-height:2em;
	border-radius: 5px;
	width:100%;
	height:100%;
}
.footerlist_menu li a img {
	width: 100%;
}
/* 新フローティングバナー 1ボタン用 */

	.one_dropmenu img {
	display: block;
	width: 100%;
	border-radius: 5px;
	}
	.one_dropmenu:before, .one_dropmenu:after{
	content: "";
	display: table;
	}
	.one_dropmenu:after{
	clear: both;
	}
	.one_dropmenu li{
	position: relative;
	width: 99.9%;
	float: left;
	margin: 0;
	padding: 2px;
	text-align: center;
	}
	.three_dropmenu li a{
	display: block;
	margin: 0;
	padding: 0;
	color: #fff;
	}
	.one_dropmenu li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: -100%;
	left: 0;
	margin: 0;
	padding: 0;
	width: 300%;
	}
	.one_dropmenu li ul img {
	width: 100%;
	}
	.one_dropmenu li ul li{
	width: 99.9%;
	display: inline-block;
	}
	.one_dropmenu li ul li a{
	border-top: 1px solid #FFF;
	}
/*********************************************
キャンペーン一覧ページ用CSS
*********************************************/

.campaign_bigtext {
	margin: 15px;
	margin-left: auto;
	margin-right: auto;
	padding:10px;
	background: #06C755;
	color: white;
	font-size: 28px;
	font-weight: 600;
	text-align: center;
	border-radius: 0px;
	width: 99%;
}
.splide_box {
	margin-top:0px;
	background-color:rgba(40,40,40,.1);
}
.splide_icon_box {
	padding: 2px;
}
.splide_icon_box img {
	margin-bottom: 0.1em;
	width:100%;
}
.splide_icon_box:hover {
	opacity:.5;
}
.splide_explanation {
	margin: 0;
	width:100%;
	background-color: #444;
	color: #FFF;
	font-size: 12px;
	font-weight:800;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8);
	text-align: center;
	padding: 5px;
}
.campaing_title_bar{
	margin: 15px;
	margin-left: auto;
	margin-right: auto;
	padding:10px;
	background: #06C755;
	color: white;
	font-size: 28px;
	font-weight: 600;
	text-align: center;
	border-radius: 0px;
	width: 70%;
}
@media only screen and (max-width: 480px) {
	.campaign_bigtext {
		font-size: 20px;
	}
	.splide_explanation {
		font-size: 10px;
		padding: 3px;
	}
	.splide__slide {
		height:90px !important;
	}
}

/*********************************************
宅配買取品目リスト用CSS
*********************************************/
#takuhai-item-list-main{
display:block;
border-radius:5px;
border:solid 1px #000;
background:#fff;
margin:3px;
}

.takuhai-item-class{
display:block;
margin-left:15px;
margin-top:5px;
width:fit-content;
font-weight:bold;
background:#dcdcdc;
padding:5px;
border-radius:5px;
border:solid 1px #000;
}

.takuhai-item-name{
display:inline-block;
font-weight:bold;
background:#f5f5f5;
width:fit-content;
margin:5px;
padding:10px 5px 0px 5px;
border-radius:5px;
border:solid 1px #000;
}

/*********************************************
宅配買取品目スライドアニメーションCSS
*********************************************/
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.takuhai-item-scroll{

}
.takuhai-item-scroll-wrap {
display: flex;
overflow: hidden;
height:73.79px;
margin-bottom:0px;
background:#fff;
}

.takuhai-item-scroll-list {
display: flex;
list-style: none;
margin:0;
padding:0;
}

.takuhai-item-scroll-list-left{
animation :infinity-scroll-left 20s infinite linear 1s both;
}

.takuhai-item-scroll-gazou {
/*width: calc(100vw / 6);*/
width:207.86px;
height:73.79px;
margin-right:5px;
border:solid 1px #000;
}

.takuhai-item-scroll-gazou > img{
width: 100%;
}

.takuhai-item-scroll-wrap:hover .takuhai-item-scroll-list-left{
  animation-play-state: paused;
  background:#c71585;
}

/*********************************************
LPトップ スピード査定 スピード振込 表示部
*********************************************/
.speed-saitan-main{
grid-column: 2 / 3;
grid-row: 1 / 2;
padding-top: 100px;
/*position:absolute;*/
/*right:400px;*/
/*top:5px;*/
}

.speed-saitan-block{
display:;
width:480px;
height:80px;
line-height:80px;
text-align:center;
margin:8px;
border-radius:20px;
background:rgba(255,99,71,0.8)
}

.speed-saitan-font{
font-weight:bold;
text-shadow:2px 2px 3px black;
color:#fff;
font-size:35px;
font-family:"";
}

.speed-saitan-font:before{
/*content:"\02714";*/
position:relative;
content:url(img/reten.png);
top:5px;
}

@media (max-width: 480px) {
.speed-saitan-main{
/*position:absolute;*/
margin-right:10px;
/*top:0px;*/
margin-top:-80px;
}

.speed-saitan-block{
display:;
width:180px;
height:28px;
line-height:28px;
text-align:center;
margin:8px;
border-radius:20px;
background:rgba(255,99,71,0.8)
}

.speed-saitan-font{
font-weight:bold;
text-shadow:2px 2px 3px black;
color:#fff;
font-size:12px;
font-family:"";
}


.speed-saitan-font:before{
/*display:none;*/
/*content:"\02714";*/
display: inline-block;
position:relative;
content:'';
background-image: url(img/reten.png);
background-size: contain;
background-repeat: no-repeat;
top:3px;
width:18px;
height:18px;
}

}

/*********************************************
ページIDでCSS指定できるサンプル
*********************************************/
/*.page-id-25217{
background:#000;
}*/
/*********************************************
カテゴリー一覧表示サンプル 2024.09.22
*********************************************/
.category_list{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	width:100%;
	margin: 5px auto;
	padding: 0px;
}
.category_list li{
	width:16%;
	margin:2px;
	padding:0px 3px;
	font-size:11px;
	height:2.5em;
	border:1px solid #FFF;
	border-radius:2px;
	background:#FFF;
	list-style-type: none;
	text-align:center;
}
#category-list details {
	width:100%;
	margin:0px auto;
}
#category-list details summary {
	font-size:20px;
	font-weight: bold;
	text-align:center;
	cursor: pointer;
	width:100%;
	border:4px solid #AAA;
	border-radius:5px;
	padding:5px;
	background:#AAA;
	color:#FFF;
	margin:10px auto;
}
#category-list details summary:hover {
	background:#CCC;
	color:#EEE;
}
@media (max-width: 480px) {
.category_list li{
	width:24%;
	margin:2px;
	font-size:10px;
}
#category-list details summary {
	font-size:18px;
	width:100%;
}
}

/*********************************************
宅配買取トップページ案内箇所CSS 2024.11.11
*********************************************/
.takuhai-campaign-link{
margin: 15px;
margin-left: auto;
margin-right: auto;
padding:10px;
background: #06C755;
color: white;
font-size: 28px;
font-weight: 600;
text-align: center;
border-radius: 0px;
width: 70%;
}
.takuhai-campaign-link:hover{
	background: #16D765;;
}
@media (max-width: 480px) {
.takuhai-campaign-link{
font-size: 20px;
width: 100%;
}
.info-wrap .info_title {
	padding: 5px 0 10px 0;
	margin-top: -10px;
}
}

/*********************************************
宅配買取トップページ追加CSS 2024.11.11
*********************************************/
.Commentheight10 {
	height:11em;
}
.takuhai-newflow {
	padding: 15px;
}
.takuhai-newflow img {
	margin-bottom:10px;
}
.newflow-num {
	color:#233B6C;
	font-size:2em;
	font-weight:800;
	font-family: 'M PLUS 1', sans-serif;
	margin-right:5px;
	display:inline;
}
@media (max-width: 480px) {
	.takuhai-newflow {
		padding: 5px;
	}
}
/*********************************************
宅配買取トップページ追加CSS展開部 2024.11.18
*********************************************/
.takuhai_detail details {
}
.takuhai_detail details > summary {
	background-color: #233B6C;
	box-shadow: 0 5px 0 #125;
	border-radius: 7px;
	text-align: center;
	color: #FFFFFF;
	font-weight: 800;
	font-size: 23px;
	line-height: 2;
	margin: -2px auto 2px;
	width:88%;
	padding: 5px 0px;
}
.takuhai_detail details > summary::before {
	content: "+ ";
}
.takuhai_detail details[open] > summary::before {
	content: "- ";
}
.takuhai_detail details > summary:hover {
	background-color: #233B6C;
	box-shadow: 0 3px 0 #125;
	margin: 2px auto -2px;
}
.takuhai_detail details[open] .takuhai_detail_content {
  animation: ContentFadeIn 0.2s ease-in-out;
}
@keyframes ContentFadeIn {
 0% {
 opacity: 0; 
 transform: translateY(-10px); 
 }
 100% {
 opacity: 1;
 transform: none;
 }
}
@media (max-width:480px) {
	.takuhai_detail details > summary {
		border-radius: 7px;
		text-align: center;
		color: #FFFFFF;
		font-weight: 800;
		font-size: 16px;
		line-height: 3;
		margin: 0px auto 2px;
		width:95%;
	}
}

/*********************************************
買取価格表 説明文 スクロール上部固定 2025/0623
*********************************************/
.sticky-element {
  position: sticky;
  top: 0;
  /*background-color: lightblue;*/
  z-index:3;
  padding: 10px;
}