@charset "UTF-8";

/*共通*/
body {
    color: #666;
}
p {
    line-height: 1.5em;
}
.content-body a, .page-title a {
    color: #666;
    text-decoration: none;
}
.content-body a:hover{
    text-decoration: underline;
}
.content.is-breadcrumb {
    font-size: 12px;
}
.page-title, .post-content .post-content-title {
    font-size: 20px;
    border-bottom: 1px solid #666;
    text-align: center;
    margin: 0 20px;
}

/*見出し*/
h2 {
    padding: 3px 0;
    border: 2px solid #dedede;
    margin: 30px 0 20px;
    font-size: 15px;
    clear: both;
    text-align: center;
}
h2.top {
    margin-top:0;
}

/*ヘッダー*/
.header-logo::before {
    content: 'オーダーキッチン（オーダーメイドキッチン）・キッチンリノベーション、リフォームなど、お客様のイメージやインテリア、ご予算に合わせてご提案させて頂きます。';
    display: block;
    font-size: 10px;
    color: #666;
    margin-bottom: 5px;
}
.logo {
    max-width: 270px;
    margin-left: 5px;
}
.header-logo {
    min-width: 280px;
    vertical-align: top;
    height: 80px;
}

.header-menu {
    box-sizing: border-box;
    margin-bottom: 10px;
}
.global-nav .menu-item a {
    font-weight: bold;
}
.colored .header-menu > .menu-item a, .none .header-menu > .menu-item a {
    border-bottom: none;
    font-size: 14px;
}
.header-menu[class*="span-"] > .menu-item {
    width: 11%;
}
.header-menu[class*="span-"] > .menu-item.menu-item-page-1903 {
    width: 14%;
}
.global-nav .menu-item:hover {
    background-color: #9f9f9f;
    opacity: 1;
}
.global-nav .menu-item:hover a{
	color:#fff;
    opacity: 1;
}
.global-nav .menu-item {
    border-right: 1px solid #e9e9e9;
    padding: 3px 5px 0;
}
.global-nav .menu-item:last-child {
    border-right: none;
}
.sub-menu .menu-item a {
  color: #444 !important;
}

/*サイドバー*/
.side.widget_black_studio_tinymce {
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.showroom_info1{
    font-size: 13px;
    border-bottom: 1px solid #a8a8a8;
    line-height: 1.4em;
    padding-bottom: 5px;
}
.showroom_info2{
    font-size: 12px;
    line-height: 1.4em;
    padding-top: 5px;
}
.side .textwidget .showroom_info p{
    text-align: center;
}
.side .textwidget p.side_yoyaku_title{
    line-height: 1.3em;
    font-weight: bold;
}
a.side_yoyaku{
    background-color: #999;
    color: #fff;
    padding: 3px 7px;
}
.side_tel {
    line-height: 1.2em;
    padding-bottom: 10px;
    padding-top: 15px;
}
.side_mail{
    line-height: 1.4em;
    padding-bottom: 5px;
}
.sidebar {
    width: 270px;
    min-width: 270px;
    margin-top: 20px;
}
.side_contact, .side .textwidget p.side_yoyaku_title{
    text-align: center;
}
.side.widget_simpleimage {
    text-align: center;
    padding: 0;
    margin-top: 10px;
}
.side.widget_simpleimage:first-child {
    margin-top: 30px;
}
.side.widget_recent_post_widget{
    padding: 10px;
    border: 1px solid #ddd;
}
.side .cat-name a, .side li a {
    padding: 5px;
    background: none;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
    line-height: 1.6em;
}
.side li a:hover {
    background-image: none;
}
.side li:last-child a{
    border-bottom: none;
}
.side .side-title {
    color: #666;
}


/*トップページ*/
.home .button-link .button-link-inner.orange{
    color: #666;
    background-color: #fff;
    padding: 0;
    font-size: 15px;
    box-shadow: none;
}
.home .button-link-inner::before {
    content: none;
}

/*会社概要*/
.txtS {
    font-size: 75%;
    line-height: 150%;
}
.content-body #aboutStaff dl dd {
    padding: 7px 0 7px 170px;
}

.content-body dl {
    border-top: none;
}
.content-body dd {
    border-bottom: none;
}
#aboutStaff #staff02 ul li.staffLeft {
    display: block;
    width: 120px;
    float: left;
    background: none;
    padding: 0;
    margin-left: 5px;
}
#aboutStaff #staff02 ul li.staffRight {
    display: block;
    float: left;
    padding-top: 0px;
    background: none;
}
#aboutStaff #staff02 p {
    font-size: 12px;
}

#aboutInfoRight {
    width: 265px;
    float: right;
}
#aboutInfoLeft {
    width: 500px;
    float: left;
    margin-bottom: 50px;
}
.clear {
    clear: both;
}
.pinkh2{
    clear: both;
}

#aboutInfoLeft dl dt{
    width: 90px;
    float: left;
    color: #666;
    margin: 5px 0 3px;
    clear: both;
    padding: 0;
}
#aboutInfoLeft dl dd{
    color: #000;
    margin: 0 0 0 100px;
    padding: 5px 0 3px;
}
.body-about h2.pinkh2 {
    background: #ffe4e1;
    color: #4c4a4a;
    margin: 50px auto 10px;
    padding: 2px 10px;
    font-size: 14px;
    border: none;
}
.content-body #aboutInfoLeft p {
    margin-bottom: 0;
}
.content-body a.btn{
    background: #999;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    display: inline-block;
}


/*オーダーキッチンとは？*/
h2.bold, h2.boldtop{
    border: none;
    margin-bottom: 0;
    padding-left: 0;
    text-align: left;
}
.body-order .content-body p, .body-renovation .content-body p {
    padding: 10px 10px 10px 20px;
}
#orderFlow dl dt {
    width: 240px;
}
.content-body .orderFlowBull img{
    padding: 0px 10px 0px 45px;
}
.content-body #orderFlow dl {
    margin: 0;
}
#orderFlow{
    margin-bottom: 30px;
}
#orderFaq dl dt img {
    margin: 3px 10px 10px 40px;
}
.content-body #orderFaq dl dt {
    width: 80px;
}
.content-body #orderFaq dl dd {
    padding: 7px 0 7px 90px;
    margin-bottom: 20px;
}
#orderFaq h3{
    padding-left: 90px;
}
#orderFaq h3.q01 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q01.gif) no-repeat 25px;
}
#orderFaq h3.q02 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q02.gif) no-repeat 25px;
}
#orderFaq h3.q03 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q03.gif) no-repeat 25px;
}
#orderFaq h3.q04 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q04.gif) no-repeat 25px;
}
#orderFaq h3.q05 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q05.gif) no-repeat 25px;
}
#orderFaq h3.q06 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q06.gif) no-repeat 25px;
}
#orderFaq h3.q07 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q07.gif) no-repeat 25px;
}
#orderFaq h3.q08 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q08.gif) no-repeat 25px;
}
#orderFaq h3.q09 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q09.gif) no-repeat 25px;
}
#orderFaq h3.q10 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q10.gif) no-repeat 25px;
}
#orderFaq h3.q11 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q11.gif) no-repeat 25px;
}
#orderFaq h3.q12 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q12.gif) no-repeat 25px;
}
#orderFaq h3.q13 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q13.gif) no-repeat 25px;
}
#orderFaq h3.q14 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q14.gif) no-repeat 25px;
}
#orderFaq h3.q15 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q15.gif) no-repeat 25px;
}
#orderFaq h3.q16 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q16.gif) no-repeat 25px;
}
#orderFaq h3.q17 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q17.gif) no-repeat 25px;
}


/*キッチンリノベーションとは？*/
#petitCont dl dt {
    width: 60%;
}
#petitCont dl dt img {
    display: block;
    margin-bottom: 10px;
}
#petitCont dl dd{
    width: 35%;
    float: right;
    padding: 10px 0 0 0;
    display: block;
}
#petitCont dl dd img{
    display: block;
    margin-bottom: 10px;
}
.body-renovation .content-body #petitCont p{
    padding: 0;
    margin: 0;
}
#petitFaq h3.q01 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q01.gif) no-repeat 25px;
}
#petitFaq h3.q02 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q02.gif) no-repeat 25px;
}
#petitFaq h3.q03 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q03.gif) no-repeat 25px;
}
#petitFaq h3.q04 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q04.gif) no-repeat 25px;
}
#petitFaq h3.q05 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q05.gif) no-repeat 25px;
}
#petitFaq h3.q06 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q06.gif) no-repeat 25px;
}
#petitFaq h3.q07 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q07.gif) no-repeat 25px;
}
#petitFaq h3.q08 {
    background: url(https://yskitchen.co.jp/wp-content/uploads/q08.gif) no-repeat 25px;
}
#petitFaq h3 {
    padding-left: 80px;
}
.content-body #petitFaq dl dt {
    width: 80px;
}
.content-body #petitFaq dl dd {
    padding: 7px 0 7px 90px;
}
#petitFaq dl dt img {
    margin: 3px 10px 10px 40px;
}
.content-body #petitFaq dl{
    margin: 5px 0 20px;
}


/*素材パーツ一覧*/
.content-body #partsList ul li {
    width: 130px;
    text-align: center;
    display: inline-block;
    font-size: 13px;
}
.content-body #partsList ul li a{
    display: block;
}
#partsList2 ul li{
    width: 170px;
    text-align: center;
    display: inline-block;
    font-size: 13px;
}
#partsList2 ul li a{
    display: block;
}
#partsList3 ul li {
    width: 165px;
    display: inline-block;
    vertical-align: top;
}
#partsList3 dl{
    margin-top: 0;
}
.content-body #partsList3 dl dt{
    width: 170px;
}
.content-body #partsList3 dl dd{
    padding: 0;
}
#partsList4 ul li{
	width: 100px;
    display: inline-block;
}
h2.margin_top{
    margin-top: 70px;
}


/*お問い合わせ*/
.content-body ul li {
    overflow: hidden;
    background: none;
    padding: 3px 10px 3px 0px;
}
.content-body #formTop ul li{
    font-size: 17px;
    font-weight: bold;
}
.content-body p.tel {
    margin-bottom: 0;
}
.check{
    margin-top: 20px;
}
.wpcf7-form .submit-form {
    text-align: center;
}
.contact-form-table .field-name {
    width: 200px;
}


/*ショールームでの打ち合わせ予約*/
.body-form2 .contact-form-table {
    margin-top: 50px;
}


/*ブログ*/
.body-blog .page-title {
    text-align: center;
}
.post-content{
    padding: 0 20%;
}
.featured-image{
    margin-bottom: 30px;
}
.content-body .single-post-date p {
    text-align: center;
    margin-bottom: 30px;
}
.content-body .single-post-date p:before {
    content:'PUBLISHED ';
}
.content-body .single-post-date p:after {
    content:' BY YSKITCHEN';
}
.single-blog .content-body {
    padding-top: 0;
}
.single-blog .page-title {
    margin-top: 20px;
    border-bottom: none;
}

.timeline {
    border-top: none;
}
.timeline .column {
    padding: 30px 0;
}
.timeline .post-date:before {
    content:'PUBLISHED ';
}
.timeline .post-date::after {
    content: ' BY YSKITCHEN';
    position: initial;
    border-left: none;
    border-right: none;
}

.timeline .list-item {
    border-left: none;
}
.timeline .back-arrow {
    color: #3e433e;
    background: #fff;
    left: 0;
}
.timeline .post-date {
    top: 50px;
}
.timeline .back-arrow {
    width: 100%;
}
.timeline .tagname.back-arrow {
    display: none;
}
.timeline .list-item {
    margin-left: 0;
    padding: 0;
}
.timeline .title {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 20px;
}
.timeline .timeline-thumb a {
    float: initial;
    max-width: 200px;
    margin: 0 10px 10px;
}
.timeline .timeline-thumb {
    padding: 60px 0 0px;
}


/*ギャラリー*/
.headline-h2.hl-ul-dash {
    border-bottom: 1px solid #b4b4b4;
    font-size: 18px;
}
.list-item .full-title {
    color: #aaaaaa;
    display: none;
}
.content-body p.specList{
    background-color: #999;
    color: #fff;
    padding: 10px 10px 10px 20px;
}
.gallery .gallery-title {
    font-size: 13px;
}
.body-galleries .button-link .button-link-inner.orange {
    color: #666;
    background-color: #fff;
    padding: 0;
    font-size: 15px;
    box-shadow: none;
    text-decoration: underline;
}
.body-galleries .button-link-inner::before {
    content: "その他の";
    position: initial;
    display: inline-block;
    font-size: 15px;
    font-family: inherit;
/*    font-family: initial;*/
    text-decoration: underline;
}

/*フッター*/
.footer_link li {
    display: inline-block;
    padding: 0 15px;
    font-size: 13px;
}
.footer_link{
    text-align: center;
}

/*コラム*/
.column-table th,.column-table td, .column-table tr {
  border: #ddd solid 2px;
}
.column-table th {
  text-align: left;
  background-color: #f1f1f1;
  font-weight: bold;
  width: auto;
}
.content-body .column-list {
  list-style: circle;
  border: #ddd solid;
  padding: 10px;
  background: unset;
}
table.column-table {
  display: flex;
  overflow-x: scroll;
  width: auto;
}
table.column-table tbody {
  flex-shrink: 0;
}


@media(max-width:688px){
  
  /*ヘッダー*/
  .header-logo {
    margin-right: 0px;
  }
  .header-logo::before {
    content: none;
  }
  .header-logo {
    height: initial;
  }
  .header-menu[class*="span-"] > .menu-item {
    width: 100%;
  }
  
  /*見出し*/
  h2 {
    padding: 0 10px 0 10px;
  }
  
  
  /*サイドバー*/
  #right-sidebar {
    margin: 0 auto;
  }
  .side img {
    width: initial;
  }
  
  
  /*会社概要*/
  .content-body dl dt {
    float: initial;
    width: 100%;
    text-align: center;
  }
  .content-body #aboutStaff dl dd {
    padding: 0;
  }
  #aboutStaff #staff02 ul li.staffLeft {
    width: 100%;
    float: initial;
    padding: 0;
    margin-left: 0px;
    text-align: center;
  }
  #aboutStaff #staff02 ul li.staffRight {
    padding: 0;
  }
  #aboutInfoLeft {
    width: 100%;
    float: initial;
  }
  #aboutInfoRight {
    width: 100%;
    float: initial;
    text-align: center;
  }
  .content-body a.btn {
    margin-bottom: 10px;
  }
  #aboutInfoLeft dl dt {
    width: 70px;
  }
  #aboutInfoLeft dl dd {
    margin: 0 0 0 85px;
  }
  
  /*オーダーキッチンとは？*/
  .body-order .content-body dl dd {
    padding: 7px 0 7px 0px;
  }
  .content-body #orderFaq dl dt {
    width: 80px;
    float: left;
  }
  #orderFaq h3.q01, #orderFaq h3.q02, #orderFaq h3.q03, #orderFaq h3.q04, #orderFaq h3.q05,
  #orderFaq h3.q06, #orderFaq h3.q07, #orderFaq h3.q08, #orderFaq h3.q09, #orderFaq h3.q10,
  #orderFaq h3.q11, #orderFaq h3.q12, #orderFaq h3.q13, #orderFaq h3.q14, #orderFaq h3.q15,
  #orderFaq h3.q16, #orderFaq h3.q17{
    background-position-x: 0px;
    background-position-y: -3px;
  }
  #orderFaq h3 {
    padding-left: 50px;
  }
  .content-body #orderFaq dl dt {
    width: 40px;
  }
  #orderFaq dl dt img {
    margin: 3px 10px 10px 0px;
  }
  .content-body #orderFaq dl dd {
    padding: 7px 0 7px 50px;
  }
  
  /*素材パーツ一覧*/
  .body-parts .content-body dl dd {
    padding: 7px 0 7px 0px;
    text-align: center;
  }
  
  /*キッチンリノベーションとは？*/
  #petitCont dl dt {
    width: 100%;
    margin-bottom: 0px;
    text-align: left;
  }
  #petitCont dl dd {
    width: 100%;
    float: initial;
    padding-top: 0;
 }
  .content-body #petitFaq dl dt {
    width: 80px;
    float: left;
  }
  #petitFaq h3.q01, #petitFaq h3.q02, #petitFaq h3.q03, #petitFaq h3.q04, #petitFaq h3.q05,
  #petitFaq h3.q06, #petitFaq h3.q07, #petitFaq h3.q08{
    background-position-x: 0px;
    background-position-y: -3px;
  }
  #petitFaq h3 {
    padding-left: 50px;
  }
  .content-body #petitFaq dl dt {
    width: 40px;
  }
  #petitFaq dl dt img {
    margin: 3px 10px 10px 0px;
  }
  .content-body #petitFaq dl dd {
    padding: 7px 0 7px 50px;
  }
  
  /*ブログ*/
  .timeline .column {
    padding: 0;
  }
  .post-content {
    padding: 0 5%;
  }
  
  
}