@charset "UTF-8";
/* CSS Document */
/*===================================================
	画面用CSS（PC/SMP）
===================================================*/
/*////////////////////////////////////////////////////////////
	TOP
///////////////////////////////////////////////////////////*/
#top .topKvContainer .kvTitle {
  padding: 15px 0;
  font-size: 20px;
}
#top .sec01 {
  padding: 60px 0;
}
#top .sec01 .newsPanel {
  margin: 0 0 40px;
}
#top .sec01 .newsPanel ul li a {
  padding: 10px 20px;
}
#top .sec01 .newsPanel ul li a .inner {
  padding: 0 60px 0 0;
  background: url("../image/common/btn_more_arrow.png") right center no-repeat;
  background-size: 25px auto;
  transition: 0.6s;
}
@media (min-width: 1025px) {
  #top .sec01 .newsPanel {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  #top .sec01 .newsPanel ul li a:hover .inner {
    background: url("../image/common/btn_more_arrow.png") right center no-repeat;
    background-size: 35px auto;
  }
}
#top .sec01 .btnMoreBox {
  padding: 0 20px;
  text-align: center;
}
#top .sec02 {
  padding: 60px 0;
}
#top .sec02 .listBox {
  margin: 0 0 40px;
}
#top .sec02 .listBox ul li + li {
  margin: 30px 0 0;
}
#top .sec02 .bnr {
  max-width: 600px;
  margin: 60px auto 0;
}
#top .sec02 .bnr .title {
  font-size: 18px;
}
#top .sec03 {
  padding: 40px 0;
}
#top .contactContainer {
  margin: 40px 0 0;
}
#top .formBox {
  margin: 0 0 100px;
}
#top .formBox .formInner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
#top .formBox .privacy {
  margin: 20px 0 40px;
}
#top .formBox .privacy .agreeBox {
  height: 300px;
  padding: 20px;
  font-size: 14px;
}

/*////////////////////////////////////////////////////////////
	profile
///////////////////////////////////////////////////////////*/
#profile .sec01 {
  padding: 0 0 40px;
}
#profile .sec01 .secBox .txtBox {
  padding: 30px 0 0;
}
#profile .sec01 .secBox .txtBox h2 {
  margin: 0 0 20px;
}
#profile .sec01 .secBox .txtBox h2 em {
  font-size: 30px;
}
#profile .sec01 .secBox .txtBox h2 span {
  font-size: 20px;
}
#profile .sec01 .secBox .txtBox .txt {
  margin: 0 0 30px;
}
#profile .sec01 .secBox .txtBox .snsBox .lineBox,
#profile .sec01 .secBox .txtBox .snsBox .instaBox {
  margin: 0 0 20px;
}
#profile .section {
  padding: 40px 0;
}
#profile .section .profileList dl dt {
  width: 60px;
}
#profile .section .profileList dl dd {
  width: calc(100% - 60px);
}

/*////////////////////////////////////////////////////////////
	blog
///////////////////////////////////////////////////////////*/
.blogSection {
  padding: 0 0 60px;
}
.blogSection .blogContainer .leftPanel {
  margin: 0 0 30px;
}
.blogSection .blogContainer .leftPanel dl dt {
  margin: 0 0 15px;
  font-size: 30px;
}
.blogSection .blogContainer .rightPanel .galleryList ul li + li {
  margin: 40px 0 0;
}
.blogSection .blogContainer .rightPanel .galleryList ul li .photo {
  position: relative;
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
.blogSection .blogContainer .rightPanel .galleryList ul li .photo a {
  display: block;
  width: 100%;
  height: 100%;
}
.blogSection .blogContainer .rightPanel .galleryList ul li .photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}
.blogSection .blogContainer .rightPanel .galleryList ul li .info {
  min-height: 40px;
}
.blogSection .blogContainer .rightPanel .galleryList ul li .purchase {
  margin: 10px 0 0;
  text-align: center;
}
.blogSection .blogContainer .rightPanel .newsList ul li a {
  padding: 20px 0;
  background: none;
}
.blogSection .blogContainer .rightPanel .newsList ul li .photo {
  width: 240px;
  margin: 0 auto;
}
.blogSection .blogContainer .rightPanel .newsList ul li .txtBox {
  padding: 15px 0;
}
.blogSection .blogContainer .rightPanel .newsList ul li .info {
  max-width: 240px;
  margin: 0 auto;
}
.blogSection .blogContainer .rightPanel .newsList ul li .title {
  margin: 10px 0 0;
  text-align: center;
}
.blogSection .blogContainer .rightPanel .newsDetail .title {
  font-size: 20px;
}
.blogSection .list__pagination {
  margin: 40px 0 0;
}
.blogSection .bnr {
  max-width: 600px;
  margin: 60px auto 0;
}
.blogSection .bnr .title {
  font-size: 18px;
}