@charset "utf-8";
/*
Theme Name: template_pc

*/

*{margin:0;padding:0;}

html{background:#d4e3ec;}

body{
/*
font:14px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
*/
font-size:18px/1.7;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
color:#252525;
background:#ffffff url(/hp/wp-content/themes/pc/images/header_bg.png) repeat-x;
}

/*
a{color:#777777;}
a:hover{color:#919191;text-decoration:none;}
a:active, a:focus {outline:0;}
img{border:0;}
.clear{clear:both;}
p{padding-bottom:10px;}
.center{text-align:center;}
.right{text-align:right;}
*/

/*******************************
全体幅
*******************************/
#header{
margin:0 auto;
width:1240px;
border:0px solid red;
overflow:hidden;
}
#container{
margin:0 auto;
width:1240px;
border:0px solid green;
overflow:hidden;
}
#wrapper{
margin:0 auto;
width:100%;
}
.inner{
margin:0 auto;
width:1240px;
border:0px solid orange;
overflow:hidden;
}

/*******************************
/* ヘッダー
*******************************/
#header{
position:relative;
height:190px;
}
#header-x{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0.01em;
} 
.header-l{
float:left;
width:500px;
padding:10px 0 0;
}
.header-l a:hover{
opacit:0.8;
}
.header-r{
float:right;
width:600px;
}
.header-r img{
margin:34px 0 0 15px;
}
.header-r a:hover{
opacity:0.8;
}
#nav{
width:100%;
height:30px;
margin:20px 0;
text-align:right;
font-size:20px;
}
#nav a{
color:#000;
font-weight:bold;
text-decoration:none;
padding:0 10px;
}
#nav a:hover{
color:gray;
}

/* ロゴの位置 */
/*
#header h3{top:45px;}
*/


/*******************************
メイン
*******************************/
.oshirase-box{
width:1030px;
height:90px;
margin:0 auto 40px;
overflow:hidden;
border-bottom:1px solid silver;
background:url(/hp/wp-content/themes/pc/images/mrk-02.png) no-repeat;
background-position: top 0px right 40px;
}
.oshirase-date{
color:#000000;
font-size:16px;
margin:0 0 0 20px;
}
.oshirase-cat{
color:#ffffff;
background:#e60012;
padding:4px 10px;
font-size:14px;
color:#fff;
margin:0 0 0 30px;
}
.oshirase-title{
font-size:18px;
font-weight:bold;
border:0px solid silver;
margin:20px;
width:930px;
height:25px;
overflow:hidden;
}
#mainImage{
width:1240px;
height:542px;
margin:0 auto;
overflow:hidden;
}
#main-nayami{
margin:80px 0 0;
}
#main-nayami ul{
background:#f2f2f2;
padding:20px 30px;
width:940px;
margin:30px auto;
font-size:20px;
font-family: Yu Mincho;
}
#main-nayami ul li{
line-height:3rem;
margin:0 30px;
/*font-family: Yu Mincho;*/
}
#main-kaiketsu{
margin:30px;
text-align:center;
width:100%;
}
#main-kaiketsu img{
margin:30px 0;
}
#main_5merrit{
margin:30px;
text-align:center;
width:100%;
}
#main_btn_soudan{
margin:100px 0 0;
text-align:center;
width:100%;
}
#main_kaitori-flow{
margin:100px 0 0;
text-align:center;
width:100%;
}
#main_kaitori-flow p{
font-size:20px;
lien-height:3rem;
margin:30px 0 50px;
color:#000;
}
.flow-box{
width:1170px;
height:140px;
background:url(/hp/wp-content/themes/pc/images/main_bg_flow.png);
margin:38px auto;
}
.flow-box-01{
display: table;
color:#fff;
font-size:32px;
width:400px;
height:138px;
text-align:left;
margin:0 0 0 40px;
float:left;
}
.flow-box-02{
display: table;
color:#000;
font-size:18px;
width:660px;
height:138px;
margin:0 0 0 30px;
line-height:2rem;
float:left;
text-align:left;
}
.middle{
display: table-cell;
vertical-align: middle;
}
.osusume{
width:90%;
margin:50px auto;
font-size:46px;
border-bottom:1px solid #000;
color:#000;
text-align:center;
text-decoration:bold;
}
.oshirase{
width:90%;
margin:50px auto;
font-size:42px;
border-bottom:1px solid #000;
color:#000;
text-align:center;
text-decoration:bold;
}
.osusume-box{
width:1030px;
height:226px;
margin:0 auto 30px;
overflow:hidden;
border:1px solid silver;
}
.osusume-box-l{
float:left;
width:710px;
height:180px;
margin:30px 0 0 30px;
}
.osusume-title{
height:120px;
font-size:24px;
font-weight:bold;
line-height:2rem;
display: table;
}
.osusume-title a{
color:#000;
text-decoration:none;
}
.osusume-title a:hover{
color:gray;
}
.osusume-price{
font-weight:bold;
font-size:28px;
}
.osusume-price span{
color:#ffffff;
background:#e60012;
padding:8px 15px;
font-size:24px;
color:#fff;
margin:0 30px 0 0 ;
}
.osusume-box-r{
float:left;
width:234px;
height:180px;
margin:30px 0 0 20px;
overflow:hidden;
display:table;
text-align:center;
}
.osusume-box-r img{
width:100%;
height:auto;
transition: 0.5s;
}
.osusume-box-r img:hover{
opacity:0.8;
width:105%;
height:auto;
transition: 0.5s;
}
/*******************************
コンテンツ位置
*******************************/

/* メイン+ サイドバー右 */
#container{
}

#main{
}



/*******************************
/* フッター
*******************************/
#footer{
width:100%;
text-align:center;
}
#footerUpper{
width:100%;
background:#eeeeee;
padding:80px 0;
}
#footer_btn{
width:1180px;
margin:0 auto;
text-align:center;
overflow:hidden;
}
#footer_btn img{
float:left;
margin:30px 15px;
}
#footer_map{
width:100%;
height:450px;
text-alilgn:center;
overflow:hidden;
margin:20px 0 0 ;
}
#footerLower{
width:1240px;
height:130px;
overflow;hidden;
margin:30px auto;
border:0px solid red;
}
#footerLower-l{
float:left;
width:700px;
height:130px;
border:0px solid red;
}
#footerLower-l a:hover{
opacity:0.8;
}
#footerLower-r{
float:left;
width:420px;
height:90px;
overflow:hidden;
text-align:left;
margin:40px 0 0 60px;
border:0px solid red;
}

#footerBottom{
width:100%;
background:#e60012;
}
#footerBottom-box{
width:1240px;
height:170px;
overflow:hidden;
margin:0px auto 0;
padding:30px 0 0;
font-size:14px;
}
#footerBottom-01{
text-align:left;
margin-left:50px;
float:left;
width:313px;
height:150px;
border:0px solid #fff;
}
#footerBottom-02{
float:left;
width:316px;
height:150px;
border:0px solid #fff;
}
#footerBottom-02 ul{
text-align:left;
list-style-type:none;
}
#footerBottom-02 ul li{
line-height:2rem;
background:url(/hp/wp-content/themes/pc/images/mrk-01.png) no-repeat 0 50%;
padding:0 0 0 30px;
}
#footerBottom-02 ul li a{
color:#ffffff;
text-decoration:none;
}
#footerBottom-02 ul li a:hover{
color:yellow;
}
#footerBottom-03{
float:left;
width:360px;
height:150px;
border:0px solid #fff;
}
#footerBottom-03 ul{
text-align:left;
list-style-type:none;
}
#footerBottom-03 ul li{
line-height:2rem;
background:url(/hp/wp-content/themes/pc/images/mrk-01.png) no-repeat 0 50%;
padding:0 0 0 30px;
}
#footerBottom-03 ul li a{
color:#ffffff;
text-decoration:none;
}
#footerBottom-03 ul li a:hover{
color:yellow;
}
#footerBottom-04{
float:left;
width:185px;
height:120px;
border:0px solid #fff;
}
#footerBottom-04 ul{
text-align:left;
list-style-type:none;
padding:20px 0 0 0;
}

#footerBottom-04 ul li{
border:1px solid #ffffff;
padding:3px 5px;
margin:5px 0;
width:150px;
}
#footerBottom-04 ul li a{
color:#ffffff;
text-decoration:none;
}
#footerBottom-04 ul li a:hover{
color:yellow;
}
address{
font-style:normal;
font-size:13px;
color:#ffffff;
}

/*******************************
/* 固定ページ
*******************************/
.page-title-01 {
display: flex;
justify-content: center;
align-items: center;
font-size: 42px;
text-align: center;
margin:30px 0 0;
}
.page-title-01::before,
.page-title-01::after {
content: '';
width: 150px;
height: 3px;
background-color: #e60012;
}
.page-title-01::before {
margin-right: 20px;
}
.page-title-01::after {
margin-left: 20px;
}
.page-content-01{
width:100%;
text-align:center;
margin:50px 0 20px;
font-size:120%;
}
/*******************************
/* 会社概要
*******************************/
.page-content-recruit{
margin:50px 0 0;
}
.aboutus-01{
font-size:140%; 
width:100%; 
text-align:center; 
font-weight:bold; 
text-decoration:underline; 
margin:50px 0;
}
.aboutus-02{
font-size:120%; 
width:100%; 
text-align:center; 
margin:50px 0 0; 
line-height:2.5rem; 
font-family: Yu Mincho;
} 
.aboutus-03{
font-size:120%; 
width:100%; 
text-align:center; 
margin:50px 0 150px; 
line-height:2.5rem; 
font-family: Yu Mincho; 
font-weight:bold;
} 
table.aboutus-11{
cellpadding:0;
border-collapse: collapse;
width:80%; 
margin:30px 10%; 
border:1px solid silver;
}
table.aboutus-11 th{
width:20%; 
text-align:left; 
padding:15px 10px 15px 20px; 
border:1px solid silver; 
background:#e9e9e9;
}
table.aboutus-11 td{
padding:15px 10px 15px 25px;
border:1px solid silver;
}

/*******************************
/* 個人情報保護方針　、プライバシー
*******************************/
#privacy-00{
width:90%;
margin:50px 5%;
}
.privacy-01{
padding: 0.25em 0.5em;
color: #494949;
background: transparent;
border-left: solid 5px #e60012;
font-size:130%;
font-weight:bold;
}
.privacy-02{
margin:30px 15px;
line-height:2rem;
}
.privacy-03{
font-weight:bold;
margin:0 15px;
}
.privacy-04{
margin:0 80px;
line-height:2rem;
}

/*******************************
/* フォーム
*******************************/
#form_sell table{
width:90%; 
margin:50px auto; 
cellpadding:0; 
border-collapse: collapse;
}
#form_sell table tr{
border:1px solid #d5d5d5;
}
#form_sell table th{
width:30%; 
text-align:left; 
background:#fddddd; 
vertical-align:middle; 
padding:15px 10px; 
border:1px solid #d5d5d5;
color:#252525;
}
#form_sell table td{
text-align:left; 
vertical-align:middle; 
padding:15px 10px; 
border:1px solid #d5d5d5;
}
span.hissu{
font-size:80%; 
padding:3px 5px;
background:#fff; 
border:1px solid red;
border-radius:2px; 
color:red; 
margin-left:10px;
}
textarea.wpcf7-form-control{
font-size:120%; 
border:1px solid silver; 
padding:5px; 
line-height:1.3rem;
}
input.wpcf7-text{
font-size:120%; 
border:1px solid silver; 
padding:10px;
}
.textarea-373{
width:95%; 
height:40px;
}
.textarea-97{
width:95%; 
height:100px;
}
.tel{
width:100px; 
margin:0 10px; 
text-align:center;
}
.timezoon, .your-adress{
width:95%;
}
select.wpcf7-form-control{
font-size:120%; 
padding:10px; 
border:1px solid silver;
}
.example{
color:gray; 
font-size:80%;
}
input.wpcf7-submit{
font-size:20px; 
padding:10px 30px; 
width:30%; 
text-align:center; 
margin:0 35% 100px;
}
.inquiry{
width:95%; 
height:300px;
}

/*******************************
/* 直接買取について
*******************************/
.page-content-kaitori{
width:90%;
margin:50px; 5%;
line-height:2rem;
}
p.kaitori-02 {
width:100%;
text-align:center;
font-size:30px;
text-decoration:underline;
margin:50px 0 0 ;
font-weight:bold;
}
.kaitori-03 {
width:100%;
margin:50px 0 0;
}
.kaitori-03-l{
width:50%;
float:left;
}
.kaitori-03-r{
width:45%;
float:left;
}
.kaitori-03-r img{
margin:30px 10px;
}
.kaitori-04{
width:100%;
margin:80px 0 0;
}
.kaitori-04-l{
width:50%;
float:left;
}
.kaitori-04-r{
width:45%;
float:left;
}
.kaitori-04-r img{
margin:20px 0 0 30px;
border-radius:10px;
}
.kaitori-05{
width:100%;
margin:80px 0 0;
}
.kaitori-05-l{
width:45%;
float:left;
}
.kaitori-05-r{
width:50%;
float:right;
}
.kaitori-05-l img{
margin:20px 30px 0 0;
border-radius:10px;
}
p.kaitori-tl{
background:url(/hp/wp-content/themes/pc/images/bg_kaitori-tl.png) no-repeat;
width:450px;
height:75px;
overflow:hidden;
font-size:24px;
font-weight:bold;
padding:30px 0 0 80px;
}
/*******************************
/* 採用情報
*******************************/
.page-content-recruit{
margin:50px 0 0;
}
.recruit-01{
font-size:120%; 
width:100%; 
text-align:center; 
line-height:2rem;
}
.recruit-02{
font-size:120%; 
width:100%; 
text-align:center; 
font-weight:bold; 
text-decoration:underline; 
margin:50px 0 0;
} 
.recruit-03{
font-size:120%; 
width:60%; 
margin:30px 0 50px 30%; 
text-align:left; 
line-height:2rem;
}