/*
Theme Name: xeory_extension_child
Template: xeory_extension
*/

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

body.home.color03 #main_visual #bg-video {
position:fixed;
right:0;
bottom:0;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
z-index:-1000;
background-size: cover;
background-color: #000;
}

body.color03 #header {
    background: #fff;
}

body.color03 #gnav ul li a {
    color: #000;
    background: #fff;
}

body.color03 #header a{
  background: #fff;
  color: #000;
}

body.color03 #gnav {
  background: #fff;
}

body.color03 .single-lp #lp-header {
  background: #fff;
}

#front-contents-1 {
background: #fff;
color: #000;
}

/***** コンタクトフォーム *****/
.table-contactform7{
  overflow: hidden;
table-layout: fixed;
}
 
.required-contactform7{
  padding: 5px;
  background: #DE8686;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.unrequired-contactform7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.table-contactform7 th{
  font-weight:bold;
}
 
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}
 
@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
  }
}
     
@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}     
       
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}



/***** 投稿のタイトルを大きくする。 *****/
@media screen and (max-width: 767px){
h1.post-title{
    width: 80%;
}
}

#npcatch .title{
width: 80%;
float: left;
padding: 5px 5px 5px 0px;
}

body.color03 .post-header {
    padding: 3% 5% 3%;
    border-bottom: 1px solid #e5e5e5;
}

@media screen and (max-width: 767px){
h1.post-title{
    width: 100%;
}
}
/***** タグの改行をなくす*****/
.tagcloud a{
display: inline;
}
/***** カテゴリーと投稿数の改行をなくす*****/
.cat-item a{
display: inline;
}
/***** 小カテゴリーの前に≫を入れる*****/
.children li:before{
content: "　≫　"
}
/***** 月別アーカイブの改行をなくす*****/
#archives-2 a{
display: inline;
}
/***** ctaの文字サイズ変更*****/
.post-cta-btn a {
 font-size: 20px;
}
/***** ctaのliに・を表示*****/
.post-cta-cont li {
  list-style-type: disc;
}
/***** YARPPの太字を無効化*****/
.yarpp-related li{
font-weight: normal;
}
@media screen and (max-width: 900px){
body.home #front-contents .c_title h3{
    font-size: 30px;
}
}

body.home #front-service .front-service-inner h4 {
    font-size: 15px;
}

body.home #front-contact .c_box_inner input[type=submit]{
 margin-top: 10px;
}

/***** ダブルレクタングル*****/
.double-rectangle {
  text-align: center;
  overflow: hidden;
  margin-bottom: 30px;
}
.left-rectangle {
  float: left;
  margin-left: 40px;/*左に10pxの余白*/
}
.right-rectangle {
  float: right;
  margin-right: 40px;/*右に10pxの余白*/
}

/***** 問い合わせフォームの色、サイズ修正*****/
#contact-form{
    text-align : center ; 
    margin-right: auto;
}

body.color03 form input[type="submit"], body.color03 form button {
    background: #DE8686;
}

body.color03 .post-cta {
    background: #ffffff;
    color: #000;
}

body.color03 .post-cta .cta-post-title {
    border-bottom: 1px solid #000;
    font-size: 26px;
    background-color: #ebebeb;
    color: #000;
}

body.color03 .post-cta .post-cta-btn a {
    background: #DE8686;
    color: #fff;
}

.post-cta-btn a {
    font-size: 24px;
}

body.color03 form input[type="submit"], body.color03 form button {
    background: #DE8686;
    font-size: 26px;
    border-radius: 5px;
}

body.color03 form input[type="submit"] a:hover {
    background: #fa8553;
}

.menu-item-68{
   background-color: #ff4500;
　　　　　　color: #ffffff;
}

/***** 蛍光ペン *****/
span.keiko-pen-yellow{
background: linear-gradient(transparent 55%,rgba(255, 213, 0, 0.85) 60%);
}