/*
 Theme Name:   wsc8 Child
 Description:  st-service仕様
 Author:       suekuni
 Author URI:
 Template:     wsc8
*/
@import url ('../wsc8/style.css');

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

　端末用のスタイルまとめて下に書いてます。

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

/*------------------------------------
    ----------------------------------
  		Structure
  	----------------------------------
 
  	01.共通スタイル（全体・ヘッダー・ナビゲーション・フッター）
    02.[START] トップページ
    03.ブログページ共通
    04.single(記事ページ)
    05.error(404.php)
    06.[START] 下層ページ　固定ページ
        06-01.自分の部屋、実家（親の家）お片付けページ
        06-02.会社概要ページ
		06-03.お問い合わせページ
		06-04.よくある質問ページ
        
    Media Query    
    07.レスポンシブ　(max-width: 768px)
        07-01.レスポンシブ ヘッダー、フッター、ナビ　ページ
        07-02.レスポンシブ TOPページ
        07-03.レスポンシブ 自分の部屋、実家（親の家）お片付けページ
        07-04.レスポンシブ 料金ページ
        07-05.レスポンシブ 会社概要ページ
        07-06.レスポンシブ お問い合わせページ
    08.レスポンシブ　(max-width: 767px)
        08-01.レスポンシブ TOPページ
        08-02.レスポンシブ お問い合わせページ
        08-03.レスポンシブ 料金ページ
    09.レスポンシブ　(max-width: 800px)
        09-01.レスポンシブ　フッター
    
------------------------------------*/

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

	01.共通スタイル（全体・ヘッダー・ナビゲーション・フッター）

************************************************************************/
/*パンくずリスト*/

.breadcrumbs{
	display:none!important;
}

/*iphone用*/
.sp-iphone{
	display:none;
}

/* over wride bootstrap  */
@media (min-width: 1200px){
  .container {
      width: 970px;
	overflow:hidden;
  }
}
@media (min-width: 1200px){
  .container {
      width: 1000px;
	overflow:hidden;
  }
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
* {
  line-height: 1.8em;
}
em {
  font-style: normal;
}
a:hover {
  text-decoration: none;
}
img {
  max-width: 100%;
}
ul,li {
  list-style: none;
  padding: 0;
}

.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  clear: both;
}



.txt-yellow {
  color: #f0a300;
}
.txt-blue {
  color: #264aab;
}
.txt-green {
  color: #00c402;
}
.txt-red {
  color: #f1191a;
}
.txt-orange {
  color:#f0a300;
}
.bg-orange {
  background-color: #ffe8b6;
}
.bg-thin-orange {
  background-color: #fcf3dd;
}
.bg-gray {
  background-color: #e8e4d9;
}
.width-80per {
  width: 85%;
  margin: 0 auto;
}
.section {
  padding:30px;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.bold {
  font-weight: bold;
}
.font-16px {
  font-size:16px;
}
header {
  padding: 20px 0 0 0;
}
/*ヘッダー右側*/
.header_right{
    float: right;
}
.site-logo {
  font-weight: bold;
  margin: 0
}
/*サイトのロゴリンク*/
.site-logo a{
	color:#333;
}
.site-logo a:visit{
	color:#333;
}
.site-logo a:hover{
	color:#333;
	text-decoration: none;
}
.site-logo a:active{
	color:#333;
}
.title-read {
  font-weight: bold;
  color: #f59f0a;
  margin: 1em 0 0.3em 0.2em;
}
.header_right .tel-box {
  font-size:35px;
	    width: inherit;
}
.tel-box {
  font-weight: bold;
  width: 10em;
}
.tel-box p:first-child {
  margin: 1em 0 0 0;
  font-size: 43%;
  /*width: 22em;*/
}
.tel-box .phone-number {
  font-size: 100%;
  background: url(img/icon-tel.jpg) 0 bottom no-repeat;
  padding: 0 0 0 40px;
  /*line-height: 0.8em;*/
  letter-spacing: -0.01em;
	background-position: left;
}

nav {
  background-color: #fbb520;
  margin: 1.5em 0 0 0;
}
nav ul {
  display: flex;
  margin-bottom: 0;
}
nav li {
  width: 16.6%;
  height: 68px;
  display: flex;
  justify-content: center; /*左右中央揃え*/
  align-items: center;  

  line-height: 1em;

}
nav a {
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;

}
nav a span {
  display: flex;
  justify-content: center;
  align-items: center;
  border-left:1px solid #fbcb66;
  width: 100%;
  height: 3em;
}
nav li:last-child a span {
  border-right:1px solid #fbcb66;
}

/*ナビゲーション*/
#gnav {
    background-color: #fbb520!important;
}
.gnav-container li.current-menu-item a {
    background-color: #f9a60e!important;
    color: #333!important;
}
.gnav-container li a{
	color:#fff!important;
	display: -webkit-flex!important;
	 display: flex;
 	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
 	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 	justify-content: center; /* 横方向中央揃え */
}

.gnav-container li a:hover {
    background-color: #f9a60e!important;
}


/*フッター*/
footer {
  font-size:24px;
}
footer p {
  margin-bottom: 0;
}
footer .section-footer-contact {
  display: flex;
  height: 4em;
}
footer .section-footer-contact > div {
  display: flex;
  align-items: center;
  height: 100%;
}
footer .footer-container {
  width: 50%;
}
footer .footer-container:first-child {
  display: flex;
  justify-content: flex-end;
  background-color: #f8e8c6;
}
footer .footer-container:first-child::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 48px 0 48px 28px;
  border-color: transparent transparent transparent #f8e8c6;
  -webkit-transform: translate(50%, 0%);
  transform: translate(100%, 0%);
  z-index: 1;
}
footer .footer-container:last-child {
  display: flex;
  padding: 0 0 0 50px;
  background-color: #fef4e0;
  position: relative;
}
footer .footer-container:last-child img {
  position: absolute;
  bottom:0px;
  left: 360px;
}
footer .tel-box {
  font-size: 35px;
}

footer .footer-contact {
  background-color: #f8e8c6;
}
footer .copyright {
  background-color: #fbb520;
}
footer .copyright p {
  font-size:12px;
  color:#FFF;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 3em;
}

.footerBottom {
    background-color: #fbb520!important;
}
.footer-widget{
	display:none;
}
/*ページトップへjquery*/

.page_top {
	position:fixed;
	bottom:10px;
	right:10px;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color:#fff;
	font-size:20px;
	text-decoration:none;
	background: #001b58;
	border: 3px solid #ffffff;
    text-align: center;
    line-height: 44px;
}
a.page_top:hover {
    color: #fff;
    text-decoration: none;
}

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

  [終わり] 共通スタイル（全体・ヘッダー・ナビゲーション・フッター）

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



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

	02.[START] トップページ

************************************************************************/
.read-txt {
  background-color: #2648aa;
  color: #FFF;
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  padding: 15px 0;
  letter-spacing: 0.1em;
	margin:0;
	line-height: 1.8;
}
.read-txt span.annotation{
  display: block;
  color: #ffe8b6;
  font-size: 14px;
}
/*-----------------------------------------------------------------------
まずはSTサービスにご連絡ください
-----------------------------------------------------------------------*/
.contact-item {
	background-color: #FFFFFF;
	padding: 0 0 0 0;
	width: 280px;
	border-radius: 4px;
	margin: 0px 2.1%;
	padding: 0!important;
}
.col-md-4.contact-item a {
    text-decoration: none;
}

.section-contact {
  font-weight: bold;
  font-size:20px;
}
.section-contact en {
  font-size: 30px;
}
.section-contact a {
  color: #000000;
}
.section-contact a.about-price{
  display: inline-block;
  font-size: 24px;
  color: #2649aa;
  margin: 60px 0 0;
}
.section-contact a.about-price:hover {
  opacity: .7;
  text-decoration: none;
}

.contact-item p {
  padding: 20px 0 10px 0;
}

.contact-item img {
    width: 100%;
}
.section-promiss {
  margin-top: 30px;
}
.section-promiss .heading {
  font-size:40px;
  font-weight: bold;
}
.section-promiss .heading p {
  background-color: #FFF;
  width: 11em;
  padding: 2px 10px;
  z-index: 1;
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.section-promiss .heading en {
  color: #2447ab;
}
.section-promiss ul {
  border: 3px solid #2447ab;
  border-radius: 5px;
  padding: 40px 0px;
  position: relative;
  top: -28px;
	margin:0;
}
.section-promiss ul li {
  font-size: 19px;
  margin-bottom: 10px;
  font-weight: bold;
}
.section-promiss ul li span{
  background-color: #2648aa;
  color: #fbb521;
  display: inline-block;
  padding: 4px 10px;
  margin: 0 10px 0 0;
  font-size:17px;
}
.section-promiss .canpain-banner {
  margin-bottom: 30px;
}
.container.section-promiss .row {
    padding: 0 0 4% 0;
}
.section-customer {
  padding:30px;
}
.heading-txt {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  margin: 1em 0 1.5em;
}
.section-customer .cunstomer-item {
  	margin: 0 1% 20px;
    padding: 0;
    width: 31%!important;
	float:left;
}

.section-customer .cunstomer-item .customer-item-image{
  text-align: center;
}
.section-customer .cunstomer-item .customer-item-inner {
  background-color: #FFFFFF;
  border-radius: 5px;
  margin: 0 10px;
  padding: 10px;
	height: auto;



}
.section-customer .cunstomer-item .customer-addr-name {
  color:#2448a8;
  font-size:12px;
  padding-left: 2px;
  margin: 0 0 0.7em 0;
}
.section-staffblog  {
  padding: 3em 0 6em;
}
.section-staffblog li {
  text-align: center;
  font-size: 17px;
  border-bottom: 1px solid #ccc;
  padding: 0 0 1em 0;
  margin: 0 0 1em 0;
}
.section-staffblog span {
  display: inline-block;
}
.section-staffblog .staffblog-date {
  width: 15%;
}
.section-staffblog .staffblog-title {
  width: 70%;
}
.section-staffblog .staffblog-title{
  color:#323232;
}

/*--------------------------------------
スタッフブログ
--------------------------------------*/
.newsListItem{
	margin: 0 0 2%;
}

.newsListItem h3{
	color: #003667;
}

.new-icon{
	color:red;
}
.news-entry ul{
	list-style: none;
	font-size: 14px;
}

p.heading-txt a {
    color: #333;
}
.heading-txt a,.heading-txt a:visit,.heading-txt a:active{
	color:#333!important;
}

.heading-txt a:hover{
	color:#3da3bf;
	text-decoration: none;
}


.news-entry a,.news-entry a:visit,.news-entry a:active{
	color:#003667;
}

.news-entry a:hover{
	color:#3da3bf;
}

.news{
	text-align: center;
    padding: 4% 0 4%;
	max-width: 1000px;
    margin: 0 auto;
}
.news-area{
	
}

p.date {
    width: 30%;
    float: left;
}

.cf.main-blog {
    padding: 4% 0 0 0;
}
.cf.main-blog .main-column  .content{
    padding: 5% 0 0 0;
}
/*ニュースタイトルが長い時に途中までで切ります。*/
.newstitle{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	text-align: left;
}
.entry-list{
	text-align:right;
}

/*--------------------------------------
STサービスのお約束
--------------------------------------*/
.section-promiss img{
	width:100%;
}
/*--------------------------------------
自社独自のリサイクルルートでお客様への利益の還元
--------------------------------------*/
.recycling {
    background-color: #fff;
    overflow: hidden;
    margin: 0;
}
.recycling h2 {
	text-align: center;
    padding: 1%;
    width: 90%;
    margin: 4% auto 0;
    font-size: 2.6em;
    font-weight: bold;
	background-color: #fef4e0;
    box-shadow: 5px 5px 5px rgba(102, 68, 0, 0.5);
	line-height: 1.8;
}
.blue {
    color: #27439d;
	font-size: 1.2em;
}
span.small-b {
    font-size: 0.7em;
}

.recycling-area h3 {
    margin: 2% 0;
    border-bottom: 1px dashed;
    padding: 1% 0;
    font-weight: bold;
    font-size: 1.8em;
}

.recycling-area {
    width: 90%;
    margin: 0 auto;
    padding: 1% 2%;
    overflow: hidden;
}

.recycling-box-l h3 {
    margin: 2% 0;
    border-bottom: 1px dashed;
    padding: 1% 0;
    font-weight: bold;
	font-size: 1.8em;
	
}

.recycling-box-l {
    width: 35%;
    float: left;
    padding: 1% 2%;
	font-size: 1.1em;
}

.recycling-box-txt {
    width: 65%;
    float: left;
    padding: 1% 2%;
	font-size: 1.1em;

}

.container.section-recycling {
    padding: 4% 0;
}
.recycling-area h3 span {
    background: linear-gradient(transparent 40%, #ffff66 60%);
}
.recycling-box-l img {
    width: 100%;
}
/*--------------------------------------
まずは買取査定をお試しください 
--------------------------------------*/

.purchase-area {
    width: 90%;
    margin: 0 auto;
    padding: 2% 0;
	overflow: hidden;
}

.purchase-box-r {
    width: 80%;
    float: left;
    padding: 1% 2%;
	font-size: 1.1em;
}
.purchase-box-l {
    width: 20%;
    float: left;
    padding: 1% 0%;
}
.purchase-box-l img {
    width: 100%;
}
.purchase-box-r h3 {
    margin: 4% 0;
    border-bottom: 1px dashed;
    padding: 1% 0;
    font-weight: bold;
	font-size: 1.8em;
}
.purchase-box-r h3 span {
    background: linear-gradient(transparent 40%, #ffff66 60%);
}
.purchase-box-l img {
    margin-bottom: 10px;
}

/*--------------------------------------
料金 
--------------------------------------*/
.section-fee {
    padding: 4% 0;
}
.fee h2 {
    border-left: 8px solid #fbb520;
	border-bottom: 1px solid #fbb520;
    padding: 0 0 0 20px;
    height: 2em;
    display: flex;
    align-items: center;
    margin-bottom: 1em;
    font-weight: bold;
}
ul.item-list {
	padding: 2%;
    background: url(img/top-fee-bg.png) no-repeat;
    background-position: 100%;
    background-color: #f3f3f3;
    background-size: contain;
    background-position-y: bottom;
    font-size: 1.2em;
    width: 90%;
    margin: 2% auto;
    border-radius: 10px;
}
/*--------------------------------------
.料金表
--------------------------------------*/
.jikka {
    background: #fdfaf4;
	margin-bottom:4%;
}
.jibun {
    background: #fdfaf4;
	margin-bottom:4%;
	padding-bottom: 4%;
}

#jibun .heading {
    border-left: 8px solid #8ed78e;
    padding: 0 0 0 3%;
    height: 2em;
    display: flex;
    align-items: center;
    margin: 6% 0 4%;
    background: #f4f4f4;
    border-bottom: solid 3px #d7d7d7;
}
#jibun .fee-t .cell-th {
    background: #8ed78e;
}
#jibun .fee-t .cell {

    border-bottom: 1px solid #8ed78e;
}
#jibun .fee-t {
    border: 1px solid #8ed78e;
}
#jibun .fee-t .cell-th-border {
    border-bottom: 1px solid #8ed78e;
}

#jibun .ihin h3:before {
    color: #8ed78e;
}

#ihin {
    width: 100%;
    overflow: hidden;
}
#ihinkuyou {
    width: 100%;
    overflow: hidden;
}
#jibun {
    width: 100%;
}
.row {
    margin-right: 0!important;
    margin-left: 0!important;
}




.fee-page{
	margin:0 0 4%;
}
.fee-page h2{
	margin:0;
}

/*h2装飾*/
.fee-page .heading {
    font-size: 1.8em;
    border-left: 8px solid #fbb520;
	/*border-bottom: 1px solid #fbb520;*/
    padding: 0 0 0 3%;
    height: 2em;
    display: flex;
    align-items: center;
    margin: 6% 0 4%;
	background: #f4f4f4;
    border-bottom: solid 3px #d7d7d7;
}
section#ihin .heading {
    font-size: 1.8em;
    border-left: 8px solid #fbb520;
    /* border-bottom: 1px solid #fbb520; */
    padding: 0 0 0 3%;
    height: 2em;
    display: flex;
    align-items: center;
    margin: 6% 0 4%;
    background: #f4f4f4;
    border-bottom: solid 3px #d7d7d7;
}
/*料金表のタイトル部分*/
.fee-head{
	font-size: 1.2em;
    padding: 1%;
    overflow: hidden;

}

/*h2以外のコンテナ*/
.fee-table-box {
   /* padding: 2% 0;
	width:90%;
	margin:0 auto;*/
    padding: 2% 0;
    width: 90%;
    margin: 0 auto;
    width: 49%;
    float: left;
    margin-left: 1%;

}
.fee-table-box h3 {
    margin: 0 0 2%;
}
/*料金表4colテーブル*/
.fee-t {
	display: table;
	border-collapse: collapse;
	width:100%;
	border: 1px solid #fdb520;
}

.fee-t .row{
	display:table-row;
	width:100%;
}

.fee-t .cell{
	display: table-cell;
    border: none;
    padding: 1%;
	border-bottom: 1px solid #fdb520;
	/*width: 25%;*/
	text-align: center;
}

.fee-t .cell-th{
    display: table-cell;
    border: none;
    font-size: 1.2em;
    border-bottom: 1px solid #fff;
    background: #fcb520;
    padding: 1%;
    color: #fff;
	/*width:25%;*/
}

.fee-t .cell-th-border{
	border-bottom: 1px solid #fdb520;
}


/*料金表2colテーブル*/
.fee-t-2col{
	display: table;
	border-collapse: collapse;
	width:100%;
	border: 1px solid #5dbe91;
}
.fee-t-2col div.row{
	display:table-row;
	width:100%;
}

.fee-t-2col .cell{
	display: table-cell;
    border: none;
    padding: 1%;
	width: 50%;
	text-align: center;
}
.fee-t-2col .cell-th{
    display: table-cell;
    border: none;
    font-size: 1.2em;
    border-bottom: 1px solid #fff;
    background: #fcb520;
    padding: 1%;
    color: #fff;
	width:50%;
}

/*特殊清掃テーブル*/
.tokushu .heading {
    border-left: 8px solid #5dbe91;
}
.tokushu.fee-t-2col{
	display: table;
	border-collapse: collapse;
	width:100%;
	border: 1px solid #5dbe91;
}
.tokushu .fee-t-2col .cell{
    border-bottom: 1px solid #5dbe91;
}
.tokushu .cell-th{
    background: #5dbe91;
}
.fee-t-2col .cell-th-tokushu{
	border-bottom: 1px solid #5dbe91;
}
/*遺品供養テーブル*/
.ihinkuyou .heading {
    border-left: 8px solid #b89158;
    border-bottom: 1px solid #b89158;
    padding: 0 0 0 3%;
}
.ihinkuyou .fee-t-2col {
    border: 1px solid #b79158;
}
.ihinkuyou .cell{
	border-bottom: 1px solid #b79158;
}
.ihinkuyou .cell-th{
    border: none;
    background: #b89158;
}
.ihinkuyou .cell-th-ihinkuyou{
    border-bottom: 1px solid #fff;
}

/*アンカーボタン*/
.fee-buttom {
    width: 49%;
    float: left;
    padding: 4%;
    overflow: hidden;
}

.fee-buttom span {
    background-image: url(img/icon-arrow.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-color: #fcb520;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    transition: 1.0s;
	box-shadow: 5px 5px 5px rgba(169, 167, 163, 0.5);
}

.fee-buttom .ihin-link{
    color: #FFFFFF;
    height: 56px;
    position: relative;
    letter-spacing: 0.1em;
    margin-top: 20px;
    text-decoration: none;

}

.fee-buttom a:hover{
	text-decoration:none;
}
.fee-buttom .ihin-link:hover{
    background-color: #f9a60e;
}
.fee-buttom .tokushu-link:hover{
    background-color: #539878;
}
.fee-buttom .ihinkuyou-link:hover{
    background-color: #62a962;
}
.fee-buttom .tokushu-link{
    color: #FFFFFF;
    height: 56px;
    position: relative;
    letter-spacing: 0.1em;
    margin-top: 20px;
    text-decoration: none;
    background-color: #5dbe91;
}
.fee-buttom .ihinkuyou-link{
    color: #FFFFFF;
    height: 56px;
    position: relative;
    letter-spacing: 0.1em;
    margin-top: 20px;
    text-decoration: none;
    background-color: #8ed78e;
}

/*h3ボタン*/
.ihin h3 {
    padding:0;
    font-size: 1.6em;
    margin: 0;
    width: 100%;
    margin: 0 auto;
	overflow: hidden;
	padding: 1% 0;
    background: #f3f3f3;
}
.ihin h3:before{
	content:"▪️";
	color:#f9a60e;
}

.jibun h3:before{
	content:"▪️";
	color:#8ed78e;
}
.ihinkuyou h3:before{
	content:"▪️";
	color:#b89158;
}

/*段落*/
.caution {
    padding: 1%;
	margin: 0 0 2%;
}
.caution-ihai {
    border: 1px solid #b89158;
    border-radius: 10px;
    padding: 2%;
}

/*--------------------------------------
まずは、STサービスにご連絡くださいの3カラム幅
--------------------------------------*/
@media (min-width: 768px){
.section-contact .col-md-4 {
    width: 29%!important;
	float:left;
	padding: 0;
}
}
/*
@media (min-width: 992px){
.section-contact .col-md-4 {
    width: 29%!important;
	padding: 0;
}
}
*/
/************************************************************************

    02.[END] トップページ

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


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

	03.ブログページ共通

************************************************************************/
.blog-top {
    font-size: 1.5em;
}
.blog-top a{
    color:#333;
}
.blog-top a:hover{
    color:#fdb520;
	text-decoration:none;
}
.blog-page {
    padding: 0 0 4%;
}

.main-column h1{
	border-bottom: solid 3px #f8e8c6;
    position: relative;
	font-size: 2em;
	padding: 0 0 1%;
	margin: 0 0 2%;
}
.main-column h1:after{
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #ffc778;
    bottom: -3px;
    width: 30%;
}
.main-column .content{
    padding: 2%;
}

.main-column .content p{
	line-height: 30px;
    margin: 2%;
}

.main-column a {
    color: #333;
}

.main-column a:hover {
    text-decoration: none;
    color: #fdb520;
}

.side-column a {
    color: #333;
}

.side-column a:hover {
    text-decoration: none;
    color: #fdb520;
}


.entry-container{
	margin:0;
	padding:0 0 4%;
}
.entry-header{
	border-bottom: 1px solid;
}
.entry-header h2{
	font-size:2em;
}

/*ブログページタイトル*/
.blog-header:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-right: solid 20px rgb(173, 144, 84);
}
.blog-header {
    padding: 1%;
    margin: 4% 0;
    font-size: 1.5em;
    position: relative;
    background: #fcb520;
    color: white;
}
/*ブログのタイトル*/
.blog-title:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #ffc778;
    bottom: -3px;
    width: 30%;
}
.blog-title {
    border-bottom: solid 3px #f8e8c6;
    position: relative;
}
/*サイドバーのタイトル*/

.widget-title:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #ffc778;
    bottom: -3px;
    width: 30%;
}
.widget-title {
    border-bottom: solid 3px #f8e8c6;
    position: relative;
}
/*テキストウエッジ*/
.textwidget {
    padding: 0;
    margin: 0 0 20px 20px;
}
/*カレンダー*/
#wp-calendar {
    background-color: transparent;
    width: 100%;
    text-align: center;
}
#wp-calendar th{
	text-align:center;
}
#wp-calendar a{
	color: #ffc678;
}

/*　ページネーション　*/

.pagenation {
    margin: 1em 0;
	clear: both;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin: 1px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}


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

	04.single(記事ページ)

************************************************************************/
/*シングルページだけのページャー*/

.navigation a, .navigation span{
        padding: 10px!important;
    	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	    transition: 1.0s;
}

.navigation a:hover{
	color:#fff;
	text-decoration:none;
}

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

	05.error(404.php)

************************************************************************/
.error-page{
	width: 100%;
    padding: 4%;
}


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

	06.[START] 下層ページ　固定ページ

************************************************************************/
/*固定ページで基本出てくるのh1の非表示*/
.entry-title{
	display:none;
}
.sub-mainvisual {
  background-image: url(img/subpage-main-bg.jpg);
  background-position-x: center;
  background-repeat: no-repeat;
  height: 180px;
  text-align: center;
  font-size: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
/*--------------------------------------
	06-01.自分の部屋、実家（親の家）お片付けページ
--------------------------------------*/

.section-mokuji {
    margin: 30px auto 20px;
}
.section-mokuji .catch-txt {
  font-size:1.9em;
  text-align: center;
  font-weight: bold;
}
.section-mokuji .jump-btn {
  display: inline-block;
  color: #FFFFFF;
  height: 56px;
  width: 280px;
  position: relative;
  letter-spacing: 0.1em;
  margin-top: 20px;
	text-decoration: none;
}
.section-mokuji .jump-btn span {
  background-image: url(img/icon-arrow.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
	background-color: #fcb520;
  border-radius: 4px;
  width: 100%;
  height: 100%;
	transition: 1.0s ;
}
a.jump-btn {
    text-decoration: none;
}
.section-mokuji .jump-btn span:hover{
	background-color:#f9a60e;
	text-decoration:none;
}

p.col-md-4.col-md-offset-2.align-right {
    text-align: center;
}
p.col-md-4 {
    text-align: center;
}


.section-flow .heading {
  font-size: 20px;
  border-left: 4px solid #fbb520;
  padding: 0 0 0 20px;
  height: 2em;
  display: flex;
  align-items: center;
  margin-bottom: 1em;
  font-weight: bold;
}
.section-flow .sub-heading {
    font-size: 16px;
    font-weight: bold;
    margin: 2em 0 3em;
}
.section-flow > .row {
  margin-bottom: 20px;
}
.section-flow .flow-number {
  position: relative;
}
.section-flow .flow-number {
  border-radius: 5px;
}
.section-flow .flow-number span {
  position: absolute;
  top: -15px;
  left: 0px;
  background-color: #fbb520;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  font-size: 20px;
}

.section-point-tile {
  padding: 0 30px;
}
.section-point-tile .heading {
  font-size: 24px;
  text-align: center;
  margin: 1.5em 0;
  font-weight: bold;
}
.section-point-tile .col-md-4 {
  margin-bottom: 25px;
}
.section-point-tile .item-inner {
  background-color: #fff;
  border-radius: 5px;
  padding: 30px 10px 10px;
  height: 270px;
  font-size:15px;
}
.section-point-tile .item-inner .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px;
}
.section-point-tile .item-inner .point-txt {
  text-align: center;
}
.section-breadlist {
  margin: 30px auto 80px;
}
.section-breadlist .col-md-12,
.section-breadlist .col-md-8,
.section-breadlist .col-md-4 {
  padding:0;
}
.section-breadlist .breadlist {
  background-color: #f3f3f3;
  padding: 30px 30px 20px 30px;
  margin:20px 0;;
}
.section-breadlist .breadlist li {
  background: url(img/icon-check.png) left -0.1em no-repeat;
  padding:0 0 0 2em;
  margin: 0 0 0.6em 0;
}
.section-breadlist .breadlist li em {
  color: #f4093c;
}

/*--------------------------------------
	06-02.会社概要ページ
--------------------------------------*/
.company-page{

}
.company-page h2{
	margin:0;
}
.company-page .heading {
    font-size: 1.8em;
    border-left: 8px solid #fbb520;
    padding: 0 0 0 3%;
    height: 2em;
    display: flex;
    align-items: center;
    margin: 6% 0 4%;
    background: #f4f4f4;
    border-bottom: solid 3px #d7d7d7;
}
.company-t {
	display: table;
    width: 80%;
    margin: 4% auto 10%;
	border: 1px solid #fdb520;
}

.company-t div.row{
	display:table-row;
	width:100%;
}

.company-t div.cell{
	display: table-cell;
    border: none;
    padding: 2%;
    border-bottom: 1px solid #fdb520;
	width: 60%;
}
.company-t div.cell-th{
    display: table-cell;
    border: none;
    font-size: 1em;
    border-bottom: 1px solid #fff;
    background: #fcb520;
    padding: 2%;
    color: #fff;
	width:40%;
}
.border-no{
	border:none!important;
}
/*--------------------------------------
	06-03.お問い合わせページ
--------------------------------------*/

.contact-page{
	margin:0 0 4%;
}
.contact-page h2{
	margin:0;
}
.contact-page .heading {
    font-size: 1.8em;
    border-left: 8px solid #fbb520;
    padding: 0 0 0 3%;
    height: 2em;
    display: flex;
    align-items: center;
    margin: 4% 0 0;
	background: #fbb520;
	color:#fff;
}
.contact-page .heading img{
	margin-right:1%;
	width:40px;
}
.contact-box {
    overflow: hidden;
    padding: 4% 0;

}
.contact-box-l {
    width: 69%;
    float: left;
    padding:0;
    text-align: center;
}
.contact-box-r {
    width: 31%;
    float: right;
}

.contact-box-r img {
    width: 100%;
}

.contact-mail {
    text-align: center;
    font-size: 2em;
    padding: 2%;
}
.contact-tel {
    text-align: center;
    font-size: 2em;
    padding: 2%;
}
.free-dial img {
    margin-right: 8px;
}
.free-dial {
    font-size: 2em!important;
    font-weight: bold;
}
.contact-tel a {
    color: #2649aa;
	font-weight: bold;
}
.contact-tel a:hover {
    color: #fcb520;
	text-decoration:none;
}
.contact-box-r:after {
	content: "";
	clear: both;
}
.contact-box-l p {
    font-size: 1.5em;
    text-align: center;
}
/*フリーダイヤル、電話番号*/
.contact-box .phone-number {
  font-size: 100%;
  background: url(img/icon-tel.jpg) 0 bottom no-repeat;
  padding: 0 0 0 40px;
  line-height: 0.8em;
  letter-spacing: -0.01em;
	font-size: 2.5em;
    font-weight: bold;
}
/*LINEエリア*/
.line-box{
	margin: 4% auto;
    background: #13bf00;
    padding: 0 1% 1%;
	border-radius: 10px;
	overflow: hidden;
}
.line-box h5{
	color: #13bf00;
	font-size:1.5em;
	font-weight: bold;
	border-bottom: 2px dashed;
	padding: 0 0 1%;
} 
.line-header{
	font-size:1.5em;
	color:#fff;
	padding: 0 0 0 2%;
}
.line-box p {
    float: left;
    font-size: 1.1em;
}
.line-header span{
	font-size:1.5em;
}
.line-contents{
	border-radius:10px;
	background:#fff;
	margin:1% auto 0;
	padding: 2%;
	overflow: hidden;
}
.line-contents img {
    vertical-align: middle;
    width: 100px;
	float: right;
}
.line-id{
	padding: 1% 2%;
    border: 2px solid #12bf00;
    border-radius: 3px;
    background: #12bf00;
    color: #fff;
    font-size: 1.4em;
}
.line-contents-id {
    text-align: right;
    padding: 2% 0;
}
/*--------------------------------------
	06-04.よくある質問ページ
--------------------------------------*/

.faq-page h3 {
	position: relative;
    padding: 15px;
    margin: 5% 4% 0%;
    background: #ffe8b6;
    border-radius: 20px;
}

.faq-page h3:before{font-family: FontAwesome;
content: "\f111";
position: absolute;
font-size: 15px;
left: -40px;
bottom: 0;
color: #ffe8b6;
}

.faq-page h3:after{
font-family: FontAwesome;
content: "\f111";
position: absolute;
font-size: 23px;
left: -23px;
bottom: 0;
color: #ffe8b6;
}
.faq-page p {
    padding: 2% 4% 4%;
}
/************************************************************************

	[END] 下層ページ　固定ページ

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


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

	07.レスポンシブ　(max-width: 768px)

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

/*--------------------------------------
	07-01.レスポンシブ ヘッダー、フッター、ナビ　ページ
--------------------------------------*/
@media (max-width: 768px){
header {
text-align:center;
}
header .tel-box {
margin: 10px auto 0;
}

.header_right{
	float: none;
    padding-top: 4%;
}
.header_left{
	float: inherit!important;
}

nav ul {
	display: block;
}
nav ul li {
	width: 100%;
	text-align: center;
	height: 45px;
}
nav ul li a span {
	border: none !important;
}
footer .section-footer-contact {
	display: block;
	height: auto;
}
footer .section-footer-contact .footer-container {
	width: 100%;
	text-align: center;
}
footer .footer-container:first-child::after {
	content:none;
}
footer .footer-container:last-child {
	padding: 20px 0;
}
footer .footer-container .tel-box {
	font-size: 7vw;
}
footer .footer-container:last-child img {
	left: 270px;
	width: 100px;
}
/*フッター女性img*/
footer .footer-container:last-child img {
    /* left: 270px; */
    right: 5%;
}
footer .footer-container:last-child img {
    left: unset;
}


/*フッターの電話マーク*/
.footer-container .tel-box .phone-number {
    background-position: 10%;
}
footer .footer-container:first-child {
    justify-content: center;
	text-align: center;
}

.tel-box .phone-number{
	font-size:70%;
	margin:0;
	line-height:1;
	background-position: left;
}
/*--------------------------------------
	07-02.レスポンシブ TOPページ
--------------------------------------*/
/*top-まずはご連絡ください枠*/
.row .contact-item {
    width: auto;
}
  .section-contact a.about-price{
    margin: 30px 0 0;
  }

/*top-STサービスのお約束*/
.section-promiss .heading {
	font-size:6vw;
}
.section-staffblog {
	padding: 3em 1em 6em;
}
.section-staffblog li a span{
	width: 100% !important;
}
.section-staffblog li a span:first-child {
	display: block;
}

/*top-お客様の声*/
.container-wrapper .section-customer .cunstomer-item {

    width: auto!important;
}

/*top-リード文*/
.read-txt {
    font-size: 1.8em;
    padding: 2%;
}

/*top-スタッフブログ*/
.section-staffblog li {
	font-size: inherit;
}
.news-entry ul {
    margin: 2%;
}

/*独自のリサイクルルート*/
.recycling-box-l {
    width: 100%;
    padding: 1% 2%;
	font-size: 1.1em;
}
.recycling-box-txt {
    width: 100%;
    padding: 1% 2%;
	font-size: 1.1em;

}
.recycling h2 {
    font-size: 1.8em;
}

.purchase-box-l img {
    width: 33%;
    float: left;
}
.purchase-box-l {
    width: 100%;
}
.purchase-box-r {
    width: 100%;
    float: none;
    padding: 1% 0%;
    font-size: 1em;
}
/*料金*/
section#ihin .heading {
    font-size: 1.3em;
    padding: 3%;
    height: inherit;
}
#jibun .heading {
    font-size: 1.3em;
    padding: 3%;
    height: inherit;
}
ul.item-list {
    font-size: 1em;
    width: 90%;
}
/*--------------------------------------
	07-03.レスポンシブ 自分の部屋、実家（親の家）お片付けページ
--------------------------------------*/
/*お片付けページのボタン*/

.section-mokuji p.col-md-4,
.section-breadlist .col-md-4 {
    text-align: center;
}
.section-breadlist .col-md-12,
.section-breadlist .col-md-8,
.section-breadlist .col-md-4 {
    padding-left: 15px;
    padding-right: 15px;
}
/*片付けの流れ*/
.section-flow > .row {
    margin: 0 1% 1% 0;
}
/*--------------------------------------
	07-04.レスポンシブ 料金ページ
--------------------------------------*/
.fee-page h1 {
    font-size: 1em;
    font-weight: bold;
}
.company-page h1 {
    font-size: 1em;
    font-weight: bold;
}
.fee-page h2 {
    font-size: 1.6em;
    line-height: 1.6em;
}
.fee-table-box{
	width:100%;
}
.fee-t .cell-th{
	font-size:1em;
}
.fee-t-2col .cell-th{
    font-size: 1em;
}
/*--------------------------------------
	07-05.レスポンシブ 会社概要ページ
--------------------------------------*/
.company-t {
    display: table;
    width: 100%;
    margin: 4% auto 10%;
}
.company-page h2 {
    margin: 0;
    line-height: 1.6em;
    font-size: 1.6em;
}
/*--------------------------------------
	07-06.レスポンシブ お問い合わせページ
--------------------------------------*/
.line-contents img {
    margin: 0;
    float: right;
}
.contact-page h2 {
    font-size: 1.6em;
    line-height: 1.6em;
}

}

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

	08.レスポンシブ　(max-width: 767px)

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

@media (max-width: 767px){

/*iphone用*/
.sp-iphone{
	display:block;
}
/*--------------------------------------
	08-01.レスポンシブ TOPページ
--------------------------------------*/
/*片付けの流れ*/
p.col-md-3.col-sx-6.flow-number img {
    width: 100%;
}
/*自分の部屋、実家（親の家）お片付けページのキャッチ文*/
.section-mokuji .catch-txt {
    font-size: 1.7em;
}
/*お客様の利益に還元*/
.recycling-box-l {
    width: 100%;
    float: none;
    padding: 1% 0%;
    font-size: 1em;
}
.recycling-box-r {
    width: 100%;
    float: none;
    padding: 1% 0%;
    font-size: 1em;
}
/*--------------------------------------
	08-02.レスポンシブ お問い合わせページ
--------------------------------------*/
.contact-box-l {
    width: 100%;
}
.contact-box-r {
    width: 100%;
}
/*--------------------------------------
	08-03.レスポンシブ 料金ページ
--------------------------------------*/
.fee-buttom {
    width: 100%;

}

}


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

	09.レスポンシブ　(max-width: 800px)

************************************************************************/
/*--------------------------------------
	09-01.レスポンシブ　フッター
--------------------------------------*/
@media screen and (min-width:769px) and (max-width: 800px){
footer .footer-container:first-child {
    justify-content: center;
	text-align: center;
}
footer .footer-container:last-child img {
    right: 5%;
    width: 13%;
	left: inherit;
}

}