@charset "utf-8";
.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

/*トグルボタン----------------------------------*/
.toggle {
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: transparent;
  border-style: none;
  z-index: 9999;
}
.toggle:focus {
  outline: none;
}
.pc {
  display: none;
}
@media (min-width: 991px) {
  .toggle {
    display: none;
  }
  .smp {
    display: none;
  }
  .pc {
    display: inline-block;
  }
}
@media (max-width: 991px) {

  .navbar-collapse {
    width: 100%;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.95);
    position: absolute;
    top: 0;
    z-index: 9998;
  }
  ul.navbar-nav {
    height: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  ul.navbar-nav li {
    display: block;
    margin: 0 0 2rem 0;
    margin-left: 2rem;
  }
}
.navbar-toggle-anime, .navbar-toggle-anime span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.navbar-toggle-anime {
  position: relative;
  width: 26px;
  height: 26px;
}
.navbar-toggle-anime span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #111111;
  border-radius: 4px;
}
.navbar-toggle-anime span:nth-of-type(1) {
  top: 0;
}
.navbar-toggle-anime span:nth-of-type(2) {
  top: 10px;
}
.navbar-toggle-anime span:nth-of-type(3) {
  bottom: 5px;
}
.navbar-toggle-anime.active span:nth-of-type(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
}
.navbar-toggle-anime.active span:nth-of-type(2) {
  opacity: 0;
}
.navbar-toggle-anime.active span:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(315deg);
  transform: translateY(-9px) rotate(315deg);
}

/*-- サイドカラム(768px) --*/
   .collapse {
     /*background-color: #F5F5F5;*/
     background: #FFF;
     box-sizing: border-box;
     float: none;
     height: 100%;
     margin: 0;
     overflow-y: auto;
     padding: 50px 4% 0;
     position: fixed;
     right: -60%;
     top: 0;
     width: 60%;
   }
/*-- サイドカラム(480px) --*/
  .collapse {
    right: -80%;
    width: 80%;
  }
  .collapse.active {
    right: 0%;
    width: 80%;
  }
   /*ドロワー内 メルマガ(480px)*/
   #sub-column div.snav_mailMag_cont p:last-child {
     margin: 15px 0 10px 16%;
     padding: 10px 1%;
   }
 /*サイドナビ・バナー------------------------------*/
 .side_banner_block {
   margin-bottom: 50px;
 }
 .side_banner_block ul li {
   display: block;
   margin-bottom: 15px;
   text-align: center;
 }
 .side_banner_block ul li:last-of-type {
   margin-bottom: 0;
 }
 /*サイドナビ・SPボタン------------------------------*/
 .side_btn_block {
   display: none;
 }
 @media screen and (max-width: 768px) {
   .side_banner_block {
     margin-bottom: 40px;
   }
   .side_btn_block {
     display: block;
     margin-bottom: 20px;
   }
   .side_btn_block ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -ms-flex-flow: row wrap;
     -webkit-flex-flow: row wrap;
     flex-flow: row wrap;
     -ms-justify-content: space-between;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     -ms-align-items: stretch;
     -webkit-align-items: stretch;
     align-items: stretch;
     margin: 0 -15px 0;
   }
   .side_btn_block ul li {
     width: 50%;
     border-right: solid 1px #CCC;
   }
   .side_btn_block ul li:last-of-type {
     flex: 1 1 0%;
     border-right: none;
   }
   .side_btn_block ul li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -ms-flex-flow: row wrap;
     -webkit-flex-flow: row wrap;
     flex-flow: row wrap;
     -ms-justify-content: center;
     -webkit-justify-content: center;
     justify-content: center;
     -ms-align-items: center;
     -webkit-align-items: center;
     align-items: center;
     background: #ED93A6;
     color: #FFF;
     font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
     font-size: 12px;
     padding: 10px 0px;
     height: 100%;
   }
 }
 /*サイドナビ・検索ボックス------------------------------*/
 .side_search_block {
   margin-bottom: 30px;
 }
 .side_search_block .keyword {
   width: 100%;
   border: none !important;
   border-bottom: solid 1px #111 !important;
   padding: 3px 10px !important;
   height: 35px !important;
   padding-right: 30px;
 }
 .side_search_block form {
   position: relative;
   padding: 0;
 }
 .side_search_block button {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   position: absolute;
   right: 0px;
   top: 0px;
   height: 35px !important;
   width: 35px !important;
   border: 0;
   display: block;
   outline: none;
 }
.shop_header_block .search_btn a, .side_search_block button {
background: url("https://www.cosme-bisyodo.com/pic-labo/responsive1_icon_search.png") no-repeat center center;
background-size: 22px 22px;
}
 /*アロー修正------------------------------*/
 #sub-column .group nav ul li a::after,
 #sub-column .category nav ul li a::after,
 #sub-column .link nav ul li a::after {
   background-image: url("/hpgen/HPB/theme/img/rsp_arrow01.png");
 }
 #sub-column .category h2 a::after {
   background-image: url("/hpgen/HPB/theme/img/rsp_arrow01.png");
 }
 /*ページアップ、toカートの画像変更------------------------------*/
 #page-top a,
 #to-cart a {
   position: relative;
 }
 #to-cart a::before {
   content: "";
   width: 100%;
   height: 100%;
   display: block;
 }
 #page-top a::before {
   content: "";
   width: 100%;
   height: 100%;
   display: block;
 }
 #to-cart img,
 #page-top img {
   display: none;
 }
 /*サーチボタン*/
 #header_search_form {
   display: none;
   width: 300px;
   position: absolute;
   right: 10px;
   top: 60px;
   border: solid 1px #CCC;
   background: #FFF;
   z-index: 1000;
   line-height: 100%;
   text-align: left;
 }
 #header_search_form input[type="text"] {
   width: 90% !important;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: none !important;
   height: 35px !important;
   padding: 5px !important;
 }
 #header_search_form button {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   position: absolute;
   right: 0px;
   top: 0px;
   height: 35px !important;
   width: 55px !important;
   border: 0;
   text-align: center;
   display: block;
   outline: none;
   color: #FFF;
 }
 #sub-column .category .fukidashi nav,
 #sub-column .category .tatenarabi nav,
 #sub-column .category #sps-itemListAllCategory nav {
   margin-bottom: 0;
 }
 #sub-column .category .fukidashi nav:last-child,
 #sub-column .category .tatenarabi nav:last-child,
 #sub-column .category #sps-itemListAllCategory section nav:last-child {
   margin-bottom: 20px;
 }
 #sub-column .category #sps-itemListAllCategory section nav:first-child {
   margin-bottom: 0;
 }
 #sub-column .category .fukidashi ul {
   zoom: 1;
 }
 #sub-column .category .fukidashi nav {
   position: relative;
 }
 #sub-column .category .fukidashi nav .sps-itemCategorySub {
   width: 100%;
   position: absolute;
   top: 0;
   left: 100%;
   display: none;
 }
 #sub-column .category .fukidashi nav:hover .sps-itemCategorySub {
   display: block;
   z-index: 999;
 }
 #sub-column .category .fukidashi nav .sps-itemCategorySub {
   padding: 5px;
   border-top: 1px solid #DDD;
   border-left: 1px solid #DDD;
   border-right: 1px solid #aaa;
   border-bottom: 1px solid #aaa;
   background: #fff;
 }
 #sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a {
   color: #333;
   font-weight: normal;
 }
 #sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a:hover {
   color: #333;
   font-weight: normal;
 }
 #sub-column .category nav ul li.listcat2 a {
   zoom: 1;
   display: block;
   padding: 15px 12px 15px 2%;
   margin: 0px 0;
   line-height: 100%;
   color: #000;
   font-weight: bold;
   background: #EEF4FF;
 }
 #sub-column .category nav ul li.listcat3 a {
   zoom: 1;
   display: block;
   padding: 15px 12px 15px 6%;
   margin: 0px 0;
   line-height: 100%;
   color: #000;
 }
 #sub-column .category nav ul li.child a {
   color: #000;
 }
 section.half-cont div.category section {
   margin: 0 0 23px;
 }
 section.half-cont div.category section:last-child {
   margin: 0;
 }
 section.half-cont div.category section nav ul {
   font-size: 100%;
 }
 section.half-cont div.category section nav ul li {
   font-size: 85%;
   line-height: 150%;
 }
 #sub-column .category .sps-allList {
   margin-bottom: 20px;
 }
 #sub-column .category .sps-allList + #sps-itemListAllCategory {
   display: none;
   margin-top: -20px;
 }

 #sub-column h2 {
   /*border-top: 3px double #6B6B6B;*/
   background: #FFF;
   color: #222222;
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-size: 120%;
   letter-spacing: 1px;
   padding: 0px;
   text-align: left;
   margin-bottom: 10px;
 }
 #sub-column .category h2 a::after {
   content: "";
   background: url(/hpgen/HPB/theme/img/rsp_arrow01.png);
   background-size: cover;
   display: inline-block;
   height: 16px;
   margin: -2px 0 0 8px;
   vertical-align: middle;
   width: 9px;
 }
 #sub-column .group, #sub-column .category, #sub-column #followUs, #sub-column .newItem, #sub-column .link {
   border: none;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
 }
 #sub-column .category {
   margin-bottom: 50px;
 }
 #sub-column .column-set {
   display: block;
 }
 #sub-column #sps-itemListAllCategory {
   margin-top: 25px;
 }
 #sub-column .category h3 {
   border: none;
   font-size: 80%;
   font-weight: bold;
   padding: 0;
   margin: 0 0 7px;
 }
 #sub-column .group nav, #sub-column .category nav, #sub-column .link nav {
   border-top: none;
   margin-bottom: 25px;
 }
 #sub-column .group nav ul, #sub-column .category nav ul, #sub-column .link nav ul {
   line-height: 160%;
 }
 #sub-column .group nav ul li, #sub-column .category nav ul li, #sub-column .link nav ul li {
   background-image: none;
   border-bottom: 1px solid #D4D4D4;
   background-color: #FFF;
   display: block;
   font-size: 90%;
   padding: 0;
   text-align: left;
 }
 #sub-column .group nav ul li:first-child, #sub-column .category nav ul li:first-child, #sub-column .link nav ul li:first-child {
   border-top: 1px solid #D4D4D4;
 }
 #sub-column .category section#sps-itemListAllCategory section:last-child nav ul li {
   border-bottom: none;
 }
 #sub-column .link nav ul li {
   line-height: 180%;
 }
 #sub-column .group #sps-itemListAllCategory section:first-child nav ul li.listcat1:first-child, #sub-column .category #sps-itemListAllCategory section:first-child nav ul li.listcat1, #sub-column .link #sps-itemListAllCategory section:first-child nav ul li.listcat1:first-child {
   border-top: 1px solid #111;
 }
 #sub-column .group nav ul li.listcat1, #sub-column .category nav ul li.listcat1, #sub-column .link nav ul li.listcat1 {
   border-top: none;
 }
 #sub-column .keyword nav ul {
   padding: 5px 0;
 }
 #sub-column .group nav ul li a, #sub-column .category nav ul li a, #sub-column .link nav ul li a {
   color: #222222;
   display: block;
   padding: 10px 5px 10px 15px;
   position: relative;
   line-height: 130%;
 }
 #sub-column .group nav ul li a::after, #sub-column .category nav ul li a::after, #sub-column .link nav ul li a::after {
   content: "";
   background: url(/hpgen/HPB/theme/img/rsp_arrow02.png);
   background-size: cover;
   display: inline-block;
   height: 13px;
   margin: -2px 0 0 0px;
   position: absolute;
   left: 1%;
   top: 39%;
   vertical-align: middle;
   width: 8px;
 }
#sub-column .category nav ul li.listcat2 a::after {
  display: none;
}

 #sub-column .group nav ul li a:hover, #sub-column .group nav ul li a:active, #sub-column .category nav ul li a:hover, #sub-column .category nav ul li a:active, #sub-column .link nav ul li a:hover, #sub-column .link nav ul li a:active, #sub-column .sitelink a:hover {
   opacity: .70;
   filter: alpha(opacity=70);
   -ms-filter: "alpha(opacity=70)";
   -khtml-opacity: .70;
   -moz-opacity: .70;
 }
 #sub-column .category nav ul li.cat2 a {
   zoom: 1;
   display: block;
   padding: 3px 2px 3px 30px;
   margin: 0px 0;
   line-height: 100%;
   color: #000;
 }
 #snav_calendar h2 {
   background-image: none;
 }
 #subc_calendar {
   background-color: #EFEFEF;
   margin-bottom: 20px;
   width: 100%;
 }
 div.subc_cal_cont {
   background-color: #FFF;
 }
 div#subc_calendar h2 {
   padding: 20px 0 10px;
   position: relative;
   text-align: left;
   background: none;
   color: #333;
   display: block;
 }
 div#subc_calendar h2::before {
   content: "CALENDAR";
 }
 div#subc_calendar h2::after {
   bottom: 0;
   content: "カレンダー";
   font-size: 80%;
   height: initial;
   left: 0;
   line-height: initial;
   position: absolute;
   right: 0;
   top: 39px;
 }
 div.cal_wrapper {
   padding: 7px 2% 0;
 }
 div.cal_wrapper table.cal {
   width: 100%;
   line-height: 130%;
 }
 div.cal_wrapper table.cal th {
   height: 17px;
   position: relative;
 }
 div.cal_wrapper table.cal tr th p.month {
   font-size: 88%;
   position: absolute;
   text-align: center;
   top: -2px;
   width: 100%;
 }
 div.cal_wrapper table.cal tr th input {
   border: none;
   z-index: 1;
 }
 div.cal_wrapper table.cal tr th input.prev {
   background: url(/hpgen/HPB/theme/img/calendar_pleft.gif) no-repeat left bottom #FFF;
   height: 17px;
   position: absolute;
   left: 0;
   top: 0;
   vertical-align: middle;
   width: 17px;
 }
 div.cal_wrapper table.cal tr th input.next {
   background: url(/hpgen/HPB/theme/img/calendar_pright.gif) no-repeat right bottom #FFF;
   height: 17px;
   position: absolute;
   right: 0;
   top: 0;
   vertical-align: middle;
   width: 17px;
 }
 div.cal_wrapper table.cal tr td {
   border: solid 1px #CCC;
   font-size: 70%;
   text-align: center;
 }
 div.cal_wrapper table.cal tr.headline td {
   border: none;
   padding: 10px 0 2px 0;
 }
 div.subc_cal_cont .cap {
   font-size: 60%;
   padding: 0 2%;
   width: auto;
 }
 div.subc_cal_cont .cap ul {
   margin: 3px 0 0;
 }
 div.subc_cal_cont .cap li {
   display: inline-block;
   line-height: 140%;
   overflow: hidden;
 }
 div.subc_cal_cont .cap li span {
   margin: 0 10px 0 0;
 }
 div.subc_cal_cont .cap .ico_cap01 {
   font-size: 120%;
   vertical-align: middle;
   margin: 0 2px 0 0;
   color: #FF5078;
 }
 div.subc_cal_cont .cap .ico_cap02 {
   font-size: 120%;
   vertical-align: middle;
   margin: 0 2px 0 0;
   color: #39F;
 }
 div.subc_cal_cont .cap .cap-info {
   background-color: #FFF;
   line-height: 140%;
   padding: 10px 3%;
 }
 div.cal_wrapper table.cal tr td div.Deli {
   background-color: #EFE;
 }
 div.cal_wrapper table.cal tr td div.Holyday {
   background-color: #FF5078;
   color: #FFF;
 }
 div.cal_wrapper table.cal tr td div.backward {
   color: #CCC;
   font-weight: normal;
   background-color: #FFF;
 }
 div.cal_wrapper table.cal tr td div.pointer {
   cursor: pointer;
 }
 div.cal_wrapper table.cal tr td div.pointer:hover {
   background-color: #EEE;
 }
 #sub-column #snav_mailMag {
   background-color: #F5F5F5;
   margin-bottom: 20px;
   width: 100%;
 }
 #sub-column #snav_mailMag h2 {
   background-image: none;
 }
 #sub-column div.snav_mailMag_cont {
   border-top: 3px double #6B6B6B;
   padding: 15px 4%;
   text-align: center;
 }
 #sub-column div.snav_mailMag_cont::before {
   content: "Mail Magazine";
   font-weight: bold;
 }
 #sub-column div.snav_mailMag_cont h2 {
   width: 161px;
   text-align: center;
   padding: 0 0 3px 0;
   margin: 0 0 7px 0;
   border-bottom: 1px dotted #333;
 }
 #sub-column div.snav_mailMag_cont p {
   font-size: 72%;
   line-height: 130%;
 }
 #sub-column div.snav_mailMag_cont > p:first-child {
   padding: 5px 0 10px;
   text-align: left;
 }
 #sub-column div.snav_mailMag_cont > p:first-child::before {
   content: "メールマガジンのご登録";
   display: block;
   font-weight: bold;
   padding-bottom: 20px;
   text-align: center;
 }
 #sub-column div.snav_mailMag_cont input.mailAddress {
   border: 1px solid #777;
   box-sizing: border-box;
   display: inline-block;
   height: 40px;
   position: relative;
   vertical-align: middle;
   width: 78%;
 }
 #sub-column div.snav_mailMag_cont input.submit_mailMag {
   background-color: #333;
   border: none;
   box-sizing: border-box;
   color: #FFF;
   font-size: 75%;
   margin-left: -5px;
   height: 40px;
   text-align: center;
   width: 20%;
 }
 #sub-column div.snav_mailMag_cont input.submit_mailMag:hover {
   background-color: #666;
 }
 #sub-column div.snav_mailMag_cont p:last-child {
   background-color: #FFF;
   border: 1px solid #333;
   border-radius: 3px;
   box-sizing: border-box;
   height: 3em;
   line-height: 3em;
   margin: 15px 0 10px 34px;
 }
 #sub-column div.snav_mailMag_cont p:last-child::after {
   content: ">>";
   padding-left: 3px;
 }
 #sub-column #snav_followUs {
   border-top: 3px double #6B6B6B;
   padding: 19px 2%;
   margin-bottom: 20px;
 }
 #sub-column #snav_followUs nav ul {
   overflow: hidden;
 }
 #sub-column #snav_followUs nav ul li {
   float: left;
   margin: 0 5px 0 0;
   padding: 0;
 }
 #sub-column #snav_followUs nav ul li img {
   vertical-align: bottom;
 }
 #sub-column #snav_followUs nav ul li a:hover img {
   opacity: .70;
   filter: alpha(opacity=70);
   -ms-filter: "alpha(opacity=70)";
   -khtml-opacity: .70;
   -moz-opacity: .70;
   cursor: pointer;
 }
 #subc_freeArea {
   margin: 0 0 20px 0;
   padding-bottom: 10px;
 }
 #subc_freeArea img {
   margin-bottom: 10px;
 }
 #sub-column .newItem {
   position: relative;
   margin: 0;
   line-height: 90%;
 }
 #sub-column .newItem .new-Title {
   position: absolute;
   right: 0px;
   top: 1px;
 }
 #sub-column .column4, #sub-column .column5 {
   box-sizing: border-box;
   padding: 0 20px 10px;
   margin: 0 0 25px 0;
   float: none;
   width: 100%;
 }
 #sub-column .newItem .column4 .itemThumb-wrap {
   margin: 0 0 10px;
 }
 #sub-column .newItem .column4 .itemThumb {
   height: auto;
   width: 100%;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
 }
 #sub-column .newItem .column4 .itemThumb a img {
   max-height: auto;
   max-width: 100%;
   width: 100%;
 }
 #sub-column .newItem h3 {
   text-align: left;
   font-weight: normal;
 }
 #sub-column .newItem p.price, #sub-column .pickup p.price, #sub-column .ranking p.price, #sub-column .recommend p.price {
   text-align: right;
   margin: 0;
 }
 #sub-column .newItem p.sp_price {
   text-align: right;
 }
 #sub-column .newItem p.sp_price {
   color: #C00;
 }
 #sub-column .newItem .column4_fourth .itemThumb {
   margin: 0 20px 5px 20px;
   position: relative;
 }
 #sub-column .pickup {
   position: relative;
   line-height: 90%;
 }
 #sub-column .pickup .pickup-Title {
   position: absolute;
   right: 0px;
   top: 1px;
 }
 #sub-column .pickup .column5 .itemThumb-wrap {
   margin: 0 0 10px;
 }
 #sub-column .pickup .column5 .itemThumb {
   margin: 0 0 5px 0;
   position: relative;
   text-align: center;
   height: auto;
   width: 100%;
 }
 #sub-column .pickup .column5 .itemThumb img {
   max-height: 100%;
   max-width: 100%;
 }
 #sub-column .ranking {
   position: relative;
   line-height: 90%;
 }
 #sub-column .ranking .ranking-Title {
   position: absolute;
   right: 0px;
   top: 1px;
 }
 #sub-column .ranking .column5 .itemThumb-wrap {
   margin: 0 0 10px;
   height: 100%;
   width: 100%;
 }
 #sub-column .ranking .column5 .itemThumb {
   margin-bottom: 5px;
   position: relative;
   text-align: center;
 }
 #sub-column .ranking .column5 .itemThumb img {
   max-height: 100%;
   max-width: 100%;
 }
 #sub-column .ranking .column5 .itemThumb {
   margin-bottom: 5px;
   position: relative;
 }
 
/*-- フッター/ドロワー内 検索ボックス(768px) --*/
   .leftSearch {
     box-sizing: border-box;
     margin: 0;
     overflow: hidden;
   }
   .leftSearch #searchbox_wrap {
     margin: 15px 0;
     width: 100%;
   }
   .leftSearch #searchbox {
     overflow: hidden;
     margin: 0px auto;
     width: 100%;
   }
   .leftSearch #searchbox form {
     height: 50px;
     position: relative;
     width: 100%;
   }
   .leftSearch #searchbox input.searchbox {
     height: 48px !important;
     padding: 0 70px 0 5px;
     width: 100%;
   }
   .leftSearch #searchbox input.searchSubmit {
     background-color: #777;
     height: 48px;
     position: absolute;
     right: 0;
     top: 0;
     width: 70px;
   }
   /*ドロワー内 カレンダー(768px)*/
   #subc_calendar {
     box-sizing: border-box;
     margin-bottom: 0;
     padding: 0;
     width: 100%;
   }
   div.subc_cal_cont {
     box-sizing: border-box;
     margin-bottom: 30px;
     width: 100%;
   }
   div#subc_calendar h2 {
     box-sizing: border-box;
     font-size: 110%;
     padding: 10px 0;
     width: 100%;
   }
   div.subc_cal_cont .cap .cap-info {
     background-color: #FFF;
     padding: 10px 0;
   }
   /*ドロワー内 メルマガ(768px)*/
   #sub-column #snav_mailMag {
     box-sizing: border-box;
     width: 100%;
   }
   #sub-column div.snav_mailMag_cont {
     box-sizing: border-box;
     text-align: center;
     width: 100%;
   }
   #sub-column div.snav_mailMag_cont p:last-child {
     background-color: #FFF;
     height: auto;
     line-height: 130%;
     margin: 15px 0 10px 24%;
     padding: 10px 1%;
   }

@media (max-width:320px) {}