@charset "utf-8";

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea {
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
}

.clear {
	clear: both;
}

.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}
/* sp_style_common */
html {
	-webkit-text-size-adjust: 100%;
}

body {
	font-size: 14px;
	background-image: none;
	background-color: #FFFFFF;
}

img {
	max-width: 100%;
	height: auto;
}

/* sp_style_header */
#title-area {
	position: relative;
	box-shadow: 0 0 6px rgba(0,0,0,.5);
	z-index: 10;
}

#title {
	width: 100%;
	height: 73px;
}

#title h1 {
	padding-left: 2px;
	background: #33678E;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 16px;
	height: 16px;
	font-weight: bold;
}

#title p#logo {
	margin: 10px auto;
	width: 176px;
	height: 37px;
	background: url(images/logo1.png) no-repeat;
	background-size: 176px 37px;
	text-indent: -9999px;
	float: none;
	position: relative;
	top: 0;
}
#title p#logo a {
	display: block;
	width: 176px;
	height: 37px;
}

#title p#logo:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#social {
	display: none;
}

#title-area #telnum {
	display: none;
}

#title-area .mail_btn {
	display: none;
}

#drawerBtn {
	display: block;
	position: absolute;
  top: 27px;
  left: 10px;
  z-index: 2;
  overflow: hidden;
}

a.sp_menu {
	padding: 10px 5px;
	display: block;
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
	background: #60B6E5;
}


#global_navi {
	width: 100%;
	height: auto;
	background: none;
}

#global_navi ul {
	height: auto;
}

#global_navi li {
	width: 100%;
	height: auto;
	float: none;
	text-align: left;
	position: relative;
	font-size: 14px;
	box-sizing: border-box;
	z-index: 0;
}

#global_navi li:after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 14px;
	right: 10px;
	border-right: 3px solid #7f7f7f;
	border-bottom: 3px solid #7f7f7f;
	z-index: 5;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#global_navi li a {
	padding: 10px 0 10px 10px;
	width: 100%;
	height: auto;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1;
	display: block;
	text-decoration: none;
	box-sizing: border-box;
}

#global_navi li.sp_social,
#global_navi li.sp_contact {
	display: block;
}

#global_navi li.sp_contact form {
	margin: 0;
	line-height: 1;
}

#global_navi li.sp_contact input[type="submit"] {
	margin: 0;
	padding: 10px;
	width: 100%;
	background: none;
	border: none;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1;
	text-align: left;
	cursor: pointer;
}
/* sp_style_main */
#top_img img {
	display: none;
}

#top_img:before {
	padding-top: 50%;
	content: "";
	display: block;
	width: 100%;
	height: auto;
	background: url(https://panerou.com/wp-content/themes/original/images/sp_top_img.jpg) no-repeat;
	background-size: 100%;
}

#top_img:after {
	content: "";
	display: block;
}

#wrapper {
	padding: 0;
	width: 100%;
	background: none;
}
.top_shadow {
	display: none;
}

#navigation {
	padding: 15px 10px;
  box-sizing: border-box;
}

.btn_top {
	padding: 10px;
}

.btn_top a {
	margin-top: 15px;
	display: block;
}

.btn_top img {
	width: 100%;
	height: auto;
}
.btn_top a + a img {
	margin-left: 0;
}

#content {
	width: 100%;
	float: none;
}

#content h2 {
	padding: 15px 5px;
  width: 100%;
	height: auto;
	border: 1px solid #3b69c7;
	color: #FFFFFF;
	font-size: 14px;
	border-radius: 2px;
	line-height: 1;
	letter-spacing: -1px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3d65ff), color-stop(0.00, #68a8ff));
	background: -webkit-linear-gradient(#68a8ff, #3d65ff);
	background: -moz-linear-gradient(#68a8ff, #3d65ff);
	background: -ms-linear-gradient(#68a8ff, #3d65ff);
	background: linear-gradient(#68a8ff, #3d65ff);
  box-sizing: border-box;
}

.txt_box1 {
	padding: 0;
	width: 100%;
	height: 300px;
	border: 1px #cccccc solid;
	box-sizing: border-box;
	box-shadow: inset 0 0 8px rgba(0,0,0,.5);
}

.txt_box1 li {
	padding: 15px 10px;
	height: auto;
	line-height: 1;
	border-bottom: 1px #CCC dotted;
}

.date {
	margin-bottom: 5px;
	display: block;
	font-size: 12px;
}

.txt_box1 a {
	display: block;
}

.post-wrap {
	width: 100%;
}

.post-wrap h3 {
	padding: 10px 5px;
	width: 100%;
	height: auto;
	border: 1px solid #3b69c7;
	color: #FFFFFF;
	font-size: 14px;
	border-radius: 2px;
	line-height: 1;
	letter-spacing: -1px;
	box-sizing: border-box;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3d65ff), color-stop(0.00, #68a8ff));
	background: -webkit-linear-gradient(#68a8ff, #3d65ff);
	background: -moz-linear-gradient(#68a8ff, #3d65ff);
	background: -ms-linear-gradient(#68a8ff, #3d65ff);
	background: linear-gradient(#68a8ff, #3d65ff);
}

.post-wrap ul.arealinks1 {
	margin-top: 10px !important;
	padding: 10px;
	box-sizing: border-box;
}

.post-wrap .arealinks1 li:first-child label {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.post-wrap .arealinks1 li:last-child label {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom: none;
}

.post-wrap .arealinks1 li label {
	margin: 0;
	padding: 15px 10px;
	width: 100%;
	display: block;
	float: none;
	box-sizing: border-box;
	cursor: pointer;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3cc2ce), color-stop(0.00, #9de5ec));
	background: -webkit-linear-gradient(#9de5ec, #3cc2ce);
	background: -moz-linear-gradient(#9de5ec, #3cc2ce);
	background: -ms-linear-gradient(#9de5ec, #3cc2ce);
	background: linear-gradient(#9de5ec, #3cc2ce);
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 0;
	border-top: 1px solid rgba(255,255,255,.8);
  border-left: none;
	border-bottom: 1px solid #2C939C;
	text-align: left;
	position: relative;
}

.post-wrap .arealinks1 li label:after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 20px;
	right: 15px;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	z-index: 5;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.post-wrap .arealinks1 li input:checked + label:after {
	top: 22px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.post-wrap .arealinks1 li input:checked ~ .slide_menu1, 
.post-wrap .arealinks1 li input:checked ~ .slide_menu2 {
	height: 280px;
  padding: 0;
}

.post-wrap .arealinks1 li input:checked ~ .slide_menu3,
.post-wrap .arealinks1 li input:checked ~ .slide_menu5,
.post-wrap .arealinks1 li input:checked ~ .slide_menu9 {
	height: 240px;
  padding: 0;
}

.post-wrap .arealinks1 li input:checked ~ .slide_menu4,
.post-wrap .arealinks1 li input:checked ~ .slide_menu7 {
	height: 160px;
  padding: 0;
}

.post-wrap .arealinks1 li input:checked ~ .slide_menu6 {
	height: 200px;
  padding: 0;
}

.post-wrap .arealinks1 li input:checked ~ .slide_menu8 {
	height: 320px;
  padding: 0;
}

.post-wrap .arealinks1 li input:checked ~ .slide_menu10 {
  height: 120px;
  padding: 0;
}

.arealinks1 li {
	margin: 0;
}

ul.link {
  padding: 0
}

.link li {
	margin: 0;
	padding: 0 10px;
	width: 100%;
	float: none;
	height: 40px;
	background: #E9E9E9;
	border-bottom: 1px solid #CCCCCC;
	position: relative;
	box-sizing: border-box;
}

.link li.first {
	padding: 0 10px;
	width: 100%;
	box-sizing: border-box;
}

.link li a {
	padding: 10px;
	display: block;
	box-sizing: border-box;
  border: none;
  background: none;
}
ul.arealinks1 li ul.link.slide_menu1 li,
ul.arealinks1 li ul.link.slide_menu2 li,
ul.arealinks1 li ul.link.slide_menu3 li,
ul.arealinks1 li ul.link.slide_menu4 li,
ul.arealinks1 li ul.link.slide_menu5 li,
ul.arealinks1 li ul.link.slide_menu6 li,
ul.arealinks1 li ul.link.slide_menu7 li,
ul.arealinks1 li ul.link.slide_menu8 li,
ul.arealinks1 li ul.link.slide_menu9 li,
ul.arealinks1 li ul.link.slide_menu10 li {
	margin: 0;
	padding: 0 10px;
	width: 100%;
	float: none;
	height: 40px;
	background: #E9E9E9;
	border-bottom: 1px solid #CCCCCC;
	position: relative;
	box-sizing: border-box;
	text-align: left;
}

.slide_menu1, .slide_menu2,
.slide_menu3, .slide_menu4,
.slide_menu5, .slide_menu6,
.slide_menu7, .slide_menu8,
.slide_menu9, .slide_menu10 {
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.3s ease-in-out;
	-moz-transition: height 0.3s ease-in-out;
	-ms-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;
}

.link.slide_menu1 li:after,
.link.slide_menu2 li:after,
.link.slide_menu3 li:after,
.link.slide_menu4 li:after,
.link.slide_menu5 li:after,
.link.slide_menu6 li:after,
.link.slide_menu7 li:after,
.link.slide_menu8 li:after,
.link.slide_menu9 li:after,
.link.slide_menu10 li:after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 16px;
	right: 15px;
	border-right: 2px solid #7f7f7f;
	border-bottom: 2px solid #7f7f7f;
	z-index: 5;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.info_box1,
.info_box2,
.info_box3 {
	padding: 10px;
	width: 100%;
	float: none;
	left: 0;
	text-align: center;
	box-sizing: border-box;
}

.info_box1,
.info_box2 {
	border-bottom: 1px solid #CCCCCC;
}

.info_box1 img,
.info_box2 img,
.info_box3 img {
	margin: 0 10px 10px 0;
	width: 110px;
	height: auto;
	float: left;
}

#content p {
	padding: 10px;
}

#contents1 .info_box1 p,
#contents1 .info_box2 p,
#contents1 .info_box3 p {
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 18px;
	letter-spacing: -1px;
	
}

.info_box1 h3,
.info_box2 h3,
.info_box3 h3 {
	margin: 0;
	font-weight: bold;
	font-size: 17px;
	background: none;
	border: none;
}

.info_box1 h3 {
	color: #ffa800;
}

.info_box2 h3 {
	color: #fc7575;
}

.info_box3 h3 {
	color: #589f35;
}

.info_box1 .btn,
.info_box2 .btn,
.info_box3 .btn {
	padding: 0;
	width: 100%;
	clear: both;
	box-sizing: border-box;
	
	
}

.info_box1 .btn a {
	height: 50px;
	display: block;
	border-radius: 4px;
	border: 1px solid #d26404;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7300), color-stop(0.00, #fb0));
	background: -webkit-linear-gradient(#fb0, #ff7300);
	background: -moz-linear-gradient(#fb0, #ff7300);
	background: -ms-linear-gradient(#fb0, #ff7300);
	background: linear-gradient(#fb0, #ff7300);
}

.info_box2 .btn a {
	height: 50px;
	display: block;
	border-radius: 4px;
	border: 1px solid #eb6b6b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fb4e4e), color-stop(0.00, #fd9e9e));
	background: -webkit-linear-gradient(#fd9e9e, #fb4e4e);
	background: -moz-linear-gradient(#fd9e9e, #fb4e4e);
	background: -ms-linear-gradient(#fd9e9e, #fb4e4e);
	background: linear-gradient(#fd9e9e, #fb4e4e);
}

.info_box3 .btn a {
	height: 50px;
	display: block;
	border-radius: 4px;
	border: 1px solid #72a946;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #4e982f), color-stop(0.00, #98cc5d));
	background: -webkit-linear-gradient(#98cc5d, #4e982f);
	background: -moz-linear-gradient(#98cc5d, #4e982f);
	background: -ms-linear-gradient(#98cc5d, #4e982f);
	background: linear-gradient(#98cc5d, #4e982f);
}

.info_box1 .btn a img,
.info_box2 .btn a img,
.info_box3 .btn a img {
	display: none;
}

.info_box1 .btn a:before {
	content: "物件情報を調べる"; 
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 50px;
}

.info_box2 .btn a:before {
	content: "ニュース・よくある質問"; 
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 50px;
}

.info_box3 .btn a:before {
	content: "施工・販売店を調べる"; 
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 50px;
}

.sangyo_list_box {
	margin: 0 !important;
}

.sangyo_list_box ul {
	margin: 0;
	padding: 0;
	width: 100%;
}

.sangyo_list_box ul li {
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	background-position: 10px center;
}

.sangyo_list_box ul li a {
	padding: 15px 10px 15px 30px;
	width: 100%;
	display: block;
	letter-spacing: -1px;
}

.center-img {
	padding: 10px;
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

.center-img img {
	width: 100%;
	height: auto;
}

/* sp_article_content */
#article_list  {
	margin: 0;
}

#article_list li {
	margin: 0;
	width: 100%;
	height: auto;
	position: relative;
	border: none;
	box-sizing: border-box;
	border-bottom: 1px solid #CCCCCC;
}

#article_list li p {
	text-align: left !important;
}

#article_list li p .red {
	font-size: 12px;
}

.article_box h3 {
	margin: 0;
	padding: 5px 5px 5px 15px;
	width: auto !important;
	background: none !important;
	line-height: 1 !important;
	font-size: 12px !important;
	height: auto !important;
	font-weight: bold;
  border: 1px solid #447CCB;
  box-sizing: border-box;
}

.art_container {
  margin: 10px 0;
}

.art_photo {
	width: 80px;
	height: 80px;
}

.art_photo img {
	width: 100%;
	height: auto;
}

#content #article_list li p {
	margin: 0;
	padding: 0;
}

#content .art_txt p {
	margin: 0;
	padding: 0;
	line-height: 14px;
}
.art_txt {
	width: 200px;
	height: 28px;
	font-size: 12px;
	text-overflow: ellipsis;
	overflow: hidden;
	position: absolute;
	left: 100px;
}

#article_list li p a img {
	display: none;
}
#article_list li p a:after {
	content: "...詳細をみる >";
	display: block;
	position: relative;
	top: 60px;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
}

.mitsumori_btn input[type="image"],
.contact_btn input[type="image"] {
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	height: auto;
}

.company_detail h3 {
	padding: 10px;
	width: 100% !important;
	height: auto !important;
	box-sizing: border-box;
	line-height: 18px;
	background: none !important;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 2px solid #2E64E3;
}

.error {
	margin: 0;
	width: 100%;
	height: auto;
	background-size: 100%;
	box-sizing: border-box;
}

.home_btn {
	padding: 190px 0 0;
	width: 250px;
}

.home_btn a {
	width: auto;
}

.company_detail .company_detail_title {
	width: 100%;
	height: auto;
	line-height: 1;
	box-sizing: border-box;
	background: none;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 2px solid #2E64E3;
	
}

#content .company_detail p.point {
	padding: 6px 10px 10px 30px;
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

.company_detail ul {
	margin: 0;
}

/* sp_bunjo */
.category-2 h3 {
	margin: 10px 0 0;
	padding: 10px;
	line-height: 1;
	font-size: 14px;
	background: none;
	border-top: 3px solid #0C9BFC;
	border-bottom: 1px solid #cccccc;
}

.category-2 h3 a {
	font-weight: bold;
}

.post-wrap_cate {
	padding: 0;
	width: 100%;
	border: none;
}

.ind_box2 {
	margin: 0;
	padding: 0;
	border: none;
}
.company_detail {
	margin-bottom: 10px;
	padding: 10px;
	box-sizing: border-box;
}

.company_detail table {
	width: 100%;
}

.company_detail table th {
	width: 100%;
	display: block;
	box-sizing: border-box;
	text-align: left;
}

.company_detail table td {
	padding: 10px;
	width: 100%;
	display: block;
	box-sizing: border-box;
	border-bottom: none;
}

a.more-link {
	margin: 10px auto;
	width: 92%;
	height: 50px;
	box-sizing: border-box;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff9c00), color-stop(1.00, #cd0000));
	background: -webkit-linear-gradient(#ff9c00, #cd0000);
	background: -moz-linear-gradient(#ff9c00, #cd0000);
	background: -ms-linear-gradient(#ff9c00, #cd0000);
	background: linear-gradient(#ff9c00, #cd0000);
	border-radius: 4px;
	border: 1px solid #E05A00;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
}

a.more-link:after {
	content: "詳細を見る";
	display: block;
	margin-top: -20px;
	height: 50px;
	line-height: 50px;
	text-indent: 0;
	color: #FFFFFF;	
	font-size: 16px;
	font-weight: bold;
	text-shadow: -1px -1px 0 rgba(0,0,0,.5);
}
/* sidebar */
#sidebar {
	width: 100%;
	float: none;
}

.sidemenu .ads {
	display: none;
}

.sidemenu .seach_box {
	display: none;
}

.sidemenu h3 {
	display: none;
}

.sidemenu .side_1 {
	display: none;
}

#sidebar h3 {
	display: none;
}

#sidebar .center-img {
	display: none;
}

#facebook {
	display: none;
}

.ads img {
	margin: 0;
}

#sp_bnr {
	padding: 10px;
	box-sizing: border-box;
}

#sp_bnr .ads {
	box-sizing: border-box;
	border-bottom: 1px solid #CCCCCC;
	position: relative;
}

#sp_bnr .ads:last-child {
	display: block;
}

#sp_bnr .ads:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 16px;
	right: 15px;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	z-index: 5;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#sp_bnr .ads:after {
	margin-bottom: 10px;
	content: "";
	display: block;
	clear: both;
}

#sp_bnr .ads a {
	width: 100%;
	height: auto;
	display: block;
}

#sp_bnr .ads a img {
	margin-right: 10px;
	width: 50px;
	height: 40px;
	overflow: hidden;
	float: left;
}

#sp_bnr .ads a p {
	line-height: 40px;
	box-sizing: border-box;
	letter-spacing: -1px;
	display: block;
}

/* searchform */
.seach_box {
	display: none;
}

.sp_seach_box {
	padding: 10px;
	display: block;
	width: 100%;
	border: none;
	box-sizing: border-box;
}

.sp_seach_box #word {
	width: 100%;
	height: 35px;
	background: #FFFFFF;
	box-sizing: border-box;
}

.sp_seach_box input[type="submit"] {
	width: 100%;
	height: 35px;
}

/* sp_footer */
#footer {
	height: auto;
	background: none;
}

#foot_menu2 {
	display: none;
}

p.copyright {
	margin: 0;
	padding: 10px;
	font-size: 10px;
	border-top: 1px solid #225574;
	box-shadow: inset 0 1px 0 #6891ad;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1e4660), color-stop(0.00, #31688f));
	background: -webkit-linear-gradient(#31688f, #1e4660);
	background: -moz-linear-gradient(#31688f, #1e4660);
	background: -ms-linear-gradient(#31688f, #1e4660);
	background: linear-gradient(#31688f, #1e4660);
}

p.copyright a {
	display: block;
}

#sp_tel_contact {
	width: 100%;
	padding: 10px;
	display: block;
	box-sizing: border-box;
}

#sp_tel_contact p {
	margin: 5px;
}

#sp_tel_contact p span {
	margin-right: 10px;
	font-weight: bold;
}

#sp_tel_contact a {
	padding: 15px 10px;
	display: block;
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	box-sizing: border-box;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 1px 0 rgba(0,0,0,0.9);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7400), color-stop(0.00, #ffa443));
	background: -webkit-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background: -moz-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background: -ms-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background: linear-gradient(top, #ffa443 0%, #ff7400 100%);
	border-radius: 6px;
	position: relative;
}

#sp_tel_contact a:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 24px;
	right: 15px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	z-index: 5;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#sp_tel_contact a:after {
	content: "";
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 12px;
	background: url(https://panerou.com/wp-content/themes/original/images/sp_icon_tel.png) no-repeat;
	background-size: 35px 35px;
}

/* contact */
#telnum2 {
	display: none;
}

#wrapper_contact {
	padding: 0;
	width: 100%;
	height: auto;
	background: none;
}

#content_con {
	width: 100%;
	float: none;
}

#content_con h2 {
	padding: 15px 5px;
	width: 100%;
	height: auto;
	border: 1px solid #3b69c7;
	color: #FFFFFF;
	font-size: 14px;
	border-radius: 2px;
	line-height: 1;
	letter-spacing: -1px;
	box-sizing: border-box;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3d65ff), color-stop(0.00, #68a8ff));
	background: -webkit-linear-gradient(#68a8ff, #3d65ff);
	background: -moz-linear-gradient(#68a8ff, #3d65ff);
	background: -ms-linear-gradient(#68a8ff, #3d65ff);
	background: linear-gradient(#68a8ff, #3d65ff);
}

.post-wrap_con {
	width: 100%;
}

table.contact_form {
	width: 100%;
	box-sizing: border-box;
}

table.contact_form th {
	width: 100%;
	display: block;
	border: none;
	box-sizing: border-box;
}

table.contact_form td {
	width: 100%;
	display: block;
	border: none;
	box-sizing: border-box;
}

table.contact_form td input[type="text"] {
	width: 100%;
	display: block;
	box-sizing: border-box;
}

table.contact_form textarea {
	width: 100%;
	box-sizing: border-box;
}

table.contact_form .your-email {
	width: 100%;
}

table.contact_form .address {
	width: 100%;
}

/* 土地の地目が農地の方へ */
.ind_box2 table th.column-1 {
	width: 60px;
}

.ind_box2 table th.column-2 {
	width: 105px;
}

/* 【全国版】産業用太陽光発電｜取扱い業者一覧
   【全国版】ソーラーフロンティア取扱い業者一覧 */
.post-wrap .arealinks1 h4,
.post-wrap .arealinks3 h4,
.post-wrap .arealinks4 h4 {
	width: 100%;
	height: 40px;
	float: none;
	line-height: 40px;
	background: #FF6969;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.post-wrap .arealinks1 h4 span,
.post-wrap .arealinks3 h4 span,
.post-wrap .arealinks4 h4 span {
	width: 100%;
}

ul.arealinks1 li ul.link li,
ul.arealinks3 li ul.link li,
ul.arealinks4 li ul.link li {
	padding: 0;
	float: left;
	width: 25%;
	text-align: center;
}

ul.arealinks1 li ul.link li.first,
ul.arealinks3 li ul.link li.first,
ul.arealinks4 li ul.link li.first {
	border-left: 1px solid #CCCCCC;
}

ul.arealinks1 li ul.link li:last-child,
ul.arealinks3 li ul.link li:last-child,
ul.arealinks4 li ul.link li:last-child {
	border-right: 1px solid #CCCCCC;
}


/* table */
table,th,td {
  box-sizing: border-box;
}

  .ind_box2 table,
  .post-data table {
    width: 100%;
    border: 1px solid #DDDDDD;
  }
  .ind_box2 th,
  .post-data th {
    width: 100%;
    border: none;
  }
  .ind_box2 td, .post-data td {
    border-left: none;
    border-right: none;
  }
  .ind_box2 td:last-child, .post-data td:last-child {
    border-bottom: none;
  }
  .ind_box2 table.col_4_more th,
  .post-data table.col_4_more th {
  	display: none;
  }
  .ind_box2 table.col_4_more td,
  .post-data table.col_4_more td {
  	width: 100%;
  	border-top: none;
  	border-left: none;
  	border-right: none;
  	border-bottom: 1px solid #DDDDDD;
  	display: flex;
  	text-align: center;
  	align-items: center;
    box-sizing: border-box;
  }
  .ind_box2 table.col_4_more td:first-child,
  .post-data table.col_4_more td:first-child {
  	font-weight: bold;
  	background: #e8f2ff;
  	border-top: 1px solid #DDDDDD;
  	justify-content: center;
  }
  .ind_box2 table.col_4_more td:last-child,
  .post-data table.col_4_more td:last-child {
  	border-bottom: none;
  }
  .ind_box2 table.col_4_more td::before,
  .post-data table.col_4_more td::before {
  	content: attr(data-label);
  	display: block;
  	text-align: center;
  	width: 30%;
    min-width: 90px;
  	background: #ffe2e2;
  	margin: 0 10px;
  	border-radius: 4px;
  	padding: 3px;
  }
  .ind_box2 table.col_4_more td:first-child::before,
  .post-data table.col_4_more td:first-child::before {display:none;}
  .ind_box2 table.col_4_more td.align-l,
  .post-data table.col_4_more td.align-l {text-align:left;}
  .ind_box2 table.col_4_more td p,
  .post-data table.col_4_more td p {width: 70%;}
  
  .ind_box2 table.long_row tbody,
  .post-data table.long_row tbody {
  	display: flex;
  	flex-wrap:wrap;
  	width: 100%;
  }
  .ind_box2 table.long_row tbody tr,
  .post-data table.long_row tbody tr  {
  	display:flex;
  	flex-direction:column;
  	width: 50%;
  }
  .ind_box2 table.long_row th,
  .post-data table.long_row th {
  	width: 100%;
  border: none;
  border-bottom: 1px solid #dddddd;
  }
  .ind_box2 table.long_row td,
  .post-data table.long_row td {
  	width: 100%;
    border: none;
     border-bottom: 1px solid #dddddd;
  }
  .long_row caption p{
    text-align: center;
  }
	p.caption {
		width: 100%;
	}
  table.friend_campaign th,
  table.friend_campaign td {
    display: block;
    width: 100%;
  }

.table-scroll {
		overflow: auto;
		white-space: nowrap;
		background: linear-gradient(270deg,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 16px,rgba(0,0,0,0));
	}