.l-wrapper {
  /*position:relative; */
}

/* top header */
.l-top-header { 
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 align-content：flex-start;
 margin-bottom: 30px;
}
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-top-header {
 display: block;
 margin-bottom: 0;
 padding-top: 15px;
 }
}

.l-top-header__left {
 width: 29%;
}
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-top-header__left {
 padding-bottom: 0;
 padding: 0;
 width: 100%;
 }
}

.l-top-header .l-header__logo {
 padding: 8% 0 0 11%;
 width: 77%;
}
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-top-header .l-header__logo {
 padding: 15px 0 16px 4%;
 width: 44%;
 }
}


/* header */
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-header {
 padding-top: 15px;
 }
}

.l-header .l-header__logo {
 padding: 14px 0 17px 45px;
 width: 245px;
 height: auto;
 float: left;
}
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-header .l-header__logo {
 padding: 15px 0 16px 4%;
 width: 44%;
 float: none;
 }
}

.l-header .u-sns {
 float: right;
 margin: 48px 45px 0 0;
}
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-header .u-sns {
 display: none;
 }
}

/********* sp *********/
@media only screen and (max-width: 600px) {
.l-header__sp-header {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 align-content：flex-start;
 width: 100%;
 }
}


.l-header__sp-nav { display: none; }
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-header__sp-nav {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 align-content：flex-start;
 width: 25%;
 padding: 25px 4% 0 0;
 }
}

/********* sp *********/
@media only screen and (max-width: 600px) {
.l-header__sp-nav_btn-tag {
 width: 28.66%;
 cursor: pointer;
 }

.l-header__sp-nav_btn-sp-nav {
 width: 38.21%;
 cursor: pointer;
 }
}

/* メインヴィジュアル sp */
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-top-header__mainvisual__sp {
 width: 100%;
 position: relative;
 z-index: -1;
 overflow: hidden;
 height: 0;
 }

.l-top-header__mainvisual__sp p {
 position: absolute;
 top: 35%;
 right: 4%;
 } 
}

.l-top-header__left__catch {
 font-size: 40px;
 line-height: 1.2;
 padding: 10% 0 0 9.5%;
}
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-top-header__left__catch {
 font-size: 28px;
 padding: 15px 0 0 6%;
 background-color: #fff;
 z-index: 1;
 }
}

.l-top-header__left__lead a {
 background-repeat: no-repeat;
 background-position: right bottom;
 background-size: 1.8em;
 display: inline-block;
 margin-bottom: 35px;
 padding: 5% 0 0px 9.5%;
}
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-top-header__left__lead a {
 margin: 20px 0 0 0;
 padding: 0 6% 0 6%;
 }
}

.l-top-header__left .u-sns { margin: 0 auto; }
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-top-header__left .u-sns {
 display: none;
 }
}


/* メインヴィジュアル pc */
.l-top-header__mainvisual__pc { width: 67.7%; }

.l-top-header__mainvisual__pc__inner { position: relative; }

.l-top-header__mainvisual__pc__inner p {
 position: absolute;
 top: 230px;
 right: 38px;
 z-index: 5;
}

.l-top-header__mainvisual__pc__01 {
 background: url(../images/page/top_main_visual_01.png) no-repeat;
 background-size: cover;
}

.l-top-header__mainvisual__pc__02 {
 background: url(../images/page/top_main_visual_02.png) no-repeat;
 background-size: cover;
}

.l-top-header__mainvisual__pc__03 {
 background: url(../images/page/top_main_visual_03.png) no-repeat;
 background-size: cover;
}

.l-top-header__mainvisual__pc__04 {
 background: url(../images/page/top_main_visual_04.png) no-repeat;
 background-size: cover;
}

.l-top-header__mainvisual__pc .slick-dots {
 margin-top: -35px;
}

.l-top-header .slick-dots li button:before {
 opacity: .5;
 color: #fff;
}

.l-top-header .slick-dots li.slick-active button:before {
 opacity: 1;
 color: #fff;
}

/* pc nav */
.l-pc-nav {
 border-top: solid 10px #99cc66;
 font-size: 16px;
 padding: 17px 0 19px 0;
 position: relative;
 z-index: 10;
}

.l-pc-nav__item {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 align-content：flex-start;
 max-width: 845px;
 margin: 0 auto;
 width: 90%;
}

.l-pc-nav__item__btntag {
 position: relative;
}

.l-pc-nav__item__btntag:after {
 content: url(/assets/images/commons/ic_item_tag.png);
 position: absolute;
 top: 2px;
 right: -30px;
}

/* pc nav サブメニュー */
.l-pc-nav__category {
 background-image: url(/assets/images/commons/bg_texture-01.png);
 display: none;
 padding-bottom: 10px;
 position: absolute;
 width: 100%;
}

.l-pc-nav__category__inner {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 align-content：flex-start;
 max-width: 880px;
 margin: 0 auto;
 width: 90%;
}

.l-pc-nav__category__inner li { width: 12%; }

.l-pc-nav__fixed {
 position: fixed;
 top: 0;
 z-index: 50;
 width: 100%;
}

/* スクロールマーク	 */
.l-top-header__scroll-down-arrow  {
 cursor:pointer;
 height: 105px;
 width: 105px;
 margin: 0px 0 0 -52px;
 position: absolute;
 left: 50%;
 top: 50%;
 /*top: 50vh;*/
 color: #FFF;
 text-align: center;
 z-index: 100;
 text-decoration: none;
 -webkit-animation: ca3_fade_move_down 3s ease-in-out infinite;
 -moz-animation:    ca3_fade_move_down 3s ease-in-out infinite;
 animation:         ca3_fade_move_down 3s ease-in-out infinite;
}
/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes ca3_fade_move_down {
  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes ca3_fade_move_down {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-top-header__scroll-down-arrow  {
 display: none;
 }
}


/* l-wrap */
.l-wrap__top__fixed { padding-top: 77px; }
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-wrap__top__fixed {
 padding-top: 0;
 }
}


/* information */
.l-information { margin-top: 60px;}
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-information {
 margin-top: 30px;
 }
}

.l-information__inner { margin-top: 25px; }
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-information__inner {
 margin-top: 20px;
 }
}

.l-information__carousel--05 {
 margin: 0 auto;
 width: 100%;
 padding-bottom: 50px;
}
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-information__carousel--05 {
 padding-bottom: 25px;
 }
}

.l-information__carousel--05 li { margin: 0 25px; }
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-information__carousel--05 li{
 margin: 0 15px;
 }
}

.l-information__inner__pic { display: inline-block; }

.l-information__inner__pic img {
 height: 195px;
 width: auto;
}
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-information__inner__pic img {
 height: 130px;
 }
}

.l-information__inner__pic span {
 position: relative;
 display: inline-block;
}

.l-information__inner__pic span:after {
 content: "";
 display: block;
 background-image: url(/assets/images/commons/ic_arrow_short_r_w.png);
 background-repeat: no-repeat;
 background-size: 1.2em;
 position: absolute;
 bottom: -1.2px;
 right: -2em;
 width: 1.2em;
 height: 1.2em;
 z-index: 100;
}


/* バナーエリア */
.l-bnr {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 align-content：flex-start;
 margin: 0 auto;
 padding-top: 15px;
 width: 60%;
}
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-bnr {
 display: block;
 width: 85%;
 }
}

.l-bnr li {
 width: 47%;
 padding-top: 15px;
 margin: 0 1.5%;
}
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-bnr li {
 width: 100%;
 margin: 0;
 }
}


/* フッターエリア */
.l-footer {
 border-top: solid 10px #99cc66;
 margin-top: 40px;
 padding: 40px 0;
}

.l-footer__inner {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 align-content:flex-start;
 width: 94%;
 margin: 0 auto;
}

.l-footer__inner__left {
 width: 70%;
}

/********* sp *********/
@media only screen and (max-width: 1200px) {
.l-footer__inner__left br {
 display: none;
 }
}

.l-footer__inner__left__item {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 align-content：flex-start;
 max-width: 420px;
}

.l-footer__inner__left__item__btntag {
 position: relative;
}

.l-footer__inner__left__item__btntag:after {
 content: url(/assets/images/commons/ic_item_tag.png);
 position: absolute;
 top: 2px;
 right: -35px;
}

.l-footer__inner__right {
 width: 28%;
 position: relative;
}
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-footer__inner__right {
 width: 100%;
 }
}

.l-footer__inner__right__logo { text-align: right; }

.l-footer__inner__right__logo img { width: 70%; }
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-footer__inner__right__logo img {
 width: 40%;
 }
}

.l-footer__inner__right .u-sns { float: right; }


/* sp menu */
/********* sp *********/
@media only screen and (max-width: 600px) {
 .l-sp-nav {
 border-top: solid 6px #81ae51;
 background-image: url(/assets/images/commons/bg_texture-01.png);
 position: absolute;
 top: 0;
 left: 0;
 min-height: 15px;
 width: 100%;
 z-index: 100;
 }
 
.l-sp-nav__inner {
 border-top: solid 6px #81ae51;
 background-image: url(/assets/images/commons/bg_texture-01.png);
 box-sizing: border-box;
 display: none;
 height: 100%;
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
 position: fixed;
 padding: 20px 4% 40px 4%;
 top: 0;
 width: 100%;
 z-index: 100;
 }

.l-sp-nav__inner__control {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 align-content：flex-start;
 margin-top: 15px;
 }

.l-sp-nav__inner__control li { width: 50%; }

.l-sp-nav__inner__control li a,
.l-sp-nav__inner__control li span {
 display: inline-block;
 line-height: 1;
 cursor: pointer;
 }

.l-sp-nav__inner__category {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 align-content：flex-start;
 }
 
.l-sp-nav__inner__category li { width: 24%; }
 
.l-sp-nav__inner__corp {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 -webkit-justify-content: space-around;
 justify-content: space-around;
 align-content：flex-start;
 }
 
.l-sp-nav__inner__corp li {
 width: 45%;
 padding-top: 0.5em;
 }
 
.l-sp-nav__inner__sns .u-sns {
 margin: 0 auto;
 }
 
.l-sp-nav__fixed {
 position: fixed;
 width: 100%;
 height: 100%;
 }
}

/* タグ検索 */
.l-tag-search__body {
 position: fixed;
 top: 0;
 right: 0;
 width: 100%;
 height: 100%;
 z-index: 150;
 display: none;
 
}

.l-tag-search {
 background-color: #231f20;
 padding: 15px 15px 0 15px;
 position: fixed;
 top: 0;
 right: 0;
 width: 320px;
 height: 100%;
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
}
/********* sp *********/
@media only screen and (max-width: 600px) {
.l-tag-search {
 width: 100%;
 padding: 10px 4% 40px 4%;
 }
}

.l-tag-search__inner__btn__close--pc,
.l-tag-search__inner__btn__close--sp {
 cursor: pointer;
}

.l-tag-search_inner p {
 padding-bottom: 15px;
}

.l-tag-search_inner a {
 display: inline-block;
 padding: 0.2em 0.4em 0.1em 0.4em;
 background-color: #333;
 margin: 0.3em;
}

.l-tag-search_inner a:hover,
.l-tag-search_inner a.l-tag-search_inner_on {
 background-color: #cfff00;
 color: #221f1f;
}


/* 広告バナー add 2019.10.10 */
.l-promotion-bnr {
  background-image: url(/assets/images/commons/bg_texture-03.png);
  padding: 30px 0;
  margin:20px 0;
}
/********* sp *********/
@media only screen and (max-width: 600px) {
  .l-promotion-bnr {
    background-image: none;
    padding: 0;
  }
}

.l-promotion-bnr__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;    
}
/********* sp *********/
@media only screen and (max-width: 600px) {
  .l-promotion-bnr__inner {
    display: block;
    width: 93%;
    margin:0 auto;
  }
}

.l-promotion-bnr__inner__item {
  width: 23.6%;
  margin: 0 0.7%;
}
/********* sp *********/
@media only screen and (max-width: 600px) {
  .l-promotion-bnr__inner__item {
    width:100%;
    margin-top:15px;
    box-shadow: none;
    padding:0;
  }
}

/* 広告バナー（サイドバー）*/
.l-promotion-bnr-side--pc {
  margin-top:30px;
}
.l-promotion-bnr-side__inner {
  
}
.l-promotion-bnr-side__inner__item {
  margin-top:15px;
}
/********* sp *********/
@media only screen and (max-width: 600px) {
  .l-promotion-bnr-side--sp {
    margin-bottom:50px;
  }
  .l-promotion-bnr-side__inner {

  }
  .l-promotion-bnr-side__inner__item {

  }
}