@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{
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.is_sp{
  display: none!important;
}
.is_pc{
  display: block!important;
}
a{
  transition: .3s;
}
a:hover{
  opacity: .8;
}
.wrap{
  max-width: 100%;
  width: 100%;
}

#header-container-in{
  max-width: 1000px;
  width: 100%;
  margin:auto;
  display: flex;
  align-items: center;
}

.logo-image{
  padding: 0;
}
.logo-image img{
  display: block;
}
.logo-image span, .logo-image a{
  display: block;
}
#navi{
  margin-left: auto;
}
.navi-in > ul{
  flex-wrap: nowrap;
}
.navi-in > ul li{
  display: flex;
  align-items: center;
  width: auto;
  height: initial;
}
.navi-in a{
  font-size: 14px;
  padding: 1em 0;
}
.navi-in a:hover{
  opacity: .8;
}
.navi-in > ul li:last-child{
  display: none;
}
.navi-in > ul li:last-child a{
  background: #072253;
  color:#fff;
}
.navi-in > ul li:last-child a:hover{
}
.navi-in a:hover{
  background: none;
}
.item-label{
  line-height: 1.2;
  height: 2.5em;
  font-weight: bold;
  padding:0 .8em;
  border-right: 1px solid #a1a1a1;
  display: flex;
  align-items: center;
}
.navi-in > ul li:nth-last-child(2) .item-label,.navi-in > ul li:last-child .item-label{
  border-right: none;
}
/* 公式通販 */
span.official_ec {
	position: relative;
}
span.official_ec::before {
    content: "NEW";
    display: block;
    color: red;
    font-size: 80%;
    position: absolute;
    top: -15px;
    left: -6px;
    font-family: "游ゴシック", "Yu Gothic";
}
.swiper-container{
  max-height: 550px;
}
.swiper-container .swiper-slide img{
  max-width: 100%;
  max-height: 100%;
  align-self: center;
  width: 100%;
  object-fit: cover;
}
.slider_logo{
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
}
.swiper-pagination-bullet{
  height: 13px!important;
  width: 13px!important;
  background:#fff!important;
  opacity: 1!important;
}
.swiper-pagination-bullet-active{
  background:#a1a1a1!important;
  opacity: 1!important;
}
.swiper-slide img{
  display: block;
}

.content{
  margin-top: 0;
}

.main{
  padding: 0;
  border:none;
}

.entry-content{
  max-width: 1000px;
  margin: auto;
}

.home_sec1{
  position: relative;
  border-bottom:3px solid #fff;
  max-width: 1000px;
  margin: auto;
}
.home_sec1 h2{
  width: 60%;
  border-bottom: 4px solid #fbd071;
  font-size:42px;
  margin-bottom: 0.3em;
  line-height: 1;
  padding-bottom: 0.2em;
}
.home_sec1 p{
  width: 60%;
  text-shadow: 
    #fff 1px 1px 10px, #fff -1px 1px 10px,
    #fff 1px -1px 10px, #fff -1px -1px 10px;
  font-weight: bold;
  line-height: 1.65;
}
.home_sec1 a{
  display: inline-block;
  padding:.8em 1.5em;
  border:1px solid #151515;
  color:#151515;
  margin-top: 1em;
  text-decoration: none;
}
.home_sec1_contents{
  position: absolute;
  padding:5%;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #Fff 50%,transparent 70%, transparent 70%);
  height: 100%;
}
.home_sec1 img{
  display: block;
}

.home_sec2{
  position: relative;
  background:#072253;
  border-bottom:3px solid #fff;
}
.home_sec2_inner{
  position: relative;
  max-width: 1000px;
  margin:auto;
}
.app_bg{
}
.app_contents_yoyaku{
  position: absolute;
    top: 21%;
    right: 18%;
    transform: translateY(-50%);
    max-width: 620px;
}
.app_contents_yoyaku2{
  position: absolute;
    top: 18%;
    right: 18%;
    transform: translateY(-50%);
    max-width: 620px;
}
.app_contents{
  position: absolute;
    top: 53.2%;
    right: 7%;
    transform: translateY(-50%);
    max-width: 282px;
}
.app_contents2{
  position: absolute;
  top: 85%;
  right: 7%;
  transform:translateY(-50%);
}
.app_contents a{
  display: block;
  margin-bottom: 15px;
}
.app_contents2 a{
  display: inline-block;
  margin-right: 10px;
}
.app_contents a:last-of-type{
  margin-bottom: 0;
}
.app_contents2 a:last-of-type{
  margin-right: 0;
}
.app_contents img{
  display: block;
}

.home_sec3{
  position: relative;
  border-bottom:3px solid #fff;
  background:#000;
}
.home_sec3_inner{
  position: relative;
  max-width: 1000px;
  margin: auto;
}
.home_sec3 h2{
  width: 70%;
  font-size:42px;
  margin-bottom: 0.3em;
  line-height: 1.15;
  padding-bottom: 0.2em;
  color:#fff;
  font-weight: normal;
}
.home_sec3 p{
  width: 65%;
  line-height: 1.65;
  color:#fff;
  font-size:18px;
}
.home_sec3 a{
  display: inline-block;
  padding:.8em 1.5em;
  border:1px solid #fff;
  color:#fff;
  margin-top: 1em;
  text-decoration: none;
}
.home_sec3_contents{
  position: absolute;
  padding:5%;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #000 50%,transparent 70%, transparent 70%);
  height: 100%;
}
.home_sec3 img{
  display: block;
}

.home_sec4{
  position: relative;
  border-bottom:3px solid #fff;
  background:#072253;
}
.home_sec4_inner{
  position: relative;
  max-width: 1000px;
  margin: auto;
}
.home_sec4 h2{
  width: 85%;
  font-size:42px;
  margin-bottom: 0.3em;
  line-height: 1.15;
  padding-bottom: 0.2em;
  color:#fff;
  text-align: right;
  margin-left: auto;
  font-weight: normal;
  text-shadow:-1px -1px 3px #000;
}
.home_sec4 p{
  width: 65%;
  line-height: 1.65;
  color:#fff;
  font-size:18px;
  text-align: right;
  margin-left: auto;
}
.home_sec4 a{
  display: table;
  padding:.8em 1.5em;
  border:1px solid #fff;
  color:#fff;
  margin-top: 1em;
  text-decoration: none;
  text-align: right;
  margin-left: auto;
}
.home_sec4_contents{
  position: absolute;
  padding:5%;
  top: 0;
  left: 0;
  background: linear-gradient(to left, #072253 50%,transparent 70%, transparent 70%);
  height: 100%;
}
.home_sec4 img{
  display: block;
}

.home_sec5{
  position: relative;
  background:#000;
}
.home_sec5_inner{
  position: relative;
  max-width: 1000px;
  margin: auto;
}
.home_sec5 h2{
  width: 80%;
  font-size:42px;
  line-height: 1.15;
  padding-bottom: 0.2em;
  color:#fff;
  font-weight: normal;
}
.home_sec5 p{
  width: 65%;
  line-height: 1.65;
  color:#fff;
  font-size:18px;
}
.home_sec5 a{
  display: inline-block;
  padding:.8em 1.5em;
  border:1px solid #fff;
  color:#fff;
  margin-top: 1em;
  text-decoration: none;
}
.home_sec5_contents{
  position: absolute;
  padding:5%;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #000 50%,transparent 70%, transparent 70%);
  height: 100%;
}
.home_sec5 img{
  display: block;
}

.home_sec6{
  background:#072253;
  padding:5%;
}
.home_sec6 h2{
  color:#fff;
  font-size:42px;
  text-align: center;
}
.title_note{
  color:#fff;
  font-size:24px;
  text-align: center;
  margin-bottom: 15px;
}
.post_list_area{
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: auto;
}
.post_list_single{
  width: 32%;
  background:#fff;
  display: block;
  padding:10px;
  margin-right: 2%;
  margin-bottom: 20px;
  text-decoration: none;
}
.post_list_single:nth-of-type(3n){
  margin-right: 0;
}
.post_list_single:hover{
  cursor: pointer;
}
.post_thum{
  margin-bottom: 10px;
}
.post_thum img{
  display: block;
}
.post_date{
  font-size:14px;
  margin-bottom: 10px;
  line-height: 1.1;
}
.post_title{
  font-size:18px;
  margin-bottom: 10px;
  color:#072253;
  line-height: 1.1;
  font-weight: bold;
}
.post_desc{
  font-size:14px;
  margin-bottom: 10px;
  line-height: 1.6;
}
.post_list_page{
  text-align: center;
  margin-top: 20px;
}
.post_list_page a{
  display: inline-block;
  padding: .8em 1.5em;
  border: 1px solid #fff;
  color: #fff;
  margin-top: 1em;
  text-decoration: none;
}

.home_sec7{
  background:#fff;
  padding:5%;
}
.home_sec7_inner{
  display: flex;
  max-width: 1000px;
  margin: auto;
}
.home_sec7_inner_content{
  width: 48%;
}

.home_sec8{
  padding:5%;
  background:#072253;
}
.home_sec8_contents{
  position: relative;
  max-width: 1000px;
  margin: auto;
}
.home_sec8 h2{
  color:#fff;
  font-size:48px;
  text-align: center;
}
.home_sec8 h3{
  color:#fff;
  font-size:36px;
  border-bottom:4px solid #f8da8e;
  margin-bottom: 0.5em;
}
.shop_list{
  display: flex;
  flex-wrap: wrap;
  padding:1%;
}
.home_sec8_contents_inner{
  width: 32%;
  background:#fff;
  display: block;
  margin-right: 2%;
  margin-bottom: 2%;
  text-decoration: none;
}
.home_sec8_contents_inner:nth-of-type(3n){
  margin-right: 0;
}
.shop_name{
  padding:0 3%;
  color:#c69e40;
  font-size:24px;
}
.shop_name span{
  margin-left: .5em;
  font-size:16px;
}
.shop_address{
  padding:0 3%;
  font-size:14px;
}
.shop_map{
  padding:0 3%;
  font-size:14px;
  color:#013da9;
}

.footer-in{
  max-width: 1000px;
  margin: auto;
}
.footer-bottom{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footer-bottom-logo{
  position: initial;
  width: 35%;
}
.logo-footer{
  text-align: left;
}
.footer-bottom-logo img{
  width: initial;
}
.footer-bottom-content{
  width: 65%;
}
.footer-bottom.fnm-text-width .menu-footer li{
  width: 33.3%;
  text-align: left;
  margin-bottom: 0.5em;
}
.footer-bottom.fnm-text-width .menu-footer li.menu-item-34 a{
  display: none;
}
.footer-bottom.fnm-text-width .menu-footer li.menu-item-35{
  width: 50%;
}
.footer-bottom.fnm-text-width .menu-footer li.menu-item-36{
  width: 50%;
}
.navi-footer-in > .menu-footer li{
  border:none;
}
.navi-footer-in > .menu-footer li:last-child{
  border:none;
}
.navi-footer-in a{
  font-size:18px;
  display: inline-block;
  margin-left: 2em;
}
.copyright{
  width: 100%;
  text-align: center;
}

.page header{
  position: relative;
}
.page header .entry-title{
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  z-index:1;
  margin: 0;
  color:#fff;
  text-shadow: 
    #000 1px 1px 10px, #000 -1px 1px 10px,
    #000 1px -1px 10px, #000 -1px -1px 10px;
  font-size:60px;
}
.page header .eye-catch{
  width: 100%;
}
.page header .eye-catch img{
  display: block;
  width: 100%;
  max-height: 550px;
  object-fit: cover;
}

.archive header{
  position: relative;
}
.archive header .entry-title{
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  z-index:1;
  margin: 0;
  color:#fff;
  text-shadow: 
    #000 1px 1px 10px, #000 -1px 1px 10px,
    #000 1px -1px 10px, #000 -1px -1px 10px;
  font-size:60px;
}
.archive header .eye-catch{
  width: 100%;
}
.archive header .eye-catch img{
  display: block;
  width: 100%;
  max-height: 550px;
  object-fit: cover;
}

.blog header{
  position: relative;
}
.blog header .entry-title{
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  z-index:1;
  margin: 0;
  color:#fff;
  text-shadow: 
    #000 1px 1px 10px, #000 -1px 1px 10px,
    #000 1px -1px 10px, #000 -1px -1px 10px;
  font-size:60px;
}
.blog header figure{
  margin-bottom: 0;
}
.blog header .eye-catch{
  width: 100%;
}
.blog header .eye-catch img{
  display: block;
  width: 100%;
  max-height: 550px;
  object-fit: cover;
}

.article h2{
  background:transparent;
  border-bottom:5px solid #072253;
  font-size:42px;
  padding-left: 0;
}

.shop_contents{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.shop_contents figure{
  width: 40%;
  text-align: center;
}
.shop_contents figure img{
  width: 80%;
}
.brand_info{
  width: 58%;
}
.brand_name{
  background:#072253;
  color:#fff;
  font-size:36px;
  font-weight: bold;
  padding:0 .3em;
  margin-bottom: 0.5em!important;
}
.brand_desc{
  font-size:18px;
  font-weight: bold;
}

.page .article h2,
.page .article h3,
.page .article h4,
.page .article h5,
.page .article h6 {
  margin-top: .4em;
}
.page .article h3{
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom:none;
  padding-left: 0;
}

.page-id-42 .home_sec1_contents{
  background: linear-gradient(to right, #000 50%,transparent 70%, transparent 70%);
}
.page-id-42 .home_sec1 h2 {
  width: 60%;
  border-bottom:none;
  color:#fff;
}
.page-id-42 .home_sec1 p {
  color:#fff;
  text-shadow: none;
}


.select_sec1{
  position: relative;
  border-bottom:3px solid #fff;
}
.select_sec1 h2{
  width: 60%;
  border-bottom:none;
  font-size:36px;
  margin-bottom: 0.3em;
  line-height: 1;
  padding-bottom: 0.2em;
  color:#000;
  padding: 0;
  margin-bottom: 1em;
  margin-left: auto;
}
.select_sec1 p{
  width: 60%;
  text-shadow: 
    #fff 1px 1px 10px, #fff -1px 1px 10px,
    #fff 1px -1px 10px, #fff -1px -1px 10px;
  font-weight: bold;
  line-height: 2;
  margin-left: auto;
}
.select_sec1_contents{
  position: absolute;
  padding:5%;
  top: 0;
  left: 0;
  background: linear-gradient(to left, #Fff 50%,transparent 70%, transparent 70%);
  height: 100%;
  width: 100%;
}
.select_sec1 img{
  display: block;
}


.select_sec2{
  position: relative;
  border-bottom:3px solid #fff;
}
.select_sec2 h2{
  width: 60%;
  border-bottom:none;
  font-size:36px;
  margin-bottom: 0.3em;
  line-height: 1;
  padding-bottom: 0.2em;
  color:#000;
  padding: 0;
  margin-bottom: 1em;
}
.select_sec2 p{
  width: 60%;
  text-shadow: 
    #fff 1px 1px 10px, #fff -1px 1px 10px,
    #fff 1px -1px 10px, #fff -1px -1px 10px;
  font-weight: bold;
  line-height: 2;
}
.select_sec2_contents{
  position: absolute;
  padding:5%;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #Fff 50%,transparent 70%, transparent 70%);
  height: 100%;
  width: 100%;
}
.select_sec2 img{
  display: block;
}


.blog .home_sec6 h2{
  max-width: 1000px;
  text-align: left;
  border-bottom:5px solid #fff;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
}

.recruit{
  max-width: 1000px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}
.recruit h2{
  margin-top: .4em;
  background: transparent;
  border-bottom: 5px solid #072253;
  font-size: 42px;
}
.recruit h3{
  margin-top: .4em;
  font-size: 22px;
}



.menu_sec{
  position: relative;
  border-bottom:3px solid #fff;
}
.menu_sec h2{
  width: 50%;
  border-bottom:none;
  font-size:36px;
  line-height: 1.2;
  padding-bottom: 0.2em;
  color:#a08000;
  padding: 0;
  margin-bottom: .5em;
  margin-left: auto;
}
.menu_sec p{
  width: 50%;
  text-shadow: 
    #fff 1px 1px 10px, #fff -1px 1px 10px,
    #fff 1px -1px 10px, #fff -1px -1px 10px;
  line-height: 1.5;
  margin-left: auto;
  font-size:18px;
}
.menu_sec_contents{
  position: absolute;
  padding:3%;
  top: 0;
  left: 0;
  background: linear-gradient(to left, #Fff 50%,transparent 70%, transparent 70%);
  height: 100%;
  width: 100%;
}
.menu_sec img{
  display: block;
}
p.menu_pic{
  position: relative;
  width: 100%;
  padding:0 5px;
  margin-top: 30px;
}
p.menu_pic img{
  display: block;
}

.collaboration{
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}
ul.collaboration li{
  width: 31%;
  margin: 0;
  margin-right: 3.5%;
}
.collaboration li:nth-child(3n){
  margin-right: 0;
}

.single .content-in{
  max-width: 1000px;
}
.single .eye-catch{
  text-align: center;
}

dl.contact_contents{
  display: flex;
  margin: 0;
  font-size:14px;
  font-family: "Roboto","Noto Sans Japanese","游ゴシック","YuGothic","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;
}
dl.contact_contents dt{
  width: 35%;
  border:1px solid #dcdcdc;
  border-bottom:none;
  border-right:none;
  padding:.5em;
  background:#f5f5f5;
  display: flex;
  align-items: center;
  font-weight: bold;
}
dl.contact_contents dt span{
  color:red;
  margin-left: 1.5em;
}
dl.contact_contents dd{
  width: 65%;
  border:1px solid #dcdcdc;
  border-bottom:none;
  margin-left: 0;
  padding:.5em;
}
dl.contact_contents:last-of-type dt{
  border-bottom:1px solid #dcdcdc;
}
dl.contact_contents:last-of-type dd{
  border-bottom:1px solid #dcdcdc;
}
p.contact_confirm{
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-family: "Roboto","Noto Sans Japanese","游ゴシック","YuGothic","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;
}
p.contact_confirm_check{
  font-family: "Roboto","Noto Sans Japanese","游ゴシック","YuGothic","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;
}
.submit_btn{
  text-align: center;
}
input[type='submit']{
  background:#d1a027;
  color:#fff;
  display: inline-block;
  width: initial;
  padding:1em 2em;
}

.breadcrumb{
  max-width: 1000px;
  margin: auto;
}

/*固定ページの著者情報を消す場合*/
.page .author-info {
  display: none;
}

/*投稿ページの著者情報を消す場合*/
.post .author-info {
  display: none;
}

main.main, div.sidebar{
  padding: 16px 0;
}

.page .date-tags{
  display: none;
}

.entry-categories-tags{
  padding:0 5%;
}

.info{
  background:transparent;
}

.wp-pagenavi{
  text-align: center;
}
.wp-pagenavi a{
  background: #fff;
}

.wp-pagenavi span{
  color:#fff;
}

.wp-pagenavi span.extend{
  border:none!important;
}

.wp-pagenavi span.current{
  border-color: #fff!important;
  color:#fff;
  background: transparent;
}

.pages{
  background: #fff;
  color:#000!important;
  /* border: 1px solid #BFBFBF!important; */
}

.is-style-info-box, .info-box, .sp-info, .info{
  color:#333;
}


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

/*811px以下*/
@media screen and (max-width: 811px){
  /*必要ならばここにコードを書く*/
  .home_sec1 h2{
    font-size:36px;
  }
  .home_sec1 p{
    font-size:14px;
  }
  .home_sec1 a{
    font-size:14px;
  }
.app_contents_yoyaku{
    width: 62%;
}
	
.app_contents_yoyaku2{
    width: 62%;
}
  .app_contents{
    width: 25%;
	right: 9%;
  }
  .app_contents2{
    width: 83%;
  }
  .app_contents2 a{
    display: table-cell;
    padding-right: 10px;
  }
  .home_sec3 h2{
    font-size:36px;
  }
  .home_sec3 p{
    font-size:14px;
  }
  .home_sec3 a{
    font-size:14px;
  }
  .home_sec4 h2{
    font-size:36px;
  }
  .home_sec4 p{
    font-size:14px;
  }
  .home_sec4 a{
    font-size:14px;
  }
  .home_sec5 h2{
    font-size:36px;
  }
  .home_sec5 p{
    font-size:14px;
  }
  .home_sec5 a{
    font-size:14px;
  }
  .home_sec6 h2{
    font-size:36px;
  }
  .title_note{
    font-size:18px;
  }
  .home_sec8 h2{
    font-size:36px;
  }
  .home_sec8 h3{
    font-size:24px;
  }
  .shop_name{
    font-size:18px;
  }
  .navi-footer-in a{
    font-size:14px;
  }
  .menu-content .menu-drawer{
    margin-top: 15px;
  }
  .menu-drawer li:last-child{
    display: none;
  }
  .menu-drawer li{
    margin-bottom: 0.5em;
  }
  .menu-drawer a{
    text-align: right;
    font-size: 18px;
  }
  .menu-drawer a br{
    display: none;
  }
  .has-logo-button .logo-menu-button{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  .logo-menu-button img{
    width: 70%;
  }
  .navi-menu-button.menu-button{
    position: absolute;
    right: 0;
    top:5px;
  }
  .footer-bottom-logo img{
    width: initial;
    margin:auto;
  }
  .navi-menu-content {
    right: 0;
    left:unset;
    -webkit-transform: translateX(105%);
    transform: translateX(105%);
  }
  .menu-content{
    max-width: 55%;
  }
  .menu-close-button{
    text-align: right;
    padding: 0 17px;
  }
  .navi-footer-in > .menu-footer li.menu-item{
    margin: .25em 0;
  }
  .footer-bottom.fnm-text-width .menu-footer li{
    width: 50%;
    text-align: center;
  }
  
  .footer-bottom.fnm-text-width .menu-footer li.menu-item-34 {
    display: none;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .is_sp{
    display: block!important;
  }
  .is_pc{
    display: none!important;
  }
  .entry-content{
    padding:0 16px;
  }
  .home_sec1_contents{
    background:transparent;
    position: initial;
    padding:10% 5% ;
  }
  .home_sec1 h2{
    font-size:24px;
    width: 100%;
  }
  .home_sec1 p{
    width: 100%;
  }
  .home_sec1 a{
    width: 100%;
    text-align: center;
  }
  .home_sec3{
    background:transparent;
  }
  .home_sec3_contents{
    background:transparent;
    position: initial;
    padding:10% 5%;
  }
  .home_sec3 h2{
    font-size:24px;
    width: 100%;
    color:#333;
  }
  .home_sec3 p{
    width: 100%;
    color:#333;
  }
  .home_sec3 a{
    width: 100%;
    text-align: center;
    border-color:#151515;
    color:#151515;
  }
  .home_sec4{
    background:transparent;
  }
  .home_sec4_contents{
    background:transparent;
    position: initial;
    padding:10% 5%;
  }
  .home_sec4 h2{
    font-size:24px;
    width: 100%;
    color:#333;
    text-shadow:none;
    text-align: left;
  }
  .home_sec4 h2 br{
    display: none;
  }
  .home_sec4 p{
    width: 100%;
    color:#333;
    text-align: left;
  }
  .home_sec4 a{
    width: 100%;
    text-align: center;
    border-color:#151515;
    color:#151515;
  }
  .home_sec5{
    background:transparent;
  }
  .home_sec5_contents{
    background:transparent;
    position: initial;
    padding:10% 5%;
  }
  .home_sec5 h2{
    font-size:24px;
    width: 100%;
    color:#333;
  }
  .home_sec5 h2 br{
    display: none;
  }
  .home_sec5 p{
    width: 100%;
    color:#333;
  }
  .home_sec5 a{
    width: 100%;
    text-align: center;
    border-color:#151515;
    color:#151515;
  }
  .home_sec6 h2{
    font-size:24px;
  }
  .title_note{
    font-size:14px;
  }
  .post_list_single{
    width: 100%;
    margin-right: 0;
  }
  .post_list_page{
    margin-top: 0;
  }
  .home_sec7{
    padding:10% 5%;
  }
  .home_sec7_inner{
    flex-wrap: wrap;
  }
  .home_sec7_inner_content{
    width: 100%;
  }
  .home_sec7_inner_content:first-of-type{
    margin-bottom: 20px;
  }
  .home_sec8 h2{
    font-size: 24px;
  }
  .home_sec8 h3{
    font-size:18px;
  }
  .home_sec8_contents_inner{
    width: 48%;
  }
  .home_sec8_contents_inner:nth-of-type(2n){
    margin-right: 0;
  }
  .home_sec8_contents_inner:nth-of-type(3n){
    margin-right: 2%;
  }
  .footer{
    margin-top: 0;
  }
  .footer-bottom{
    margin-top: 0;
  }
  .footer-bottom-logo{
    width: 100%;
  }
  .logo-footer{
    text-align: center;
  }
  .footer-bottom-content{
    width: 100%;
  }
  .navi-footer-in a{
    margin-left: 0;
  }
  .eye-catch img{
    min-height: 200px;
    object-fit: cover;
  }
  .page header .entry-title{
    font-size:24px;
    width: 100%;
    text-align: center;
  }
  .article h2{
    font-size:24px;
  }
  .page-id-42 .home_sec1_contents{
    background: transparent;
    padding:0 0;
  }
  .page-id-42 .home_sec1 h2{
    width: 100%;
    color:#333;
    border-bottom: 5px solid #072253;
    margin: 1.2em 0 0.8em;
  }
  .page-id-42 .home_sec1 p{
    color:#333;
    font-weight: normal;
  }
  .menu_sec{
    margin-bottom: 30px;
  }
  .menu_sec_contents{
    position: initial;
    background:transparent;
  }
  .menu_sec h2{
    width: 100%;
  }
  .menu_sec p{
    width: 100%;
    font-size:14px;
    margin-bottom: 0.5em;
  }
  p.menu_pic{
    margin-top: 0;
  }
  .collaboration{
    padding: 0!important;
  }
  ul.collaboration li{
    width: 46%;
    margin: 0;
    margin-right: 4%;
  }
  .collaboration li:nth-child(2n){
    margin-right: 0;
  }
  .collaboration li:nth-child(3n){
    margin-right: 4%;
  }
  .shop_contents{
    flex-wrap: wrap;
  }
  .shop_contents figure{
    width: 100%;
  }
  .shop_contents figure img{
    width: 100%;
  }
  .brand_info{
    width: 100%;
  }
  .brand_name{
    font-size:22px;
  }
  .brand_desc{
    font-size:18px;
  }
  .recruit{
    padding: 16px;
  }
  .recruit h2{
    font-size:24px;
  }
  .recruit h3{
    font-size:18px;
  }
  .blog header .entry-title{
    font-size:24px;
    width: 100%;
    text-align: center;
  }
  dl.contact_contents{
    flex-wrap: wrap;
  }
  dl.contact_contents dt{
    width: 100%;
    border-right: 1px solid #dcdcdc;
  }
  dl.contact_contents dd{
    width: 100%;
  }
  .breadcrumb{
    padding:0 16px;
  }
  .select_sec1_contents{
    position: relative;
    background:transparent;
    padding:5% 0;
  }
  .select_sec1 h2{
    width: 100%;
  }
  .select_sec1 p{
    width: 100%;
  }
  .select_sec2_contents{
    position: relative;
    background:transparent;
    padding:5% 0;
  }
  .select_sec2 h2{
    width: 100%;
  }
  .select_sec2 p{
    width: 100%;
  }
  .archive header .entry-title{
    font-size:24px;
    width: 100%;
    text-align: center;
  }
}