@charset "utf-8";
/*
Theme Name:   xeory_extension_child
Template:     xeory_extension
Author:       tanaka koichi
*/

@import url('../xeory_extension/style.css');



/* ----------------------------------------
* header
---------------------------------------- */
/*ヘッダーの背景色*/
#header {
  background: #ffffff;
}

/*トップ画像*/
  body.home #main_visual {
  height: 280px !important;
  width: auto;
  margin: 0 36px;

/*トップ背景画像*/
  background-image:radial-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, .3)),url("./img/head_img3.jpg") !important;
  background-repeat: no-repeat;
  background-position: center ;
}

/*トップ画像上のキャッチコピーの位置*/
body.home #main_visual .wrap {
    padding-top: 35px !important;
}

/*トップ画像上のキャッチコピーのフォント*/
body.home #main_visual h2 {
   margin-bottom: 10px;
   font-size: 40px;
   font-weight: 600;
   color: #ff8c00;
}

#header #logo {
  padding: 5px 0;
  float: none;
}
/*ヘッダーの文字色*/
#header a {
  color: #ccc;
}

/*サイト説明文のフォント*/
body.home #main_visual p {
  font-size: 16px;
}

/* ----------------------------------------
* 電話番号、所在地
---------------------------------------- */
#header-left {
  float: left;
  margin: 0 ;
  padding: 0 0 0 10px;
  text-align: left;
 }

#add {
  font-size: 14px;
  color : #ff6600;
}

#tel {
  margin-top: -8px ;
  font-size: 18px;
  color :#ff6600;
}

/* ----------------------------------------
* breadcrumb　パンくずリスト
---------------------------------------- */
.breadcrumb-area {
  background: #f4f9ff;
}

/* ----------------------------------------
* gloval nav & primary nav
---------------------------------------- */
/*グローバルナビゲーションの背景色*/
#gnav {
  background: linear-gradient(#ffbf00,#ff8000);
}

#gnav ul li:hover a {
 background: linear-gradient(#ffbf00,#ff8000);
}
#gnav ul li.current-menu-item a {
  background: #ff6600;
}
#gnav ul li a {
  padding: 12px 12px;
 background: linear-gradient(#ffbf00,#ff8000);
}

#gnav ul li a:hover {
  color: #fff;
  background: #ff6600;
}

#header-right {
  height: 52px;
}



/*見出しの背景・文字色*/
body.home .front-main-cont .front-cont-header {
  padding: 10px 0 14px;
  background: #ffffff;
  color: #3B4552;
}

/*見出しのフォントサイズ*/
body.home .front-main-cont .front-cont-header .cont-title {
  width: 300px;
  height: 60px;
  margin: 20px auto;
  padding-top:12px;
  vertical-align: middle;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.5em; 
  color: #000000;
 
}


/*見出し下のフォントサイズ*/
body.home .front-main-cont .front-cont-header .cont-ruby {
  font-size: 14px;
}
/*事務所概要下の逆三角形*/
   body.home .front-main-cont .tri-border span {
   border-top: 24px solid #ffffff;
}

/*フッターつなぎの背景色*/
body.home #front-contact {
  background: #ffffff;
}


/* ----------------------------------------
* content
---------------------------------------- */
#content {
  padding: 0;
  /* キャプション */
}

/* ----------------------------------------
* frontpage
---------------------------------------- */
body.home #main_visual {
  background: #ffffff;
}


/* ----------------------------------------
* ポストカテゴリー
---------------------------------------- */
body.home .front-loop .popular_post_box .p_category {
  background: #ffa500;
 }

/* ----------------------------------------
* サービス
---------------------------------------- */
/*サービスメニュー上のライン*/
.front-cont-header {
border-top: 4px solid #fff;
}

/*サービスメニューの再配置*/
body.home #front-service .front-service-inner {
  margin: 0 auto;
  padding-top : 20px;
  overflow: hidden;
  display: inline-block;
  background-image: url("./img/head_img2.jpg") !important;
}

body.home #front-service {
  background: #fff;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e5e5;
}

body.home #front-service .front-service-inner .c_box {
  width: 250px;
  height: auto;
  padding-top: 0px;
  margin-left: 34px;
  margin-bottom: 10px;
  float: left;
  border: 1px solid #ff6600;
  border-radius: 5px;
  background: #eeeeee
}

body.home #front-service .front-service-inner .c_english {
  margin-bottom: 0;
}

body.home #front-service .front-service-inner h3 {
  color: #FF9900;
  font-size: 24px;
  margin-bottom: 0px;
}

body.home #front-service .front-service-inner h4 {
  margin-bottom: 5px;
}

body.home #front-service .front-service-inner .c_text p {
  margin-bottom: 0px;
}

body.home #front-service .front-service-inner .c_text .c_btn a {
  background: linear-gradient(#ffbf00,#ff8000);
  color: #fff;
  margin: 0 ;
  opacity: 1;
  display: block;
  width: 100%;
  padding: 8px 16px;
  text-align: center;
}

body.home #front-service .front-service-inner .c_text .c_btn a:hover {
  background: #ff6600;
}

/* ----------------------------------------
* 最近の投稿欄 ライン入れ＋消し
---------------------------------------- */
body.home .front-loop {
  border-top: 4px solid #0099cc;
  border-bottom: 1px solid #fff;
}
body.home .front-loop h2 {
  border-bottom: none;
}
/*最近の投稿下の逆三角形*/
#recent_post_content.front-loop .tri-border span {
  border-top: 24px solid #ffa500;
}


/*  会社概要・地図の配置　*/
body.home #front-company .c_box_inner {
  width: 884px;
  padding: 46px 0;
}

body.home #front-company .c_img_box {
  position: absolute;
  top: 0px;
  left: 20px;
  width: 50%;
  height: 70%;
  z-index: 0;
}

/* ----------------------------------------
* カテゴリー
---------------------------------------- */

/*  投稿表題*/
.post-title {
  margin-top: 10px;
  margin-bottom: 16px;
  letter-spacing: 10px;
}

.cat-content-area h2 {
  margin: 80px 0 32px -34px;
  padding: 10px 16px 10px 56px;
  font-size: 24px;
  clear: both;
  font-weight: normal;
  border-left: 10px solid #ff6600;
  background: #ffa500;
  color: #fff;
}

.cat-content-area h3 {
  font-size: 20px;
  margin: 28px 0 24px;
  padding: 10px 0 8px 14px;
  clear: both;
  border-left: 4px solid #0066cc;
  border-bottom: 2px solid #0099ff;
  background: #EEEEEE;
  line-height: 1;
}

.cat-content-area h4 {
   margin-left: 10px;
   padding:  0 0 0 8px;
   font-size: 18px;
   font-weight: bold;
   border-left: 5px solid #f00;
   background: #EEEEEE;
}

.cat-content-area h5 {
   margin: 0;
   padding:  0 0 0 8px;
   font-size: 18px;
   font-weight: bold;

}

.cat-content-area p {
  padding: 5px;
  line-height: 170%;
 }

/*----------------------------------------
*  事業所案内の修正 改行
---------------------------------------- */
body.home #front-company dl dt span,
body.home #front-company dl dd span {
  word-break: break-all ;
}

/*----------------------------------------
*  固定ページの見出し修正 
---------------------------------------- */
.post-content h2 {
  margin: 80px 0 32px -74px;
  padding: 10px 16px 10px 56px;
  font-size: 24px;
  clear: both;
  font-weight: normal;
  border-left: 10px solid #0066cc;
  background: #0099ff;
  color: #fff;
}
.post-content h3 {
  font-size: 20px;
  margin: 28px 0 24px;
  padding: 10px 0 8px 14px;
  clear: both;
  border-left: 3px solid #0066cc;
  border-bottom: 2px solid #0099ff;
  background: #EEEEEE;
  line-height: 150%;
}
.post-content h4 {
  font-size: 18px;
  margin: 30px 0 16px;
  padding: 0 0 0 8px;
  border-left: 4px solid #0066cc;
  clear: both;
}
.post-content h5 {
  font-size: 20px;
  clear: both;
}
.post-content h6 {
  font-size: 18px;
   clear: both;
}

.post-content p {
 padding-left:5px;
 line-height: 170%;
}

#recent_post_content.front-loop .tri-border span {
  display: block;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 28px solid transparent;
  border-left: 56px solid transparent;
  border-right: 56px solid transparent;
  border-top: 18px solid #ffa500;
}

/*----------------------------------------
*  投稿ページの文字装飾 
---------------------------------------- */
 /* 背景オレンジ角丸 */
.back-oran1 {
  padding: 10px;
  background: #FFDEAD;
  border-radius: 10px;      /* 角丸の指定 */
}
 /* 背景オレンジ丸 */
.back-oran2 {
  padding: 10px;
  background: #FFDEAD;
  border-radius: 20px;      /* 角丸の指定 */
}
 /* 背景グレー角丸 */
.back-gray {
  padding: 10px;
  background: #F5F5F5;
  border-radius: 20px;      /* 角丸の指定 */
}

.yell-line {
  background: linear-gradient(transparent 5%, #ffff66 5%);
}

.pink-line {
  background: linear-gradient(transparent 5%, #ff66ff 5%);
}

.gree-line {
  background: linear-gradient(transparent 5%, #66FFCC 5%);
}

.red {
  color: #ff0000;
}

.large {
 font-size: large;
}

.x-large {
 font-size: x-large; 
}

.xx-large {
 font-size: xx-large; 
}

.small {
 font-size: small;
}

.x-small {
 font-size: x-small; 
}

.xx-small {
 font-size: xx-small; 
}