/*
 Theme Name:   wsc8 Child
 Description:  Bull's original theme
 Author:       suekuni
 Author URI:
 Template:     wsc8
*/
@import url ('../wsc8/style.css');


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

レスポンシブは一番下にまとめて書いてます。

********************************/
.site-description{
	display:none!important;
}


.section{
    padding: 0;
}

br { letter-spacing : normal; }

/*パンくず*/
.breadcrumbs{
	display:none;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0 ;
}

/*固定ページのタイトル非表示*/
.entry-title{
	display:none;
}

/*spメニュー*/
.btn  {
 font-family: FontAwesome;
 content: "\f0c9";
}

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

ヘッダー

********************************/
body{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","メイリオ", Meiryo!important;
	font-size:14px!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.header{
	max-width: 1400px;
    margin: 0 auto;
    padding: 20px 0;
}


.header-container{
	max-width: 1400px!important;
	margin: 0 auto;
	overflow:hidden;
}

.header_left {
    float: left;
    padding: 2% 0 0 2%;
	position: relative;
    z-index: 1;
}

.site-description{
	display:none;
}

.header_right{
	float:right;
	width:42%;
	padding: 2% 2% 0 0;
	text-align: right;
}



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

フッター

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

#copyright{
	text-align:center;
	float:none;
	color: #fff;
}

.footerBottom {
    background-color: #291807;
}

.footer-infobox{
	overflow:hidden;
}

.footer-infobox p{
	padding:4%;
}

.fb-box{
	overflow:hidden;
	padding: 0;
	width:430px;
	float:left;
}

.sns {
    width: 100%;
    overflow: hidden;
	padding: 4% 0;
}
.line-area {
    width: 55%;
    float: left;
    padding: 0;
    margin: 0 0 0 2%;
    background: #fff;
	border: 1px solid #01bb00;
}
.line-head {
    color: #fff;
    font-size: 2em;
    /*background: url(img/line_icon_bill.png) no-repeat;*/
    background-position: 97% 100%;
    background-color: #01bb00;
	letter-spacing: 2px;
	box-shadow: 1px 1px 4px grey;
	background: -webkit-linear-gradient(top, #01bb00 0%, #16dc15 50%, #05d404 51%, #01bb00 100%);
    background: -moz-linear-gradient(top, #01bb00 0%, #16dc15 50%, #05d404 51%, #01bb00 100%);
    background: -o-linear-gradient(top, #01bb00 0%, #16dc15 50%, #05d404 51%, #01bb00 100%);
    background: -ms-linear-gradient(top, #01bb00 0%, #16dc15 50%, #05d404 51%, #01bb00 100%);
}
.line-head img{
	vertical-align: middle!important;
}
.line-box {
	width: 45.5%;
    float: left;
    margin: 0 0 3% 3%;
    /* border: 1px solid #01bb00; */
    box-shadow: 1px 1px 2px grey;
}
.line-box-head {
    background: #01bb00;
    color: #fff;
    font-size: 1em;
    padding: 1%;
    font-weight: bold;
}
.line-txt {
    padding: 2%;
    background: url(img/line_illust.png) no-repeat;
    background-position: 91% 8px;
    background-size: 16%;
	padding: 4% 23% 4% 3%;
}
.line-conts {
    padding: 2%;
}
.line-conts img {
    width: 50%;
}
.line-conts-h {
    color: #01bb00;
    /* font-size: 1.1em; */
}
.qr img {
    width: 36%;
}
.line-conts-txt {
    font-size: 0.9em;
    padding: 0 0 4px;

}
/*ページトップへ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:visited {
	color:#fff!important;
}

a.page_top:hover{
	color:#fff!important;
}

a.page_top:active{
	color:#fff!important;
}

.footer-area{
	background:url(img/footer_bg.jpg)no-repeat;
	/*height: 750px;*/
    background-size: cover;
    background-position: bottom center;
	background-position-y: 113px;
}

.footer-info{
	max-width:1000px;
	text-align:center;
	margin:0 auto;
	overflow:hidden;	
}

.footer-info h3{
	font-size: 1.8em;
}

.footer-info img{
	vertical-align:text-bottom;
}

.footer-info-l{
	width: 50%;
    float: left;
    padding: 2%;
    line-height: 30px;
}

.footer-info-r{
	width: 50%;
    float: left;
    padding: 2%;
    line-height: 30px;
}

.footer-widget{
	display:none;
}

.footerBottom {
    background-color: #001a58!important;
}

div.fb-like-box,
div.fb-like-box iframe[style],
div.fb-like-box span {
	width: 100% !important;
}


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

グローバルナビゲーション

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

.gnav-container li a{
	background:none!important;
	padding:0!important;	
	color:#333!important;
	padding: 7px 15px;
	font-size: 17px;
}

#gnav {
    background-color: #fff!important;
	max-width: 1400px!important;
    float: none!important;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
    top: -22px;
}

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

#gnav .container{
	margin: 0;
    float: right;
	width: 65%;
}

.gnav-container ul{
	padding: 20px;
	width: 100%;
    float: right;
}

.gnav-container li{
	width:16.6%;
	text-align:center;
	padding:0 0 2%!important;	
}

.gnav-container li.current-menu-item a {
	background-color: #ff8000;
    color: #e7027e!important;
}



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

　フロントページ

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

#front-firstView{
    margin: 0 auto;
}

.top-img {
	max-width: 1400px;
	margin: 0 auto;

}

.top-img img{
	vertical-align: bottom;
}

.catch{
	max-width:1400px;
	margin:0 auto;
}

.catch p {
    padding: 4%;
    line-height: 36px;
    text-align: center;
}

.catch span{
	font-size: 1.8em;
    line-height: 1.8em;
    color: #003667;
    display: block;
    text-align: center;
}


/*h2*/
#front-firstView h2{
	padding-bottom:2%;
}


/*トータルサポート*/
.support{
	background-color: #001c58;
	width:100%;
}

.support-contents{
    color: #fff;
	text-align:center;
	padding: 4% 0;
}

.support-contents h3 {
	font-size: 1.8em;
	margin-bottom: 2%;
}

.support-contents h3 img{
	margin:0 1%;
	vertical-align: middle;
}

.banner{
	padding:6% 0 0 0;
	text-align:center;
}

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

.news-entry{
	border-radius: 10px;
    border: 1px solid #000;
    padding: 2%;
    text-align: left;
    max-width: 1000px;
    margin: 0 auto;
}

.about{
	background: #e7e7ef;
	overflow:hidden;
	margin:2% 0 0;
}

.about-box{
	max-width: 1000px;
    margin: 0 auto;
	padding:4% 0;
	overflow: hidden;
}

.about-box-left{
	width: 48%;
    float: left;
    padding: 0 2% 0 0;
}

.about-box h3{
	font-size: 1.8em;
    line-height: 1.8em;
	margin-bottom: 2%;
}

.about-box p{
	
    line-height: 36px;
}

.about-box-right{
	float:left;
	width: 50%;
}

.about-box-right ul{
	list-style: none;
	padding: 2%;
}

.about-link{
	float:right;
}

.about-box-right li{
	background-image: url(img/key.png);
    background-repeat: no-repeat;
    background-position: 2px 1px;
    padding: 0% 2% 5% 12%;
}



/*TOPICS*/
.topics{
	text-align: center;
    padding: 6%;
}

section.topics .topics-box {
    max-width: 1000px;
    margin: 0 auto;
	overflow: hidden;
}

section.topics .topics-box div{
	width:33%;
	float:left;
	padding:5px;
}

.tel{
	font-size:1.8em;
	font-weight:bold;
}

.shop{
	font-size:1.8em;

}


/*what's news*/
.newsListItem{
	margin: 0 0 2%;
    width: 100%;
    overflow: hidden;
}
.newstitle{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.newsListItem h3{
	color: #003667;
}

.new-icon{
	color:red;
}

.news-entry ul{
	list-style: none;
}

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

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



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

ギャラリーページ

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

#gallery-page{
	margin: 0 0 4%;
}

#gallery-page h1{
    margin: 4% 0;
    background: #0075a9;
    color: #fff;
    text-align: center;
    font-size: 2.2em;
    font-weight: normal;
}

.gallery-container{
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
}

.gallery-container #gallery-2 .gallery-item {
    float: left;
    margin: 1% 0 0 1%;
    text-align: center;
    width: 48%;
}


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

ブルについてページ

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

#about-bull-page{
	margin: 0 0 4%;
}

#about-bull-page h1{
    margin: 4% 0;
    background: #0075a9;
    color: #fff;
    text-align: center;
    font-size: 2.2em;
    font-weight: normal;
}

.about-container{
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
}

#about-bull-page .about-box-l{
	width:50%;
	padding:0;
	float:left;
}

#about-bull-page .about-box-r{
	width:50%;
	padding:0 1% 0;
	float:left;
}

#about-bull-page .about-box-r h2{
	font-size:1.8em;
	color:#0075a9;
    padding-bottom: 2%;
}

#about-bull-page .about-box p {
    line-height: 30px;
}


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

買取についてページ

********************************/
.catch{
	line-height:30px;
	text-align:center;
}

#about-page h1{
    margin: 4% 0;
    background: #0075a9;
    color: #fff;
    text-align: center;
    font-size: 2.2em;
    font-weight: normal;
}

#about-page .about-box-l{
	width:50%;
	padding:0;
	float:left;
}

#about-page .about-box-r{
	width:50%;
	padding:6% 1% 0;
	float:left;
}

#about-page .about-box-r h2{
	font-size:1.8em;
	color:#0075a9;
    padding-bottom: 2%;
}


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

アクセスページ

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

#access-page{
	margin: 0 0 4%;
}

#access-page h1{
    margin: 4% 0;
    background: #0075a9;
    color: #fff;
    text-align: center;
    font-size: 2.2em;
    font-weight: normal;
}

.access-container{
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
}

.map{
	margin:4% 2%;
}

iframe{
	width:100%;
}


/*テーブル*/
.access-table {
	display: table;
    width: 70%;
    margin: 0 auto;
	border-bottom: 3px solid #0075a9;
    border-top: 3px solid #0075a9;
    padding: 4%;
}

.access-table div.row{
	display:table-row;
	color:#0075a9;
	font-size:1.8em;
}

.access-table div.cell{
	display:table-cell;

}
.access-table div .thcell{
	display: table-cell;
    /* padding: 0 4%; */
    width: 27%;
}


/*-------------------------------
ここからお知らせ記事ページ
-------------------------------*/
.navigation a, .navigation span {
    background-color: #0175a9!important;
}

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

single(記事ページ)

********************************/
.single .container {
    max-width: 1400px!important;
}

.container {
    max-width: 1400px!important;
}

#info-s-page{
	    margin: 0 auto;
}

#info-s-page .cf{
    zoom: 1;
    max-width: 1400px;
    margin: 4% auto;
}

#info-s-page .main-column {
    max-width: 1000px;
    float: none;
    padding-bottom: 30px;
    margin: 0 auto;
}

.main-column .content{
	border: 1px dotted;
    border-radius: 5px;
    margin: 0;
    padding: 2%;
}

.entry-header{
	border-bottom: 1px solid;
}

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


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

page-news(記事一覧)

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

#info-n-page{
	    margin: 0 auto;
}

#info-n-page .cf{
    zoom: 1;
    max-width: 1400px;
    margin: 4% auto;
}

#info-n-page .main-column {
    width: 1000px;
    float: none;
    padding-bottom: 30px;
    margin: 0 auto;
}

#info-n-page .post{
	border: 1px dotted;
    border-radius: 5px;
    margin: 2%;
    padding: 2%;

}

.post h3{
	border-bottom: 1px solid;
    padding: 1%;
}


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

カテゴリーページ

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

.main-column h1{
	    margin: 4% 0;
    background: #0075a9;
    color: #fff;
    text-align: center;
    font-size: 2.2em;
    font-weight: normal;


}


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

レスポンシブ　768px以下

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

@media (max-width:768px){


/*フッター*/

.footer-infobox {
    padding: 4%;

}

.footer-info h3 {
    line-height: 1.8em;
}


/*メニュー*/

.gnav-container li{
	border-bottom: 1px solid!important;
	padding:2%!important;
}
#gnav{
	top: 0px;
}


/*アクセス*/

.access-table {
	width: 100%;
}

.access-table div.row {
    font-size: inherit;
}


/*whats news枠*/
.news{
	padding: 10% 4% 4%;
}


/*topics枠*/
.topics{
	padding: 10% 2% 4%;
}


/*topのブルについて、買取について枠*/
.about{
	padding: 0 2%;

}

.about-box h3{
	margin: 2%;
	font-size: 1.5em;
}


/*single(記事ページ)*/
#info-s-page .main-column {
	width: 96%;
    margin: 0 2%;
}


/*topのトータルサポート枠*/
.support-contents h3 {
    font-size: 1.5em;
}

.support-contents h3 img{
	margin: 0px 1%;
	width: 8%;
}


/*google*/
.header_right{
	float: right;
    width: 100%;
	padding: 2%;
}


/*ブルについて*/
#about-bull-page .about-box-r h2 {
    padding: 4% 2%;
    line-height: 1.8em;
}


}

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

レスポンシブ　767px以下

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

@media (max-width:767px){

/*topのトータルサポートp*/
.support-contents p {
    padding: 4%;
}


/*トップのブルについて、買取について枠*/
.about-box-left{
	width: 100%;
}

.about-box-right {
    width: 100%;
}

.catch p {
    padding: 6% 4%;
    line-height: 30px;
    text-align: center;
}

.catch span {

}

.about-box p {
    text-align: center;
}

/*フッター*/

.footer-info-l {
    width: 100%;
	text-align:center;
}

.footer-info-r {
    width: 100%;
	text-align:center;
}



/*ブルについて、買取について*/
#about-page .about-box-l{
	width:100%;

}

#about-page .about-box-r{
	width:100%;

}

#about-bull-page .about-box-l{
	width:100%;
}

#about-bull-page .about-box-r{
	width:100%;
}


/*ブルについて、買取についての枠*/
.about-container {
    padding: 4% 4% 10%;
}


/*ブルについてのh1*/
#about-bull-page h1 {
}

/*line*/
.line-txt {
    background-position: 101% -23%;
    background-size: 34%;
}
}



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

レスポンシブ　801px以下

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

@media (max-width:801px){
/*facebook*/
.fb-box{
	width:100%;
	margin: 0 auto;
	padding: 3%;

}
/*line*/
.line-area {
    width: 100%;
    float: left;
    margin: 0;
    padding: 4% 3%;
    background: #fff;
}
.line-box {
    width: 95%;
    margin: 0 3% 3%;
}
#gnav .container {
    margin: 0;
    float: right;
    width: 78%;
}
}


@media (min-width:769px) and (max-width:801px){
.fb-box {
    width: 56%;
    margin: 0 auto;
    /* padding: 3%; */
}
.line-area {
    width: 42%;
    float: left;
    margin: 3% 0 0 0;
    padding: 0;
    background: #fff;
}
.line-txt {
    padding: 2% 22%;
    background-position: 95% 87%;
    background-size: 25%;
}
}