@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body.home #content header,body.home #content .article-footer{
  display: none;
}

/*画像リンクホバー*/
p a img{
  transition: all .5s;
}
p a:hover img{
  opacity: .8;
}

/*トップページのセクション*/
.top_section .large-thumb{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.top_section .large-thumb a{
  width: 30%;
  margin-bottom: 10px;
}

/*breadcrumbプラグイン用*/
.breadcrumbs{
  margin: 1em 0.4em;
  color: #777;
  font-size: 13px;
}
.breadcrumbs a{
  color: #777;
  text-decoration: none;
}

div.fot_company{
  text-align: center;
  color: #000;
}

.fot_logo{
  margin: 20px 0;
}

.fot_logo img{
  width: 350px;
}
.eigyo_kyoka{
  font-size: 14px;
}
.fot_map{
  margin: 20px;
}

/*問い合わせフォームのデザイン整理*/
form{
  width: 90%;
  margin: 0 auto;
}

span.hissu{
  color: #FF0000;
}

input[type='submit']{
  background-color: #D2E603;
  border-color: #454545;
}

/*取扱商品ページ*/
.itemscat_list ul{
  list-style-type: none;
  padding-left: 0;
}
.itemscat_list{
  display: flex;
  list-style-type: none;
  padding-left: 0;
  width: 100%;
  height: 35.35vw;
  flex-wrap: wrap;
  justify-content: space-between;
}
.itemscat_list_cards{
  width: 49%;
  height: 110px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: center;
}
.itemscat_carport{
  width: 55%;
  height: 350px;
  max-width: 690px;
  margin-bottom: 0;
  background-image: url(images/carport_sum.jpg);
}
.itemscat_list_othercards{
  width: 44%;

}
.itemscat_list_othercards ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.itemscat_fence{
  background-image: url(images/fence_sum.jpg);
}
.itemscat_wall{
  background-image: url(images/wall_sum.jpg);
}
.itemscat_deck{
  background-image: url(images/deck_sum.jpg);
}
.itemscat_pavement{
  background-image: url(images/perv_sum.jpg);
}
.itemscat_storeroom{
  background-image: url(images/storeroom_sum.jpg);
}
.itemscat_other{
  background-image: url(images/other_sum.jpg);
}

.itemscat_list_cards a{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #fff;
  font-size: 32px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.3;
  padding: 10px;
  /*背景画像を暗くする*/
  transition: all .5s;
  background: rgba(0,0,0,0.5);
}
.itemscat_list_cards a:hover{
  background: none;
}
.itemscat_list_cards a span{
  font-size: 18px;
  display: block;
}

.itemscat_list_othercards .itemscat_list_cards a{
  font-size: 24px;
}
.itemscat_list_othercards .itemscat_list_cards a span{
  font-size: 14px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
  .itemscat_list{
    height: auto;
  }
  
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  /*トップページ一覧*/
  .top_section .large-thumb{
    display: block;
  }
  .top_section .large-thumb a{
    width: 100%;
  }
  .top_section .widget-entry-cards.card-large-image .a-wrap{
    max-width: fit-content;
  }
  .top_section .widget-entry-cards.card-large-image .e-card{
    display: flex;
  }
  .top_section .widget-entry-cards.card-large-image figure{
    margin-right: 10px;
  }

  /*取扱商品archive*/
  .itemscat_list{
    display: block;
  }
  .itemscat_list_cards{
    width: 100%;
    height: 25vw;
    margin-bottom: 10px;
  }
  .itemscat_carport{
    width: 100%;
  }
  .itemscat_list_othercards{
    width: 100%;
  }
  .itemscat_list_othercards ul{
    display: block;
  }
}