/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/
@media only screen and (min-width: 420px){
.voice .voice-box #voice-r {
    margin: 0 30px 0 0;
	}}
#spnaviwrap .spnavi ul li a {
    color: #fff;
}
/*サイドバーの見出しの位置を調整*/
#side aside h4 {
    border-radius: 6px 6px 0 0;
    color: #fff;
    line-height: 1.0;
    font-size: 1.5rem;
    font-weight: bold;
}

/**/
@media only screen and (min-width: 781px)
{
#up-contact-text {
    text-align: right;
}
}
.textwidget {
    text-align: center;
}
@media only screen and (min-width: 781px){
#speheader {
    height: 50vh;
}
}
/*ロゴのエリアの余白調整*/
@media only screen and (min-width: 781px){
#logo-area {
	padding: 10px 0 0px 0;
}
header .sitename {
    padding: 5px 0px 0px;
    margin-bottom: 0;
}
}
/*固定ページの日付を消す*/
main .post article .blogbox{display:none;}


/*右上の問い合わせ*/
#up-contact-tell a {
	 color: #ffffff;
		background:#ff9800;
   border: 2px solid #ff9800;
}
@media only screen and (min-width: 781px){
#head-contact {
    max-width: 450px;
	  margin-bottom: 15px;
    }
    #up-contact-tell {
    font-size: 29px;
    }
#up-contact-text {
    font-size: 17px;
    }
#up-contact-tell a {
    color: #ff9800;
	background:none;
	border:none;
}
}

/*コピーライトの背景と文字を変更*/
#copy {
    background: #efefe8;
    color: #595757;
}
/*Googleマップの下の余白を消す*/
iframe {
    vertical-align: bottom;
}
/*蛍光ぺんの色変更*/
.keikou {
    background: linear-gradient(transparent 65%, #ffe1ae 50%);
}
/*よくある質問*/
.post h4{padding:0;}
.post h4:before{display:none;}
.question{
		position:relative;
		padding:10px 10px 10px 1.4em;
}
.question:before{
		position:absolute;
		color:#5bb512;
		content: "Q";
    font-size: 1.4em;
    left: 0;
}
.answer{
		position:relative;
		padding:10px 10px 10px 1.4em;
}
.answer:before{
		position:absolute;
		color:#FF0000;
		content: "A";
    font-size: 1.4em;
    left: 0;
}
/*お客様の声*/
.voice1 {
    width: 95%;
    margin: 20px auto;
    padding: 20px 15px 15px 10px;
    border-top: 10px solid #0093cb;
    overflow: hidden;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
}
.voice1 h4{border-bottom: 0.5px solid #333333;}
.voice1 .title1 {
    font-weight: bold;
    font-size: 150%;
    margin: 0;
    padding: 3px 0 20px 0;
    border-bottom: 2px dotted #333333;
    color: #f38a00;
}
/*インソールのフォントサイズ*/
.font-size-inso{
	font-weight:600;
	font-size:1.2rem;
}

/*TOPbanner*/
@media only screen and (max-width:781px){
	.banner_top{
    max-width: 100vw;
		margin-left: -20px;
	}
}
/*ロゴ*/
.sitename img {
    max-width: 100%;
}
@media only screen and (min-width: 761px){
.sitename img {
    max-height: 165px;
	}
}
/*disc*/
ul.disc{padding-left:0;}
ul.disc li {
    list-style-type: disc;
    margin-left: 2rem;
}
ul.disc li:before{
	background:none;
}
/*テーブル１*/
.w30p {
    width: 30%;
}
.table1 tr:first-child th, .table1 tr:first-child td {
    border-top: 1px solid #ededed;
}
.table1 th, .table2 th {
    vertical-align: middle;
}	
.table1 th, .table1 td {
    border-bottom: 1px solid #ededed;
    padding: 1rem 0;
    vertical-align: top;
    padding: 2rem 1rem;
}
caption, th {
    text-align: left;
}
/*ピックアップ用*/
.pickup {
    background-color: #699118;
    border-radius: 0 1rem 1rem 0;
    color: #fff;
    display: inline-block;
    font-size: 0.8rem;
    padding: 0.2rem 1rem;
		margin-bottom:5px;
}


/*サイドバーの紫の枠*/
.border{
	border:3px solid #b5aad2;
}
/*紫の丸い枠*/
.border-radius-green{
	padding: 3% 4%;
	border:3px solid #4f90c8;
	border-radius: 25px;
	margin-bottom: 20px;
}
/*家のアイコンを黒に固定*/
i.fa.fa-home {color:#333;}
/*フローの色を指定*/
.flow {
    background: #eaf3ff;
}
/*リストのチェックマーク*/
.check{
			
			border:5px solid #dbdbdb;
	    border-radius: 25px;
			padding-top:10px;
			width:70%
}
.check ul li {
  position: relative;
	border-bottom:1px dotted #333;
}
.check ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 8px;
  height: 3px;
  border-left: 2px solid #003399;;
  border-bottom: 2px solid #003399;;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
	margin-top:2px;
}
.check ul li:before{
	background:none;
	/*border:1px solid #333;*/
	border-radius: 0;
	left:-9px;
}
.page-template-page-one-column main .check ul li:before {
    background: none;
		top: 2px;
		margin-right:0;
}

.page-template-page-one-column main ul li:before {
    border-radius: 0;
}
@media only screen and (max-width: 760px){
.check{
		width:90%;
	}
}

/*コピーライトの背景と文字を変更*/
#copy {
		border-top:0.5px dotted #333;
    background: #efefe8;
    color: #595757;
}
#copy a{
	color: #595757;}
/*スマホのコピーライトの下に余白を作成*/
@media only screen and (max-width: 769px){
#copy{margin-bottom: 81px;}
}
@media only screen and (max-width: 769px){
	#side{display:block;}
}
/*ＴＯＰに戻るのボタンを調整*/
@media only screen and (max-width: 769px){
#page-top {
    bottom: 90px;
}
}
/*携帯のメニュー*/
@media only screen and (max-width: 769px){
	#accordion a:hover{background:#fff;}
	#accordion a{color:#000;}
}
/**/
@media only screen and (min-width: 781px){
#sitename-area {
    float: left;
    width: 50%;
}
}
/*brを携帯のみで使う*/
.mob_br,.mob_indent{
display:none;
}
@media only screen and (min-width: 300px) and (max-width:580px){
	.mob_br{display: inline;}
	.mob_indent{
  padding-left: 2em;
}
	.upbtn-wrap a {
    font-size: 10px;
}
}
/*TOPの料金文字の色と大きさ*/
.fee{
	font-weight: 800;
	font-size:2.0em;
}
.green{color:#f69c00;}

.font{
	font-weight: 800;
	font-size:1.8em;
}
@media only screen and (max-width: 480px){
	.fee{
	font-size:1.2em;
}

.font{
	font-size:1.2em;
}

}
/*携帯のdescr*/
header .descr {
    line-height: 15px;
		width:123%;
}
@media only screen and (min-width: 300px) and (max-width:780px){
header .descr {
    line-height: 15px;
		width:100%;
		margin:0 auto;
}
}
/*文字赤*/
.red{color:#f69c00;}

.heder-moji{
	opacity: 0.55;
	background:#fff;
	color:#333;
	font-size:3rem;
	margin:0;
	padding:0;
	width:100vw;
	border:1px solid #333;
}
/*調整*/
@media only screen and (min-width: 781px){
/*レスポンシブの調整*/
	#sitename-area {
    float: left;
    width: 40%;
	}

/*フッター１００％表示*/
#copy {
		padding: 5px 50vw 10px;
    margin: 0 -50vw -10px;
}
}