﻿@charset "utf-8";

/*
  filename: /css/common/base.css
  create: 2010.03.24
  copyright: (c) 2006-2010, KITAMURA Co., Ltd. All Rights Reserved.
*/

/*----------------------------------------------------------
 説明
------------------------------------------------------------*/

大半のページに適用するcssを記載


/*----------------------------------------------------------

【項目】
 01. reset
 02. html
 03. body
 04. h
 05. a
 06. img
 07. ul ol li
 08. table
 09. label
 10. strong em
 11. form
 12. menuCategory hover
 13. inquiry 電話受付時間・営業時間
 14. パンくずリスト
 15. ヘッダー
 16. フッター
 17. clearfix
 18. 追加class

------------------------------------------------------------*/


/*----------------------------------------------------------
 01. reset
------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}


/*----------------------------------------------------------
 02. html
------------------------------------------------------------*/

html{
  height: 100%;
  margin: 0 0 1px 0;
}


/*----------------------------------------------------------
 03. body
------------------------------------------------------------*/

body{
  height: 100%;
  line-height: 1.4;
  color: #333;
  background: #fff;
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
}


/*----------------------------------------------------------
 04. h
------------------------------------------------------------*/

/*
h1{
  line-height: 1.3;
  font-size: 120%;
}
h2{
  line-height: 1.2;
  font-size: 100%;
}
h3,h4{
  font-size: 105%;
  line-height: 1.2;
}

h5{
  line-height: 1.2;
  font-size: 100%;
}
*/

h1, h2, h3, h4, h5, h6{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-size:100%;
  color:#333;
  background:transparent;
}


/*----------------------------------------------------------
 05. a
------------------------------------------------------------*/

a,
a:visited{
  /*color: #1a54a8;*/
  /*text-decoration: underline;*/
}

a:active{
  color: #971e23;
}
a:hover{
  color: #0099ff;
}


/*----------------------------------------------------------
 06. img
------------------------------------------------------------*/

img{
  border:none;
  /*vertical-align: text-bottom;*/
}


/*----------------------------------------------------------
 07. ul ol
------------------------------------------------------------*/

ol,
ol li,
ul,
ul li{
  list-style-type:none;
}


/*----------------------------------------------------------
 08. table
------------------------------------------------------------*/

table{
  border-collapse:collapse;
  border-spacing:0;
  line-height: 1.2;
  font-size:100%;
}


/*----------------------------------------------------------
 09. label
------------------------------------------------------------*/


/*----------------------------------------------------------
 10. strong em
------------------------------------------------------------*/

em{
  color: #e94900;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  font-size: 100%;
}


/*----------------------------------------------------------
 11. form
------------------------------------------------------------*/

fieldset{
  border: none;
}

legend{
  display: none;
}


/*----------------------------------------------------------
 12. menuCategory hover
------------------------------------------------------------*/

#menuCategory li{
  height: 34px;
}


#menuCategory li ul{
  z-index: 10000;
  position: absolute;
  top: 34px;
  left: 0;
  width: 237px;
  margin: 0;
  padding: 0;
  visibility: hidden;
}

#menuCategory li ul li{
  line-height: 1.0;
  clear: both;
  width: 227px;
  height: auto;
  padding: 6px 5px;
  background: #fff;
}

#menuCategory li ul li a{
  line-height: 1.0;
  float: left;
  padding: 6px;
}

#menuCategory li ul li a:hover{
}


/*----------------------------------------------------------
 13. inquiry
 ※フォントのカラー、サイズ、要素の種類、margin、paddingなど指定しない事
 ※電話番号が変更する場合、各HTMLのhref="tel:●●●;"を変更する事
 ※疑似クラスはSEOに寄与しないため、電話番号には使わない
------------------------------------------------------------*/

/* ----- 通常営業日用 ----- */

/*050-3033-0063　中古：査定・買取申込み*/
.inquiry_01 .inquiry_hours::before{
  content:"営業時間 10:00～18:00";
}
.inquiry_01 .inquiry_holiday::before{
  content:"(日曜定休)";
}


/*050-3116-5555　中古：出張買取り受付窓口*/
.inquiry_02 .inquiry_hours::before{
  content:"営業時間 10:00～19:00";
}
.inquiry_02 .inquiry_holiday::before{
  content:"(年末・年始を除く)";
}


/*050-3116-8888　お客さま相談室*/
.inquiry_03 .inquiry_hours::before{
  content:"営業時間 10:00～19:00";
}
.inquiry_03 .inquiry_holiday::before{
  content:"(年末・年始を除く)";
}


/* ----- 年末年始用 ----- */

/*
.inquiry_01 .inquiry_holiday::before{
  content:"※12月30日は10:00～15:00、12月31日～1月1日は休業、1月2日～1月3日は10:00～15:00、通話料はお客様負担になります";
  font-size:80%;
}

.inquiry_02 .inquiry_holiday::before{
  content:"※12月31日～1月2日は18:00まで12月30日～1月3日の出張買取は休業します";
  font-size:80%;
}

.inquiry_03 .inquiry_holiday::before{
  content:"※12月31日～1月2日は18:00まで";
  font-size:80%;
}
*/


/*----------------------------------------------------------
 14. パンくずリスト
------------------------------------------------------------*/

/* パンくずリスト */
.breadcrumb,
.bs3 .breadcrumb {
  background:none;
  font-size:80%;
  margin-bottom: 15px;
  padding:0;
}
.breadcrumb > li + li::before,
.bs3 .breadcrumb > li + li::before{
    content: "> ";
}


/*----------------------------------------------------------
 15. ヘッダー
------------------------------------------------------------*/

@media (min-width: 0px) and (max-width: 992px) {
  #wFooter {
      height:auto;
  }
  #wFooterContents {
    max-width:80%;
    text-align:center;
  }
  #wFooterContents ul {
    clear: both;
    display: block;
    padding-top:20px;
    font-size: 12px;
    line-height: 1.8;
    list-style: outside none none;
    width: auto;
  }
  #wFooterContents ul li {
    background: rgba(0, 0, 0, 0) url("https://www.kitamura.jp/common/images/hf/arrow_7x7.gif") no-repeat scroll -2px 5px;
    display: inline;
    padding: 0 6px 0 7px;
  }
  #wFooterContents ul li.listOpen {
    background: rgba(0, 0, 0, 0) url("https://www.kitamura.jp/common/images/hf/arrow_open_7x7.gif") no-repeat scroll left center;
  }
  #wFooterContents ul li a {
    color: #666;
  }
  #wFooterLogo {
    background-color: #fff;
    display: block;
    float: none;
    margin-top:20px;
    text-align:center;
    width: 90%;
  }
  small#copyright{
    display: block;
    float: none;
    text-align:center;
  }
  #wFooterLogo p{
    max-width: 20%;
  }
  #wFooterLogo p:first-child {
    max-width: 58%;
  }
}

/* copyright */

.copyright{
  padding:10px;
  text-align:center;
  color:#fff;
  background:#d60a23;
}

footer ul,footer li{
  padding: 0;
  list-style:none;
}


/*----------------------------------------------------------
 16. フッター
------------------------------------------------------------*/

.sp-header{
  border-bottom: 5px solid #d60a23;
  padding: 5px 0;
}
.sp-header .logo{
  align-items: center;
  display: flex;
  float:left;
}
.sp-header .kitamura,.sp-header .mario{
  float:left;
  margin-right:2%;
  max-width:18%;
}
.sp-header .logo .tyuko{
  float:left;
  display:block;
  max-width:60%;
}
.sp-header .country{}
.sp-header .country li{
  display: block;
  float:right;
  max-width:25%;
  font-size:small;
  border-right:1px solid #666;
  border-left:10px solid #fff;
}
.sp-header .country li a{
  display: block;
}

#google_translate_element{
  float:right;
  margin-top:5px;
}


/*----------------------------------------------------------
 17. clearfix
------------------------------------------------------------*/

#wHeader, #wHeaderContents, #wGM #topnav, #wSearch2{
  zoom: 1;/*for IE 5.5-7*/
}

#wHeader:after, #wHeaderContents:after, #wGM #topnav:after, #wSearch2:after{
  clear: both;
  content: ".";
  display: block;
  font-size: 0.1em;
  height: 0.1px;
  line-height: 0;
  visibility: hidden;
}

/* ----- google-transrate ----- */

#wUtil .goog-te-gadget-simple{
  background-color: #fff;
  border-left: 1px solid #d5d5d5;
  border-top: 1px solid #9b9b9b;
  border-bottom: 1px solid #e8e8e8;
  border-right: 1px solid #d5d5d5;
  font-size: 10pt;
  display: inline-block;
  padding-top: 1px;
  padding-bottom: 2px;
  cursor: pointer;
  zoom: 1;
  /*margin-left:10px;*/
  float:right;
}
#wUtil .goog-te-gadget-icon{
  margin-left: 2px;
  margin-right: 2px;
  width: 19px;
  height: 19px;
  border: none;
  vertical-align: middle;
}
#wUtil .goog-te-gadget-simple a span{
  line-height: 19px;
}

/* ----- /google-transrate ----- */


/*------------------------------------
 18. 追加class
------------------------------------*/

/* ----- レイアウト ----- */

/* display */
.none{display:none;}
.block{display:block;}
.clear{clear:both;}

/* width(％) */
.w100per{width:100%;}.w90per{width:90%;}.w80per{width:80%;}.w70per{width:70%;}.w60per{width:60%;}.w50per{width:50%;}.w40per{width:40%;}.w30per{width:30%;}.w20per{width:20%;}.w10per{width:10%;}.w5per{width:5%;}

/* margin */
.mt1{margin-top:1px;}.mt2{margin-top:2px;}.mt3{margin-top:3px;}.mt4{margin-top:4px;}.mt5{margin-top:5px;}.mt6{margin-top:6px;}.mt7{margin-top:7px;}.mt8{margin-top:8px;}.mt9{margin-top:9px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt35{margin-top:35px;}.mt40{margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}.mt55{margin-top:55px;}.mt60{margin-top:60px;}.mt65{margin-top:65px;}.mt70{margin-top:70px;}.mt75{margin-top:75px;}.mt80{margin-top:80px;}.mt85{margin-top:85px;}.mt90{margin-top:90px;}.mt95{margin-top:95px;}.mt100{margin-top:100px;}.mr1{margin-right:1px;}.mr2{margin-right:2px;}.mr3{margin-right:3px;}.mr4{margin-right:4px;}.mr5{margin-right:5px;}.mr6{margin-right:6px;}.mr7{margin-right:7px;}.mr8{margin-right:8px;}.mr9{margin-right:9px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr35{margin-right:35px;}.mr40{margin-right:40px;}.mr45{margin-right:45px;}.mr50{margin-right:50px;}.mr55{margin-right:55px;}.mr60{margin-right:60px;}.mr65{margin-right:65px;}.mr70{margin-right:70px;}.mr75{margin-right:75px;}.mr80{margin-right:80px;}.mr85{margin-right:85px;}.mr90{margin-right:90px;}.mr95{margin-right:95px;}.mr100{margin-right:100px;}.mb1{margin-bottom:1px;}.mb2{margin-bottom:2px;}.mb3{margin-bottom:3px;}.mb4{margin-bottom:4px;}.mb5{margin-bottom:5px;}.mb6{margin-bottom:6px;}.mb7{margin-bottom:7px;}.mb8{margin-bottom:8px;}.mb9{margin-bottom:9px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb35{margin-bottom:35px;}.mb40{margin-bottom:40px;}.mb45{margin-bottom:45px;}.mb50{margin-bottom:50px;}.mb55{margin-bottom:55px;}.mb60{margin-bottom:60px;}.mb65{margin-bottom:65px;}.mb70{margin-bottom:70px;}.mb75{margin-bottom:75px;}.mb80{margin-bottom:80px;}.mb85{margin-bottom:85px;}.mb90{margin-bottom:90px;}.mb95{margin-bottom:95px;}.mb100{margin-bottom:100px;}.ml1{margin-left:1px;}.ml2{margin-left:2px;}.ml3{margin-left:3px;}.ml4{margin-left:4px;}.ml5{margin-left:5px;}.ml6{margin-left:6px;}.ml7{margin-left:7px;}.ml8{margin-left:8px;}.ml9{margin-left:9px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left:40px;}.ml45{margin-left:45px;}.ml50{margin-left:50px;}.ml55{margin-left:55px;}.ml60{margin-left:60px;}.ml65{margin-left:65px;}.ml70{margin-left:70px;}.ml75{margin-left:75px;}.ml80{margin-left:80px;}.ml85{margin-left:85px;}.ml90{margin-left:90px;}.ml95{margin-left:95px;}.ml100{margin-left:100px;}.ma1{margin:1px;}.ma2{margin:2px;}.ma3{margin:3px;}.ma4{margin:4px;}.ma5{margin:5px;}.ma6{margin:6px;}.ma7{margin:7px;}.ma8{margin:8px;}.ma9{margin:9px;}.ma10{margin:10px;}.ma15{margin:15px;}.ma20{margin:20px;}.ma25{margin:25px;}.ma30{margin:30px;}.ma35{margin:35px;}.ma40{margin:40px;}.ma45{margin:45px;}.ma50{margin:50px;}.ma55{margin:55px;}.ma60{margin:60px;}.ma65{margin:65px;}.ma70{margin:70px;}.ma75{margin:75px;}.ma80{margin:80px;}.ma85{margin:85px;}.ma90{margin:90px;}.ma95{margin:95px;}.ma100{margin:100px;}

/* padding */
.pt1{padding-top:1px;}.pt2{padding-top:2px;}.pt3{padding-top:3px;}.pt4{padding-top:4px;}.pt5{padding-top:5px;}.pt6{padding-top:6px;}.pt7{padding-top:7px;}.pt8{padding-top:8px;}.pt9{padding-top:9px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}.pt35{padding-top:35px;}.pt40{padding-top:40px;}.pt45{padding-top:45px;}.pt50{padding-top:50px;}.pt55{padding-top:55px;}.pt60{padding-top:60px;}.pt65{padding-top:65px;}.pt70{padding-top:70px;}.pt75{padding-top:75px;}.pt80{padding-top:80px;}.pt85{padding-top:85px;}.pt90{padding-top:90px;}.pt95{padding-top:95px;}.pt100{padding-top:100px;}.pr1{padding-right:1px;}.pr2{padding-right:2px;}.pr3{padding-right:3px;}.pr4{padding-right:4px;}.pr5{padding-right:5px;}.pr6{padding-right:6px;}.pr7{padding-right:7px;}.pr8{padding-right:8px;}.pr9{padding-right:9px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}.pr35{padding-right:35px;}.pr40{padding-right:40px;}.pr45{padding-right:45px;}.pr50{padding-right:50px;}.pr55{padding-right:55px;}.pr60{padding-right:60px;}.pr65{padding-right:65px;}.pr70{padding-right:70px;}.pr75{padding-right:75px;}.pr80{padding-right:80px;}.pr85{padding-right:85px;}.pr90{padding-right:90px;}.pr95{padding-right:95px;}.pr100{padding-right:100px;}.pb1{padding-bottom:1px;}.pb2{padding-bottom:2px;}.pb3{padding-bottom:3px;}.pb4{padding-bottom:4px;}.pb5{padding-bottom:5px;}.pb6{padding-bottom:6px;}.pb7{padding-bottom:7px;}.pb8{padding-bottom:8px;}.pb9{padding-bottom:9px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pb35{padding-bottom:35px;}.pb40{padding-bottom:40px;}.pb45{padding-bottom:45px;}.pb50{padding-bottom:50px;}.pb55{padding-bottom:55px;}.pb60{padding-bottom:60px;}.pb65{padding-bottom:65px;}.pb70{padding-bottom:70px;}.pb75{padding-bottom:75px;}.pb80{padding-bottom:80px;}.pb85{padding-bottom:85px;}.pb90{padding-bottom:90px;}.pb95{padding-bottom:95px;}.pb100{padding-bottom:100px;}.pl1{padding-left:1px;}.pl2{padding-left:2px;}.pl3{padding-left:3px;}.pl4{padding-left:4px;}.pl5{padding-left:5px;}.pl6{padding-left:6px;}.pl7{padding-left:7px;}.pl8{padding-left:8px;}.pl9{padding-left:9px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left:40px;}.pl45{padding-left:45px;}.pl50{padding-left:50px;}.pl55{padding-left:55px;}.pl60{padding-left:60px;}.pl65{padding-left:65px;}.pl70{padding-left:70px;}.pl75{padding-left:75px;}.pl80{padding-left:80px;}.pl85{padding-left:85px;}.pl90{padding-left:90px;}.pl95{padding-left:95px;}.pl100{padding-left:100px;}.pa1{padding:1px;}.pa2{padding:2px;}.pa3{padding:3px;}.pa4{padding:4px;}.pa5{padding:5px;}.pa6{padding:6px;}.pa7{padding:7px;}.pa8{padding:8px;}.pa9{padding:9px;}.pa10{padding:10px;}.pa15{padding:15px;}.pa20{padding:20px;}.pa25{padding:25px;}.pa30{padding:30px;}.pa35{padding:35px;}.pa40{padding:40px;}.pa45{padding:45px;}.pa50{padding:50px;}.pa55{padding:55px;}.pa60{padding:60px;}.pa65{padding:65px;}.pa70{padding:70px;}.pa75{padding:75px;}.pa80{padding:80px;}.pa85{padding:85px;}.pa90{padding:90px;}.pa95{padding:95px;}.pa100{padding:100px;}

/* table */
.table .valign-middle,.table .valign-middle th,.table .valign-middle td{vertical-align:middle;} //上下中央揃え

/*background*/
.bg_white{background:#fff;}
.bg_l-gray{background:#eee;}
.bg_gray{background:#bbb;}
.bg_d-red{background:#bf0000;}


/* ----- フォント ----- */

.font-mintyo{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
}

.text-overflow{
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.text-center{text-align:center;}
.text-left{text-align:left;}
.text:right{text-align:right;}

.font-normal{font-weight:normal;}
.font-bold{font-weight:bold;}

.heading-1{padding-bottom: .5em;border-bottom: 1px solid #ccc;}
.heading-1:first-letter{margin-right: .1em;font-size: 1.5em;}
.heading-2{padding: .75em 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.heading-3{padding: .25em 0 .5em .75em;border-left: 6px solid #ccc;border-bottom: 1px solid #ccc;}
.heading-4{padding: 1em;border: 3px solid #ccc;border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;}
.heading-5{position: relative;padding: .75em 1em .75em 1.5em;border: 1px solid #ccc;}
.heading-5::after {position: absolute;top: .5em;left: .5em;content: '';width: 6px;height: -webkit-calc(100% - 1em);height: calc(100% - 1em);background-color: #3498db;border-radius: 4px;}
.heading-6{padding: .5em .75em;background-color: #f6f6f6;border-left: 6px solid #ccc;}
.heading-7{position: relative;text-align: center;}
.heading-7 span {position: relative;z-index: 2;display: inline-block;margin: 0 2.5em;padding: 0 1em;background-color: #fff;text-align: left;}
.heading-7::before {position: absolute;top: 50%;z-index: 1;content: '';display: block;width: 100%;height: 1px;background-color: #ccc;}
.heading-8{position: relative;text-align: center;}
.heading-8 span{position: relative;z-index: 2;display: inline-block;margin: 0 4em;padding: 0 1em;background-color: #fff;text-align: left;}
.heading-8::before {position: absolute;top: 50%;z-index: 1;content: '';display: block;width: 100%;height: 1px;background: #ccc;background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);}
.heading-9{padding-left:1em;background: linear-gradient(transparent 60%, #66ccff 60%);}
.heading-10{padding: .75em 1em;border: 1px solid #ccc;border-top: 3px solid #3498db;background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;}

.font-blue-1{color:#c4d8eb;}
.font-blue-2{color:#508dca;}
.font-blue-3{color:#113a61;}
.font-turquoise-1{color:#a0d4cb;}
.font-turquoise-2{color:#23b294;}
.font-turquoise-3{color:#0f6453;}
.font-green-1{color:#c2d140;}
.font-green-2{color:#84b74b;}
.font-green-3{color:#246232;}
.font-braun-1{color:#f8f3e4;}
.font-braun-2{color:#ddd2a0;}
.font-braun-3{color:#3f220e;}
.font-orange-1{color:#e8cd61;}
.font-orange-2{color:#e6bd20;}
.font-orange-3{color:#db710d;}
.font-red-1{color:#de9c9c;}
.font-red-2{color:#d94c3c;}
.font-red-3{color:#7a171c;}
.font-gray-1{color:#e5e5e4;}
.font-gray-2{color:#bbc1c5;}
.font-gray-3{color:#354346;}
.font-white{color:#fff;}
.font-black{color:#000;}


/* ----- ボーダー ----- */

/* ボーダーカラー */
.border-blue-1{border:1px solid #c4d8eb;}
.border-blue-2{border:1px solid #508dca;}
.border-blue-3{border:1px solid #113a61;}
.border-turquoise-1{border:1px solid #a0d4cb;}
.border-turquoise-2{border:1px solid #23b294;}
.border-turquoise-3{border:1px solid #0f6453;}
.border-green-1{border:1px solid #c2d140;}
.border-green-2{border:1px solid #84b74b;}
.border-green-3{border:1px solid #246232;}
.border-braun-1{border:1px solid #f8f3e4;}
.border-braun-2{border:1px solid #ddd2a0;}
.border-braun-3{border:1px solid #3f220e;}
.border-orange-1{border:1px solid #e8cd61;}
.border-orange-2{border:1px solid #e6bd20;}
.border-orange-3{border:1px solid #db710d;}
.border-red-1{border:1px solid #de9c9c;}
.border-red-2{border:1px solid #d94c3c;}
.border-red-3{border:1px solid #7a171c;}
.border-gray-1{border:1px solid #e5e5e4;}
.border-gray-2{border:1px solid #bbc1c5;}
.border-gray-3{border:1px solid #354346;}
.border-white{border:1px solid #fff;}
.border-black{border:1px solid #000;}

/* ボーダー幅 */
.border-1{border-width:1px;}.border-2{border-width:2px;}.border-3{border-width:3px;}.border-4{border-width:4px;}.border-5{border-width:5px;}.border-6{border-width:6px;}.border-7{border-width:7px;}.border-8{border-width:8px;}.border-9{border-width:9px;}.border-10{border-width:10px;}.border-11{border-width:11px;}.border-12{border-width:12px;}.border-13{border-width:13px;}.border-14{border-width:14px;}.border-15{border-width:15px;}.border-16{border-width:16px;}.border-17{border-width:17px;}.border-18{border-width:18px;}.border-19{border-width:19px;}.border-20{border-width:20px;}.border-21{border-width:21px;}.border-22{border-width:22px;}.border-23{border-width:23px;}.border-24{border-width:24px;}.border-25{border-width:25px;}.border-26{border-width:26px;}.border-27{border-width:27px;}.border-28{border-width:28px;}.border-29{border-width:29px;}.border-30{border-width:30px;}.border-31{border-width:31px;}.border-32{border-width:32px;}.border-33{border-width:33px;}.border-34{border-width:34px;}.border-35{border-width:35px;}.border-36{border-width:36px;}.border-37{border-width:37px;}.border-38{border-width:38px;}.border-39{border-width:39px;}.border-40{border-width:40px;}.border-41{border-width:41px;}.border-42{border-width:42px;}.border-43{border-width:43px;}.border-44{border-width:44px;}.border-45{border-width:45px;}.border-46{border-width:46px;}.border-47{border-width:47px;}.border-48{border-width:48px;}.border-49{border-width:49px;}.border-50{border-width:50px;}

/* 区切り線 */
.hr-1{border-top: 1px solid #8c8b8b;}
.hr-2 {border-top: 3px double #8c8b8b;}
.hr-3 {border-top: 1px dashed #8c8b8b;}
.hr-4 {border-top: 1px dotted #8c8b8b;}
.hr-5 {background-color: #fff;border-top: 2px dashed #8c8b8b;}
.hr-6 {background-color: #fff;border-top: 2px dotted #8c8b8b;}
.hr-7 {border-top: 1px solid #8c8b8b;border-bottom: 1px solid #fff;}
.hr-8 {border-top: 1px solid #8c8b8b;border-bottom: 1px solid #fff;}
.hr-8:after {content: '';display: block;margin-top: 2px;border-top: 1px solid #8c8b8b;border-bottom: 1px solid #fff;}
.hr-9 {border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff;}
.hr-10 {border-top: 1px dotted #8c8b8b;border-bottom: 1px dotted #fff;}
.hr-11 {height: 6px;background: url(images/hr-11.png) repeat-x 0 0;border: 0;}
.hr-12 {height: 6px;background: url(images/hr-12.png) repeat-x 0 0;border: 0;}
.hr-13 {height: 10px;border: 0;box-shadow: 0 10px 10px -10px #8c8b8b inset;}
.hr-14 {border: 0;height: 1px; background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);}
.hr-15 {border-top: 4px double #8c8b8b;text-align: center;}
.hr-15:after {content: '\002665';display: inline-block;position: relative;top: -15px;padding: 0 10px;background: #f0f0f0;color: #8c8b8b;font-size: 18px;}
.hr-16 {border-top: 1px dashed #8c8b8b;}
.hr-16:after {content: '\002702';display: inline-block;position: relative;top: -12px;left: 40px;padding: 0 3px;background: #f0f0f0;color: #8c8b8b;font-size: 18px;}
.hr-17 {border-top: 1px solid #8c8b8b;text-align: center;}
.hr-17:after {content: '§';display: inline-block;position: relative;top: -14px;padding: 0 10px;background: #f0f0f0;color: #8c8b8b;font-size: 18px;-webkit-transform: rotate(60deg);-moz-transform: rotate(60deg);transform: rotate(60deg);}
.hr-18 {height: 30px;border-style: solid;border-color: #8c8b8b;border-width: 1px 0 0 0;border-radius: 20px;} 
.hr-18:before {display: block;content: "";height: 30px;margin-top: -31px;border-style: solid;border-color: #8c8b8b;border-width: 0 0 1px 0;border-radius: 20px;}


/* ----- 画像 ----- */

.img-gray{
-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);}
.img-sepia{-webkit-filter: sepia(100%);-moz-filter: sepia(100%);-o-filter: sepia(100%);-ms-filter: sepia(100%);filter: sepia(100%);}
.img-blur{-webkit-filter: blur(5px);-moz-filter: blur(5px);-ms-filter: blur(5px);-o-filter: blur(5px);filter: blur(5px);}


/* ----- ボックス ----- */

/* 背景色 */
/*background*/
.bg-blue-1{background:#c4d8eb;}
.bg-blue-2{background:#508dca;}
.bg-blue-3{background:#113a61;}
.bg-turquoise-1{background:#a0d4cb;}
.bg-turquoise-2{background:#23b294;}
.bg-turquoise-3{background:#0f6453;}
.bg-green-1{background:#c2d140;}
.bg-green-2{background:#84b74b;}
.bg-green-3{background:#246232;}
.bg-braun-1{background:#f8f3e4;}
.bg-braun-2{background:#ddd2a0;}
.bg-braun-3{background:#3f220e;}
.bg-orange-1{background:#e8cd61;}
.bg-orange-2{background:#e6bd20;}
.bg-orange-3{background:#db710d;}
.bg-red-1{background:#de9c9c;}
.bg-red-2{background:#d94c3c;}
.bg-red-3{background:#7a171c;}
.bg-gray-1{background:#e5e5e4;}
.bg-gray-2{background:#bbc1c5;}
.bg-gray-3{background:#354346;}
.bg-white{background:#fff;}
.bg-black{background:#000;}
.bg-blue-2,.bg-blue-3,.bg-turquoise-2,.bg-turquoise-3,.bg-green-2,.bg-green-3,.bg-braun-3,.bg-orange-2,.bg-orange-3,.bg-red-2,.bg-red-3,.bg-gray-3,.bg-black{color:#fff;}
.bg-none{background:none!important;}

/* 角丸 */
.border-radius-0{border-radius:0;}.border-radius-1{border-radius:1px;}.border-radius-2{border-radius:2px;}.border-radius-3{border-radius:3px;}.border-radius-4{border-radius:4px;}.border-radius-5{border-radius:5px;}.border-radius-6{border-radius:6px;}.border-radius-7{border-radius:7px;}.border-radius-8{border-radius:8px;}.border-radius-9{border-radius:9px;}.border-radius-10{border-radius:10px;}
.border-radius-lt0{-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;}.border-radius-lt1{-webkit-border-top-left-radius:1px;-moz-border-radius-topleft:1px;}.border-radius-lt2{-webkit-border-top-left-radius:2px;-moz-border-radius-topleft:2px;}.border-radius-lt3{-webkit-border-top-left-radius:3px;-moz-border-radius-topleft:3px;}.border-radius-lt4{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;}.border-radius-lt5{-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;}.border-radius-lt6{-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;}.border-radius-lt7{-webkit-border-top-left-radius:7px;-moz-border-radius-topleft:7px;}.border-radius-lt8{-webkit-border-top-left-radius:8px;-moz-border-radius-topleft:8px;}.border-radius-lt9{-webkit-border-top-left-radius:9px;-moz-border-radius-topleft:9px;}.border-radius-lt10{-webkit-border-top-left-radius:10px;-moz-border-radius-topleft:10px;}
.border-radius-rt1{-webkit-border-top-right-radius:0;-moz-border-radius-topright:0;}.border-radius-rt1{-webkit-border-top-right-radius:1px;-moz-border-radius-topright:1px;}.border-radius-rt2{-webkit-border-top-right-radius:2px;-moz-border-radius-topright:2px;}.border-radius-rt3{-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;}.border-radius-rt4{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;}.border-radius-rt5{-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;}.border-radius-rt6{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;}.border-radius-rt7{-webkit-border-top-right-radius:7px;-moz-border-radius-topright:7px;}.border-radius-rt8{-webkit-border-top-right-radius:8px;-moz-border-radius-topright:8px;}.border-radius-rt9{-webkit-border-top-right-radius:9px;-moz-border-radius-topright:9px;}.border-radius-rt10{-webkit-border-top-right-radius:10px;-moz-border-radius-topright:10px;}
.border-radius-lb0{-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;}.border-radius-lb1{-webkit-border-bottom-right-radius:1px;-moz-border-radius-bottomright:1px;}.border-radius-lb2{-webkit-border-bottom-right-radius:2px;-moz-border-radius-bottomright:2px;}.border-radius-lb3{-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;}.border-radius-lb4{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;}.border-radius-lb5{-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;}.border-radius-lb6{-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;}.border-radius-lb7{-webkit-border-bottom-right-radius:7px;-moz-border-radius-bottomright:7px;}.border-radius-lb8{-webkit-border-bottom-right-radius:8px;-moz-border-radius-bottomright:8px;}.border-radius-lb9{-webkit-border-bottom-right-radius:9px;-moz-border-radius-bottomright:9px;}.border-radius-lb10{-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomright:10px;}
.border-radius-rb0{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;}.border-radius-rb1{-webkit-border-bottom-left-radius:1px;-moz-border-radius-bottomleft:1px;}.border-radius-rb2{-webkit-border-bottom-left-radius:2px;-moz-border-radius-bottomleft:2px;}.border-radius-rb3{-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;}.border-radius-rb4{-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;}.border-radius-rb5{-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;}.border-radius-rb6{-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;}.border-radius-rb7{-webkit-border-bottom-left-radius:7px;-moz-border-radius-bottomleft:7px;}.border-radius-rb8{-webkit-border-bottom-left-radius:8px;-moz-border-radius-bottomleft:8px;}.border-radius-rb9{-webkit-border-bottom-left-radius:9px;-moz-border-radius-bottomleft:9px;}.border-radius-rb10{-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomleft:10px;}

/*ボックスシャドウ*/
.box-shadow-1{box-shadow: 0 0 15px rgba(0,0,0,.3);}
.box-shadow-2{box-shadow: inset 0 0 15px rgba(0,0,0,.3);}
.box-shadow-3{box-shadow: 0 12px 10px -6px rgba(0,0,0,.3);}
.box-shadow-4{position: relative;}.box-shadow-4::after{position: absolute;top: 0;bottom: 0;left: 15px;right: 15px;z-index: -1;content: '';box-shadow: 0 10px 10px rgba(0,0,0,.3);border-radius: 100px / 15px;}
.box-shadow-5{position: relative;}.box-shadow-5::after{position: absolute;bottom: 10px;left: 25px;z-index: -1;content: '';width: 450px;height: 10px;box-shadow: 0 40px 25px rgba(0,0,0,.5);border-radius: 200px / 5px;}
.box-shadow-6{position: relative;}.box-shadow-6::after{position: absolute;top: 0;bottom: 0;left: 10px;right: 10px;z-index: -1;content: '';box-shadow: 0 0 20px rgba(0,0,0,.5);border-radius: 100px / 20px;}
.box-shadow-7{position: relative;}.box-shadow-7::after{position: absolute;top: 10px;bottom: 10px;left: 0;right: 0;z-index: -1;content: '';box-shadow: 0 0 20px rgba(0,0,0,.5);border-radius: 30px;}
.box-shadow-8{position: relative;}.box-shadow-8::before,.box-shadow-8::after{position: absolute;bottom: 10px;z-index: -1;content: '';width: 50%;height: 50%;box-shadow: 0 10px 15px rgba(0,0,0,.5);}.box-shadow-8::before{left: 10px;-webkit-transform: rotate(-4deg);transform: rotate(-4deg);}.box-shadow-8::after{right: 10px;-webkit-transform: rotate(4deg);transform: rotate(4deg);}
.box-shadow-9{position: relative;}.box-shadow-9::after{position: absolute;bottom: 20px;right: 55px;z-index: -1;content: '';width: 50%;height: 100px;box-shadow: 100px 0 10px 15px rgba(0,0,0,.3);-webkit-transform: skew(-40deg);transform: skew(-40deg);}
body.box-shadow-10:before{position: fixed;top: -10px;left: 0;z-index: 100;content: '';width: 100%;height: 10px;box-shadow: 0 0 10px rgba(0,0,0,.5);}


/* ----- 見出 ----- */

.title01{
  background:#f4f4f4;
  border-left:5px #bbb solid;
  color:#666;
  font-size:120%;
  margin-bottom:15px;
  padding:10px;
}

.title02{
  border-bottom:2px #d60a23 solid;
  border-left:5px #d60a23 solid;
  padding:5px;
}

.title03{
  background:#999;
  color:#fff;
  padding:5px 10px;
}














/*------------------------------------
 削除予定
------------------------------------*/

/* ================= PC ================= */

#wFooter {
    background-color: #fff;
    clear: both;
    height: 110px;
    width: 100%;
}
#wFooterContents {
    font-family: "メイリオ","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0 auto;
    padding-bottom: 20px;
    width: 950px;
}
#wFooterContents #fPT {
    /*border-top: 2px solid #ddd;*/
    margin-bottom: 20px;
    margin-top: 20px;
}
#wFooterContents #fPT a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #cccccc #cccccc;
    border-image: none;
    border-radius: 0 0 4px 4px;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    color: #3d3333;
    display: inline-block;
    float: right;
    font-size: 10px;
    line-height: 1.8;
    padding: 2px 8px;
    text-decoration: none;
}
#wFooterContents #fPT a:hover {
    background: #eee none repeat scroll 0 0;
}
#wFooterContents #fPT a::before {
    background: rgba(0, 0, 0, 0) url("https://www.kitamura.jp/common/images/img_sprite_ktmr.png") no-repeat scroll 0 -150px;
    content: "";
    display: inline-block;
    height: 7px;
    margin-right: 2px;
    width: 7px;
}
#wFooterContents a:link, #wFooterContents a:visited {
    color: #767676;
    text-decoration: none;
}
#wFooterContents a:active, #wFooterContents a:hover {
    color: #d80b24;
    text-decoration: underline;
}
#wFooterContents ul {
    clear: both;
    display: block;
    font-size: 12px;
    line-height: 1.8;
    list-style: outside none none;
    width: auto;
}
#wFooterContents ul li {
    background: rgba(0, 0, 0, 0) url("https://www.kitamura.jp/common/images/hf/arrow_7x7.gif") no-repeat scroll -2px 5px;
    display: inline;
    padding: 0 6px 0 7px;
}
#wFooterContents ul li.listOpen {
    background: rgba(0, 0, 0, 0) url("https://www.kitamura.jp/common/images/hf/arrow_open_7x7.gif") no-repeat scroll left center;
}
#wFooterContents ul li a {
    color: #666;
}
p#catch, small#copyright {
    font-size: 11px;
    line-height: 1.8;
}
p#catch {
    margin-top: 10px;
}
p#catch a:link, p#catch a:visited, p#copyright a:link, p#copyright a:visited {
    text-decoration: underline;
}
p#catch a:active, p#catch a:hover, p#copyright a:active, p#copyright a:hover {
    text-decoration: none;
}
#wFooterLogo {
    background-color: #fff;
    display: inline;
    float: right;
    width: 268px;
}
#wFooterLogo p {
    display: inline;
    float: left;
    width: 48px;
}
#wFooterLogo p:first-child {
    width: 162px;
}
#wFooterLogo p:first-child img {
    height: 50px;
}
#wFooterLogo > *:first-child + * + * img {
    margin: 0 5px;
}
#wFooterLogo > *:first-child + * img, #wFooterLogo > *:first-child + * + * img {
    width: 48px;
}

/* ================= /PC ================= */


/* ================= PC ================= */

/* common */
body,h1{
font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
}
  
.icoOpen {
background: rgba(0, 0, 0, 0) url("images/base/mkr_popup.gif") no-repeat scroll right center;
margin: 0 0.2em;
padding-right: 1.5em;
}
.glyphicon-chevron-up::before {
content: "";/* 詳細度の影響回避 */
}


/* header */
.wheader{
padding:5px 0;
border-bottom:5px #d60a23 solid;
}
.wheader ul,.wheader li{
padding: 0;
list-style:none;
}
/* /header */


/*------------------------------------------
        header(PC用)
既存のヘッダーとBootstrap CSSの競合回避CSS
------------------------------------------*/

.b-header ul,.b-header ol,.b-header li{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.b-header #menuCategory li {
    height: 34px;
}
.b-header #menuCategory li ul {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 34px;
    visibility: hidden;
    width: 237px;
    z-index: 10000;
}
.b-header #menuCategory li ul li {
    background: #fff none repeat scroll 0 0;
    clear: both;
    height: auto;
    line-height: 1;
    padding: 6px 5px;
    width: 227px;
}
.b-header #menuCategory li ul li a {
    float: left;
    line-height: 1;
    padding: 6px;
}

@media screen and (max-width: 960px){
}

/*----------------------------------------*/

