/******************************/
/* main_visual */
/******************************/
#main_visual .slick-slide {
    padding-left: 0 15px ;
}
.slider {
	display: none;
}
.slick-initialized {
	display: block;
}
#main_visual {
	position: relative;
  margin-top: 80px;
}
@media screen and (max-width: 1030px) {
#main_visual {
  margin-top: 0px;
}
}
#main_visual .slider {
	overflow: hidden;
	position: relative;
}
#main_visual .slick-dotted.slick-slider{
padding-bottom: 35px;	
}
#main_visual .sliderImg img {
	width: 100%;
}
#main_visual .slick-prev {
	position: absolute;
    left: 20% !important;
    background: url("https://okichu2.xsrv.jp/yamachu_ec/svg/top/left.svg") no-repeat !important;
}
#main_visual .slick-next {
	position: absolute;
	right: 20% !important;
	background: url("https://okichu2.xsrv.jp/yamachu_ec/svg/top/right.svg") no-repeat !important;
}
#main_visual .slick-prev,
#main_visual .slick-next {
	width: 60px;
	height: 60px;
	z-index: 9;
}
#main_visual .slick-prev:before,
#main_visual .slick-next:before {
	display: none;
}
/* slick-dotted */
#main_visual .slick-dotted #main_visual .slick-slider {
    margin-bottom: 0px;
    padding-bottom: 50px;
}


.slick-dots {
    position: absolute;
    bottom: 0px !important;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
#main_visual .slick-dots li button,
#yamachuArea .slick-dots li button
{
   width: 5px !important;
    height: 5px !important;
  padding: 0px !important;
}
#main_visual .slick-dots li,
#yamachuArea .slick-dots li
{
    width: 12px !important;
    height: 12px !important;
}
.slick-dots button {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
  border-radius: 100%;
    background: #C6C6C6 !important;
}

.slick-dots .slick-active button{
    background: #3E5F98 !important;
}

@media (max-width: 767px) {
.slick-slide {
    padding: 0px !important;
}
	#main_visual .sliderImg img {
		width: 100%;
		max-width: 100%;
	}
	#main_visual .slick-prev,
	#main_visual .slick-next {
		display: none !important;
	}
}
/******************************/
/* 心が通う贈り物 */
/******************************/
#understandArea {
    margin: 80px 0 190px;
}
@media screen and (max-width: 767px) {
#understandArea {
    margin: 50px 0 100px;
}
}
#understandArea .gift_container {
    max-width: 940px;
    position: relative;
    margin: 0 auto;
}
@media screen and (max-width: 767px) {
#understandArea .gift_container {
    padding: 0 15px;
    margin: 0 auto;
    height: 360px;
}
}
#understandArea .gift_container h2 {
    text-align: center;
    font-size: 30px;
    color: #001650;
    line-height: 2em;
  margin: 0;
}
@media screen and (max-width: 767px) {
#understandArea .gift_container h2 {
    position: absolute;
    top: 68%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
  width: 300px;
}
}
#understandArea .gift_container .gift_bg1 {
    background: url(https://okichu2.xsrv.jp/yamachu_ec/img/top/bg_gift01.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 120px;
    width: 146px;
    height: 168px;
      z-index: -1;
}
@media screen and (max-width: 767px) {
#understandArea .gift_container .gift_bg1 {
    position: absolute;
    left: 30px;
    width: 127px;
    height: 147px;
}
}
#understandArea .gift_container .gift_bg2 {
    background: url(https://okichu2.xsrv.jp/yamachu_ec/img/top/bg_gift02.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 45px;
    right: 75px;
    width: 200px;
    height: 171px;
      z-index: -1;
}
@media screen and (max-width: 767px) {
  #understandArea .gift_container .gift_bg2 {
  position: absolute;
    top: auto;
    bottom: 0;
    right: 30px;
    width: 100px;
    height: 85px;
  }
}
/******************************/
/* 北谷長老 */
/******************************/
#elderArea {
  background: #001650;
      position: relative;
      margin-bottom: -10px;
}
#elderArea .elder-container {
 /*   max-width: 940px;*/
    position: relative;
    margin: 0 auto;
  z-index: 1;
}

#elderArea .elder_bg {
    background: url(https://okichu2.xsrv.jp/yamachu_ec/img/top/bg_gift03.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 33%;
    right: 14%;
    width: 28%;
    height: 52%;
      z-index: -1;
}
@media screen and (max-width: 767px) {
#elderArea .elder_bg {
    top: 34%;
    right: 0;
    width: 228px;
    height: 190px;
}
}
@media screen and (max-width: 480px) {
#elderArea .elder_bg {
    top: 178px;
    right: 0;
    width: 171px;
    height: 150px;
}
}

#elderArea .elder_text {
 color: #fff; 
      text-align: center;
        margin: 60px auto 0;
}
@media screen and (max-width: 767px) {
  #elderArea .elder_text {
 padding: 0 15px;
}
}
#elderArea .tyourou_logo {
    position: absolute;
    top: -26px;
    right: 24%;
}
@media screen and (max-width: 1030px) {
  #elderArea .tyourou_logo {
    right: 5%;
}
}
@media screen and (max-width: 767px) {
 #elderArea .tyourou_logo {
    top: 46px;
    right: 26px;
    z-index: 0;
}
}
#elderArea .tyourou_logo img {
    flex-basis: 223px;
    max-width: 223px;
}
@media screen and (max-width: 1030px) {
    #elderArea .tyourou_logo img {
     flex-basis: 130px;
    max-width: 130px;
}
}
#elderArea .store_manager {
    display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
    max-width: 692px;
    margin: 60px auto 0;
}
#elderArea .store_manager img {
      flex-basis: calc( 19% - 7px );
    max-width: calc( 19% - 7px );
}
@media screen and (max-width: 767px) {
#elderArea .store_manager {
    justify-content: center;
          margin: 30px auto 0;
}
#elderArea .store_manager img {
    flex-basis: 100px;
    max-width: 100px;
      margin-bottom: 30px;
}

}

#elderArea .elder_text h2 {
  font-size: 30px;
    text-align: center;
}
@media screen and (max-width: 767px) {
#elderArea .elder_text h2 {
    max-width: 210px;
    margin: 60px auto 30px;
}
}
#elderArea .elder_text p {
  font-size: 16px;
    max-width: 625px;
    margin: 0 auto;
  text-align: left;
}
#elderArea .elder_img {
    padding-right: 65px;
}
#elderArea .elder_img img {
    margin-top: -120px;
    width: 66%;
}
@media screen and (max-width: 1030px) {
#elderArea .elder_img img {
    margin-top: -120px;
    width: 85%;
}
}
@media screen and (max-width: 767px) {
  #elderArea .elder_img {
    padding-right: 45px;
}
#elderArea .elder_img img {
      margin-top: -60px;
    width: 100%;
}
}
#elderArea .elder_sp{
display: none;
}
@media screen and (max-width: 767px) {
#elderArea .elder_pc{
display: none;
}
#elderArea .elder_sp{
display: inline-block;
}
}
#elderArea .balloon1-left {
  position: relative;
    display: inline-block;
    margin-left: 30px;
    padding: 30px;
    min-width: 120px;
    max-width: 100%;
    color: #001650;
    font-size: 16px;
  font-weight: bold;
    background: #E2E5EB;
    flex-basis: calc( 70% - 7px );
    max-width: calc( 70% - 7px );
}

#elderArea .balloon1-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #E2E5EB;
}

#elderArea .balloon1-left p {
  margin: 0;
  padding: 0;
  text-align: left;
}
@media screen and (max-width: 767px) {
  #elderArea .balloon1-left {
	margin-left: 0px;
    flex-basis: 100%;
    max-width: 100%;
        padding: 20px 15px;
}
  #elderArea .balloon1-left:before {
  content: "";
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #E2E5EB;
  z-index: 2;
  }

}

/******************************/
/* おすすめギフト */
/******************************/
#recomend_giftArea {
  background: linear-gradient(#001650 40.3%, #E8E4D8 0, #E8E4D8 86.6%, #001650 0);
      padding: 60px 0 60px;
}
@media screen and (max-width: 767px) {
#recomend_giftArea {
    background: linear-gradient(#001650 20.3%, #E8E4D8 0, #E8E4D8 93.6%, #001650 0);
}
}
#recomend_giftArea h2 {
    flex-basis: 330px;
    max-width: 330px;
    margin: 0 auto 40px;
}
@media screen and (max-width: 767px) {
#recomend_giftArea h2 {
    flex-basis: 280px;
    max-width: 280px;
}
}
#recomend_giftArea .recomend_gift_btn {
    text-align: center;
  position: relative;
    z-index: 1;
}
#recomend_giftArea p {
    text-align: center;
    margin-top: 20px;
}
#recomend_giftArea .recomend_gif_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
      margin-bottom: 20px;
}
@media (max-width: 767px) {
#recomend_giftArea .recomend_gif_wrap {
      margin-bottom: 0px;
}
}

#recomend_giftArea .recomend_gif_wrap .recomend_gif_box {
    flex-basis: calc( 33% - 15px );
    max-width: calc( 33% - 15px );
}
@media (max-width: 767px) {
#recomend_giftArea .recomend_gif_wrap .recomend_gif_box {
    flex-basis: 100%;
    max-width: 100%;
  margin-bottom: 20px;
}
}
/******************************/
/* 北谷のお酒 */
/******************************/
#recomendArea {
    margin: 80px auto;
}

@media screen and (max-width: 767px) {
#recomendArea {
    margin: 65px auto;
}
}
#recomendArea h2 {
    flex-basis: 300px;
    max-width: 300px;
  margin: 0 auto 45px;
}
#recomendArea .recommend_btn {
    margin: 40px auto 0;
    text-align: center;
}
@media screen and (max-width: 767px) {
#recomendArea .recommend_btn {
    margin: 0px auto 0;
}
}
/******************************/
/* NEWS */
/******************************/
.p-line-informaiton {
  display: flex;
  flex-wrap: wrap;
  margin-top: 75px;
  width: 760px;
}
@media screen and (max-width: 767px) {
  .p-line-informaiton {
    display: block;
    width: auto;
  }
}
.p-line-informaiton ul {
  flex: 1;
  font-size: 13px;
}
@media screen and (max-width: 767px) {
  .p-line-informaiton ul {
    font-size: 12px;
  }
}
.p-line-informaiton li {
  margin-bottom: 15px;
}
.p-line-informaiton__ttl {
  position: relative;
  margin: 0 40px 0 0;
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .p-line-informaiton__ttl {
    margin: 0;
  }
}
.p-line-informaiton__ttl:before {
  content: "";
  position: absolute;
  top: 7px;
  right: -20px;
  width: 1px;
  height: 10px;
  background: #d2d2d2;
}
@media screen and (max-width: 767px) {
  .p-line-informaiton__ttl:before {
    content: none;
  }
}

/***** お知らせ *****/
.p-top-news {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .p-top-news {
    display: block;
    margin-bottom: 45px;
  }
}
.p-top-news__ttl {
  box-sizing: border-box;
  margin-right: 25px;
  padding: 10px;
  width: 110px;
  border: 1px solid #b2b2b2;
  font-size: 18px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP", serif;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top-news__ttl {
    margin-right: 0;
    margin-bottom: 10px;
    padding: 5px;
    width: 70px;
    border: 1px solid #b2b2b2;
    font-size: 12px;
  }
}
.p-top-news__body {
  flex: 1;
  margin-bottom: 0;
}
/******************************/
/* TOP RECOMMEND */
/******************************/
.p-recommend.u-container {
  padding-bottom: 0;
}
/******************************/
/* NEW　ARRIVAL */
/******************************/
.p-new-item.u-container {
  padding-bottom: 0;
}

/******************************/
/* 特集 */
/******************************/
#featureArea {
    background: #FFFDF8;
  padding: 80px 0;
}
@media screen and (max-width: 767px) {
#featureArea {
  padding: 80px 0 35px;
}
}
#featureArea h2 {
    flex-basis: 230px;
    max-width: 230px;
    margin: 0 auto 45px;
}
@media screen and (max-width: 767px) {
#featureArea h2 {
    flex-basis: 160px;
    max-width: 160px;
}
}
#featureArea .feature_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#featureArea .feature_wrap .feature_box {
    flex-basis: calc( 48% - 15px );
    max-width: calc( 48% - 15px );
  text-align: center;
  margin-bottom: 30px;
}
#featureArea .feature_box a img {
    margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
	#featureArea .feature_wrap .feature_box {
    flex-basis: 100%;
    max-width: 100%;
}
}
/******************************/
/* TOP RANKING */
/******************************/
#rankingArea {
    margin: 75px 0 80px;
}

@media screen and (max-width: 767px) {
#rankingArea {
    margin: 60px 0 80px;
}
}
#rankingArea h2 {
    flex-basis: 370px;
    max-width: 370px;
    margin: 0 auto 50px;
}
@media screen and (max-width: 767px) {
#rankingArea h2 {
    flex-basis: 300px;
    max-width: 300px;
}
}
.p-recommend-list,
.p-ranking-list {
  overflow-x: hidden;
}
.p-recommend-list .slick-list,
.p-ranking-list .slick-list {
  margin-left: -15px;
  margin-right: -15px;
}
.p-recommend-list .slick-track,
.p-ranking-list .slick-track {
  margin-left: 0;
  margin-right: 0;
}
.p-recommend-list .slick-prev, .p-recommend-list .slick-next,
.p-ranking-list .slick-prev, .p-ranking-list .slick-next {
  width: 60px;
  height: 60px;
  transition: all 0.4s ease;
  z-index: 1;
  background: #001650;
}
@media screen and (max-width: 767px) {
  .p-recommend-list .slick-list,
.p-ranking-list .slick-list {
  margin-left: 0;
  margin-right: 0;
}
  .p-recommend-list .slick-prev, .p-recommend-list .slick-next,
  .p-ranking-list .slick-prev, .p-ranking-list .slick-next {
    top: 110px;
    width: 50px;
    height: 50px;
  }
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: transparent;
    outline: none;
    background: #001650 !important;
}
.p-recommend-list .slick-prev:before, .p-recommend-list .slick-next:before,
.p-ranking-list .slick-prev:before, .p-ranking-list .slick-next:before {
  content: "";
  position: absolute;
  top: 22px;
  left: 21px;
  width: 10px;
  height: 10px;
  border-left: 4px solid #fff;
  border-top: 4px solid #fff;
  transition: all 0.4s ease;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-recommend-list .slick-prev:before, .p-recommend-list .slick-next:before,
  .p-ranking-list .slick-prev:before, .p-ranking-list .slick-next:before {
    top: 15px;
  }
}
.p-recommend-list .slick-prev,
.p-ranking-list .slick-prev {
top: 35%;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-recommend-list .slick-prev,
  .p-ranking-list .slick-prev {
    top: 135px;
    left: 0px;
  }
}
.p-recommend-list .slick-prev:before,
.p-ranking-list .slick-prev:before {
  transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
  .p-recommend-list .slick-prev:before,
  .p-ranking-list .slick-prev:before {
    left: 17px;
  }
}
.p-recommend-list .slick-next,
.p-ranking-list .slick-next {
   top: 35%;
  right: 0px;
}
@media screen and (max-width: 767px) {
  .p-recommend-list .slick-next,
  .p-ranking-list .slick-next {
    top: 135px;
    right: 0px;
  }
}
.p-recommend-list .slick-next:before,
.p-ranking-list .slick-next:before {
  left: 18px;
  transform: rotate(135deg);
}
/*
@media screen and (max-width: 767px) {
  .p-recommend-list .slick-next:before,
  .p-ranking-list .slick-next:before {
    left: 24px;
  }
}
*/
.p-recommend-list__item {
  position: relative;
 /* box-sizing: border-box;*/
  word-break: break-all;
  padding: 0 15px 25px;
}
.p-ranking-list__item {
  position: relative;
  word-break: break-all;
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  .p-recommend-list__item {
    margin-right: 15px;
    margin-left: 15px;
  }
  .p-ranking-list__item {
    margin-right: 15px;
    margin-left: 15px;
  }
}
.p-recommend-list__img,
.p-ranking-list__img {
  position: relative;
 margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .p-ranking-list__img {
    text-align: center;
  }
}
.p-ranking-list__img:before {
  content: "";
  /*display: block;*/
  padding-top: 100%;
}
.p-ranking-list__img a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-ranking-list__img img {
  max-width: 100%;
  max-height: 100%;
  text-align: center;
}
.p-ranking-list__num {
  position: absolute;
  top: 10px;
  left: 20px;
      width: 50px;
    height: 50px;
    border-radius: 50%;
  background: #3E5F98;
  font-family: 'Shippori Mincho', serif;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  line-height: 3em;
}
@media screen and (max-width: 1030px) {
.p-ranking-list__num {
  font-size: 17px;
    width: 50px;
    height: 50px;
}
}

.p-ranking-list__num.is-1 {
    background: #C4AB52;
}
.p-ranking-list__num.is-2 {
    background: #A6AAB2;
}
.p-ranking-list__num.is-3 {
  background: #A27D53;
}
.p-ranking-list__ttl img {
  vertical-align: middle;
}

.p-ranking-list__btn {
  display: block;
  position: absolute;
  right: 0px;
  bottom: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #d8d8d8;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.p-ranking-list__btn.is-added {
  color: #000000;
}
.p-ranking-list__btn svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
/******************************/
/* カテゴリー */
/******************************/
#categoryArea {
  background: #FFFDF8;
    text-align: center;
  padding: 60px 0 30px;
}
@media (max-width: 767px) {
#categoryArea {
    padding: 60px 0 40px;
}
}
#categoryArea h2 {
    font-size: 24px;
    color: #001650;
      margin: 0 0 35px;
}
#categoryArea .category_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#categoryArea .category_wrap .category_box {
    flex-basis: calc( 33% - 15px );
    max-width: calc( 33% - 15px );
      margin-bottom: 30px;
}
@media (max-width: 767px) {
#categoryArea .category_wrap .category_box {
    flex-basis: calc( 48% - 5px );
    max-width: calc( 48% - 5px );
      margin-bottom: 20px;
}
}

/******************************/
/* TOP INFORMATION */
/******************************/
.p-information {
  padding-bottom: 0;
}
@media screen and (max-width: 1030px) {
  .p-information {
    padding-bottom: 45px;
  }
}
.p-information__body {
  margin-left: 60px;
  margin-right: 60px;
  line-height: 2;
}
@media screen and (max-width: 1030px) {
  .p-information__body {
    margin-left: 0;
    margin-right: 0;
  }
}
/******************************/
/* 山忠について */
/******************************/
#yamachuArea {
    background: #FFFDF8;
    padding: 90px 0;
    margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
#yamachuArea {
        padding: 60px 0 70px;
}
}
#yamachuArea .yamachu_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#yamachuArea .yamachu_wrap .yamachu_box {
    flex-basis: calc( 48% - 16px );
    max-width: calc( 48% - 16px );

}
@media screen and (max-width: 1000px) {
#yamachuArea .yamachu_wrap .yamachu_box {
    flex-basis: 100%;
    max-width: 100%;
}
  #yamachuArea .slick-slide {
    padding-left: 0px ;
    padding-right: 15px;
}
}
#yamachuArea .yamachu_box .yamachu_textArea {
    max-width: 406px;
   position: relative;
      margin: 85px 0 0;
}
@media screen and (max-width: 1030px) {
  #yamachuArea .yamachu_box .yamachu_textArea {
     margin: 0px 0 0;
}
}
@media screen and (max-width: 1000px) {
#yamachuArea .yamachu_box .yamachu_textArea {
  margin: 55px auto 0;
  padding: 0 5%;
  max-width: 100%;
}
}
#yamachuArea .yamachu_bg {
background: url(https://okichu2.xsrv.jp/yamachu_ec/img/top/bg_about.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: -112px;
    right: -107px;
    width: 291px;
    height: 302px;	
}

@media screen and (max-width: 1000px) {	
	#yamachuArea .yamachu_bg {
      position: absolute;
    top: -77px;
    right: 0;
    width: 160px;
    height: 160px;
}
}	
#yamachuArea li.slick-slide img {
    width: 100%;
}
#yamachuArea .slick-dots {
    position: absolute;
        bottom: 10px !important;
    right: 15px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: end;
}

#yamachuArea h2 {
    font-size: 30px;
    color: #001650;
  margin: 0;
}
#yamachuArea p {
    margin-bottom: 40px;
      font-size: 16px;
}
#yamachuArea .yamachu_btn {
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 1000px) {
#yamachuArea .slick-dotted,
#yamachuArea .slick-slider{
	margin-right: 45px;
      margin-bottom: 0px;
}
 #yamachuArea .yamachu_btn {
    text-align: center;
} 
}
/******************************/
/* お知らせ */
/******************************/
#infoArea {
    display: flex;
    flex-wrap: wrap;
 padding: 60px 0;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
#infoArea {
    display: block;
    width: auto;
    padding-top: 60px;
    padding-bottom: 50px;
}
}
#infoArea .info-container {
  max-width: 940px;
   margin: 0 auto;
position: relative;
}
@media screen and (max-width: 1030px) {
#infoArea .info-container {
    padding: 0 5%;
    width: auto;
  }
}
#infoArea .info_bg {
    background: url(https://okichu2.xsrv.jp/yamachu_ec/img/top/bg_news.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: -130px;
    left: -84px;
    width: 453px;
    height: 442px;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  #infoArea .info_bg {
      position: absolute;
    top: 0px;
    left: 15px;
    width: 280px;
    height: 277px;
  }
}
#infoArea h2 {
    font-size: 24px;
    text-align: center;
    color: #001650;
  margin: 0 0 20px;
}

#infoArea ul {
  flex: 1;
  font-size: 14px;
}

#infoArea ul li {
line-height: 3em;
  display: inline-flex;
}
@media screen and (max-width: 1000px) {
#infoArea ul li {
line-height: 2em; 
display: block;
    margin-bottom: 25px;  
}
}
#infoArea ul li time {
    margin-right: 60px;
      color: #3E5F98;
   font-weight: bold;
}
@media screen and (max-width: 1000px) {
#infoArea ul li time {
    display: flex;
      margin-bottom: 15px;
}
}
/******************************/
/* TOP FREE */
/******************************/
.p-free__body {
  margin-left: 60px;
  margin-right: 60px;
  line-height: 2;
}
@media screen and (max-width: 1030px) {
  .p-free__body {
    margin-left: 0;
    margin-right: 0;
  }
}
/******************************/
/* TOP BANNER */
/******************************/
.p-bnr {
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1030px) {
  .p-bnr {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.p-bnr-list {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-bnr-list {
    display: block;
  }
}
.p-bnr-list__item {
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  width: 33.3333%;
}
@media screen and (max-width: 1030px) {
  .p-bnr-list__item {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .p-bnr-list__item {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px;
    width: auto;
    text-align: center;
  }
}