@charset 'UTF-8';

/*-----------------------------------------------------------------------
	blocks
-----------------------------------------------------------------------*/
/*
	customBlockFormLayout
*/
@media print, screen and (min-width: 768.5px) {
  #customBlockFormLayout {
    width: 960px;
  }
}

#customBlockFormLead,
#customBlockDefineListLead {
  margin-bottom: 55px;
  padding-bottom: 35px;
  border-bottom: 1px solid #bbb;
  line-height: 2;
}

@media print, screen and (min-width: 768.5px) {
  #customBlockFormLead,
  #customBlockDefineListLead {
    font-size: 16px;
  }
}

#customBlockFormLead.center,
.center#customBlockDefineListLead {
  text-align: center;
}

#customBlockFormLead.right,
.right#customBlockDefineListLead {
  text-align: right;
}

/*
	customBlockDefineListLayout
*/
@media print, screen and (min-width: 768.5px) {
  #customBlockDefineListLayout {
    max-width: 960px;
  }
}

#customBlockDefineListLead.center {
  text-align: center;
}

#customBlockDefineListLead.right {
  text-align: right;
}

#customBlockDefineListList dt {
  position: relative;
  padding-left: 15px;
  color: #0e5eb4;
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 768.499px) {
  #customBlockDefineListList dt {
    font-size: 16px;
  }
}

#customBlockDefineListList dt::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 5px;
  height: 1.2em;
  background: currentColor;
  transform: translateY(-50%);
}

#customBlockDefineListList dd {
  margin-top: 5px;
}

@media print, screen and (min-width: 768.5px) {
  #customBlockDefineListList dd {
    font-size: 15px;
  }
}

#customBlockDefineListList dd + dt {
  margin-top: 40px;
}

@media screen and (max-width: 768.499px) {
  #customBlockDefineListList dd + dt {
    margin-top: 30px;
  }
}

#customBlockDefineListList a {
  display: inline;
  text-decoration: underline;
}

/*
	customBlockProductsLayout
*/
#customBlockProductsLayout .contentSectionTitle01 {
  margin-top: 55px;
  text-align: center;
}

@media screen and (max-width: 768.499px) {
  #customBlockProductsLayout .contentSectionTitle01 {
    margin-top: 60px;
  }
}

#customBlockProductsLayout .contentTitle01 {
  margin-top: 35px;
  font-size: 24px;
  font-weight: bold;
}

@media screen and (max-width: 768.499px) {
  #customBlockProductsLayout .contentTitle01 {
    margin-top: 30px;
    font-size: 20px;
    letter-spacing: 0.07em;
  }
}

#customBlockProductsLayout .contentText01 {
  margin-top: 30px;
  line-height: 2;
}

@media print, screen and (min-width: 768.5px) {
  #customBlockProductsLayout .contentText01 {
    font-size: 16px;
  }
}

@media screen and (max-width: 768.499px) {
  #customBlockProductsLayout .contentText01 {
    margin-top: 20px;
    line-height: 2.14;
  }
}

#customBlockProductsLayout .contentMovie01 {
  position: relative;
  margin-top: 30px;
  padding-top: 56.5%;
}

@media screen and (max-width: 768.499px) {
  #customBlockProductsLayout .contentMovie01 {
    margin-top: 45px;
    padding-top: 56.8%;
  }
}

#customBlockProductsLayout .contentMovie01 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#customBlockProductsLayout .contentBorder01 {
  height: 1px;
  margin-top: 60px;
  background: #412804;
}

@media screen and (max-width: 768.499px) {
  #customBlockProductsLayout .contentBorder01 {
    display: none;
  }
}

#customBlockProductsLayout .contentList01 {
  margin-top: 45px;
  font-weight: bold;
}

@media print, screen and (min-width: 768.5px) {
  #customBlockProductsLayout .contentList01 {
    font-size: 16px;
  }
}

#customBlockProductsLayout .contentList01 li {
  position: relative;
  padding-left: 1.1em;
}

#customBlockProductsLayout .contentList01 li + li {
  margin-top: 5px;
}

@media screen and (max-width: 768.499px) {
  #customBlockProductsLayout .contentList01 li + li {
    margin-top: 10px;
  }
}

#customBlockProductsLayout .contentList01 li::before {
  content: "●";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

#customBlockProductsLayout .content2Column01 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}

@media print, screen and (min-width: 768.5px) {
  #customBlockProductsLayout .content2Column01 {
    font-size: 16px;
  }
}

@media screen and (max-width: 768.499px) {
  #customBlockProductsLayout .content2Column01 {
    margin-top: 45px;
  }
}

#customBlockProductsLayout .content2Column01 li {
  flex: 0 0 auto;
  width: calc((100% - 30px) / 2);
}

#customBlockProductsLayout .content2Column01 li:nth-child(2n) {
  margin-left: 30px;
}

#customBlockProductsLayout .content2Column01 li:nth-child(n + 3) {
  margin-top: 35px;
}

#customBlockProductsLayout .content2Column01 .image {
  margin-bottom: 15px;
}

#customBlockProductsLayout .content2Column01 .title {
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 768.499px) {
  #customBlockProductsLayout .content2Column01 .title {
    font-size: 16px;
  }
}

#customBlockProductsLayout .content2Column01 .text {
  margin-top: 15px;
}

@media screen and (max-width: 768.499px) {
  #customBlockProductsLayout .content2Column01 .text {
    margin-top: 10px;
    color: #707070;
    font-size: 13px;
  }
}

#customBlockProductsLayout .content1Column01 {
  margin-top: 55px;
}

@media print, screen and (min-width: 768.5px) {
  #customBlockProductsLayout .content1Column01 {
    font-size: 16px;
  }
}

@media screen and (max-width: 768.499px) {
  #customBlockProductsLayout .content1Column01 {
    margin-top: 40px;
  }
}

#customBlockProductsLayout .content1Column01 .image {
  margin-bottom: 25px;
}

@media screen and (max-width: 768.499px) {
  #customBlockProductsLayout .content1Column01 .image {
    margin-bottom: 15px;
  }
}

#customBlockProductsLayout .content1Column01 .title {
  font-weight: bold;
}

@media screen and (max-width: 768.499px) {
  #customBlockProductsLayout .content1Column01 .title {
    font-size: 16px;
  }
}

#customBlockProductsLayout .content1Column01 .text {
  margin-top: 15px;
}

@media screen and (max-width: 768.499px) {
  #customBlockProductsLayout .content1Column01 .text {
    margin-top: 10px;
    color: #707070;
    font-size: 12px;
  }
}

/*-----------------------------------------------------------------------
	top
-----------------------------------------------------------------------*/
/*
	topMainVisual
*/
#topMainVisual {
  margin: 0;
}

@media print, screen and (min-width: 768.5px) {
  #topMainVisual .visualArea {
    display: flex;
    align-items: stretch;
    position: relative;
    padding-bottom: 30px;
  }
}

#topMainVisual.noSlide .sliderControls {
  display: none;
}

#topMainVisual + * {
  margin-top: 75px;
}

@media screen and (max-width: 768.499px) {
  #topMainVisual + * {
    margin-top: 60px;
  }
}

#topMainVisual .sliderArea {
  flex: 1 0 auto;
  position: relative;
}

@media print, screen and (min-width: 768.5px) {
  #topMainVisual .sliderArea {
    width: calc(100% - 435px);
  }
}

#topMainVisual .sliderArea a,
#topMainVisual .sliderArea img {
  display: block;
  width: 100%;
}

#topMainVisual .progressBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 0;
}

#topMainVisual .percentage {
  display: block;
  width: 0;
  height: 8px;
  background: #fff;
  transition: none;
}

@media screen and (max-width: 768.499px) {
  #topMainVisual .percentage {
    height: 4px;
  }
}

#topMainVisual .animate .percentage {
  width: 100%;
  transition: width linear;
}

#topMainVisual .sliderControls {
  display: flex;
  align-items: center;
  padding: 0 20px;
  line-height: 1;
}

@media print, screen and (min-width: 768.5px) {
  #topMainVisual .sliderControls {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}

@media screen and (max-width: 768.499px) {
  #topMainVisual .sliderControls {
    margin-top: 8px;
    padding: 0 10px;
    font-size: 10px;
  }
}

#topMainVisual .sliderControls .numbers {
  font-weight: bold;
}

#topMainVisual .sliderControls .slash {
  display: inline-block;
  margin: 0 0.5em;
}

#topMainVisual .sliderControls .arrows {
  margin-left: 30px;
  font-size: 0;
}

@media screen and (max-width: 768.499px) {
  #topMainVisual .sliderControls .arrows {
    margin-left: 15px;
  }
}

#topMainVisual .sliderControls .slick-arrow {
  display: inline-block;
  width: 11px;
  height: 17px;
  background: url("../img/common/cmn_arr01_lblk.svg") no-repeat center/contain;
  transition: opacity 300ms ease;
}

#topMainVisual .sliderControls .slick-arrow:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768.499px) {
  #topMainVisual .sliderControls .slick-arrow {
    width: 6px;
    height: 9px;
  }
}

#topMainVisual .sliderControls .slick-next {
  margin-left: 40px;
  transform: rotate(180deg);
}

@media screen and (max-width: 768.499px) {
  #topMainVisual .sliderControls .slick-next {
    margin-left: 20px;
  }
}

#topMainVisual .pickups {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}

@media print, screen and (min-width: 768.5px) {
  #topMainVisual .pickups {
    width: 425px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 768.499px) {
  #topMainVisual .pickups {
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 20px;
  }
}

#topMainVisual .pickups li {
  flex: 0 0 auto;
}

@media print, screen and (min-width: 768.5px) {
  #topMainVisual .pickups li {
    height: calc(50% - 5px);
    background: #f7f7f7;
  }
}

@media screen and (max-width: 768.499px) {
  #topMainVisual .pickups li {
    width: calc((100% - 5px) / 2);
  }
  #topMainVisual .pickups li + li {
    margin-left: 5px;
  }
}

#topMainVisual .pickups a {
  height: 100%;
}

@media print, screen and (min-width: 768.5px) {
  #topMainVisual .pickups a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 15px 15px;
  }
}

@media screen and (max-width: 768.499px) {
  #topMainVisual .pickups a {
    width: 100%;
  }
}

#topMainVisual .pickups .image {
  padding-top: 180px;
  text-align: center;
}

@media screen and (max-width: 768.499px) {
  #topMainVisual .pickups .image {
    padding-top: 71.43%;
    background: #f7f7f7;
  }
}

#topMainVisual .pickups .image img {
  padding: 10px;
}

@media screen and (max-width: 768.499px) {
  #topMainVisual .pickups .textArea {
    margin-top: 10px;
    padding: 0 12px;
  }
}

#topMainVisual .pickups .textArea .category {
  color: #412804;
}

@media screen and (max-width: 768.499px) {
  #topMainVisual .pickups .textArea .category {
    margin-bottom: 5px;
    font-size: 12px;
  }
}

#topMainVisual .pickups .textArea .name {
  font-weight: bold;
}

/*
	topAnnouncement
*/
#topAnnouncement {
  color: #c52020;
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
}

#topAnnouncement + * {
  margin-top: 80px;
}

@media screen and (max-width: 768.499px) {
  #topAnnouncement + * {
    margin-top: 60px;
  }
}

#topAnnouncement .contentIn {
  display: flex;
  justify-content: center;
}

#topAnnouncement .announcements {
  flex: 0 0 auto;
  width: 500px;
  max-width: 100%;
  padding: 25px 30px;
  border: 3px solid currentColor;
}

@media screen and (max-width: 768.499px) {
  #topAnnouncement .announcements {
    padding: 20px;
  }
}

#topAnnouncement .announcements li {
  display: flex;
}

#topAnnouncement .announcements li + li {
  margin-top: 10px;
}

@media screen and (max-width: 768.499px) {
  #topAnnouncement .announcements li + li {
    margin-top: 5px;
  }
}

#topAnnouncement .announcements .date::after {
  content: "\00a0\00a0";
}

/*
	topSecLayout
*/
@media print, screen and (min-width: 768.5px) {
  .topSecLayout01 .contentIn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .topSecLayout01 .titleArea {
    flex: 0 0 auto;
    max-width: 180px;
  }
  .topSecLayout01 .titleArea .more {
    margin-top: 40px;
  }
  .topSecLayout01 .contentsArea {
    flex: 0 0 auto;
    width: 1000px;
  }
}

@media screen and (max-width: 768.499px) {
  .topSecLayout01 .titleArea {
    text-align: center;
  }
  .topSecLayout01 .contentsArea {
    margin-top: 45px;
  }
}

.topSecLayout02 .titleArea {
  position: relative;
}

.topSecLayout02 .titleArea .title {
  padding: 0 100px;
  text-align: center;
}

.topSecLayout02 .titleArea .more {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.topSecLayout02 .contentsArea {
  margin-top: 60px;
}

@media screen and (max-width: 768.499px) {
  .topSecLayout02 .contentsArea {
    margin-top: 45px;
  }
}

.topSecLayout03 .title {
  text-align: center;
}

.topSecLayout03 .search {
  position: relative;
  margin-top: 60px;
}

@media screen and (max-width: 768.499px) {
  .topSecLayout03 .search {
    margin-top: 45px;
  }
}

.topSecLayout03 .search form {
  line-height: 1;
}

.topSecLayout03 .search form label {
  display: flex;
  justify-content: center;
  align-items: stretch;
  max-width: 640px;
  margin: 0 auto;
  padding: 10px 25px;
  border: 1px solid #412804;
  border-radius: 10px;
}

@media screen and (max-width: 768.499px) {
  .topSecLayout03 .search form label {
    padding: 10px 20px;
  }
}

.topSecLayout03 .search form [type="text"] {
  flex: 1 1 auto;
  padding: 5px 10px;
  border: none;
  border-radius: 10px;
  font-size: 16px;
}

@media screen and (max-width: 768.499px) {
  .topSecLayout03 .search form [type="text"] {
    padding: 5px;
    font-size: 13px;
  }
}

.topSecLayout03 .search form [type="text"]::-moz-placeholder {
  color: #412804;
}

.topSecLayout03 .search form [type="text"]:-ms-input-placeholder {
  color: #412804;
}

.topSecLayout03 .search form [type="text"]::placeholder {
  color: #412804;
}

.topSecLayout03 .search form button {
  flex: 0 0 auto;
  display: block;
  width: 26px;
  background: url("../img/common/cmn_ico_search01_blk.svg") no-repeat center/contain;
  font-size: 0;
  transition: opacity 300ms ease;
}

.topSecLayout03 .search form button:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768.499px) {
  .topSecLayout03 .search form button {
    width: 24px;
  }
}

.topSecLayout03 .categorySearch {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.topSecLayout03 .contentsArea {
  margin-top: 60px;
}

@media screen and (max-width: 768.499px) {
  .topSecLayout03 .contentsArea {
    margin-top: 40px;
  }
}

@media print, screen and (min-width: 768.5px) {
  .topSecLayout04 .contentIn {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
}

.topSecLayout04 .textArea {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.topSecLayout04 .lead {
  font-size: 20px;
  font-weight: bold;
}

@media screen and (max-width: 768.499px) {
  .topSecLayout04 .lead {
    font-size: 18px;
  }
}

.topSecLayout04 .detail {
  margin: 45px 50px 0 0;
  line-height: 2.18;
}

@media print, screen and (min-width: 768.5px) {
  .topSecLayout04 .detail {
    font-size: 16px;
  }
}

@media screen and (max-width: 768.499px) {
  .topSecLayout04 .detail {
    margin: 15px 0 0;
  }
}

.topSecLayout04 .image {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media print, screen and (min-width: 768.5px) {
  .topSecLayout04 .image {
    max-width: 60%;
    margin-left: 50px;
  }
}

@media screen and (max-width: 768.499px) {
  .topSecLayout04 .image {
    margin-top: 20px;
  }
}

/*
	topListLayout
*/
@media print, screen and (min-width: 768.5px) {
  .topListLayout01 {
    display: flex;
    flex-wrap: wrap;
  }
}

.topListLayout01 li {
  flex: 0 0 auto;
}

@media print, screen and (min-width: 768.5px) {
  .topListLayout01 li {
    width: 50%;
  }
  .topListLayout01 li:nth-child(n + 3) {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768.499px) {
  .topListLayout01 li + li {
    margin-top: 40px;
  }
}

.topListLayout01 a {
  transition: none;
}

.topListLayout01 a:hover {
  opacity: 1;
}

.topListLayout01 a:hover .hoverImage img,
.topListLayout01 a:hover .hoverImage .expandTarget {
  transform: scale(1.1);
}

.topListLayout01 a .hoverImage {
  overflow: hidden;
  text-align: center;
}

.topListLayout01 a .hoverImage img,
.topListLayout01 a .hoverImage .expandTarget {
  transition: opacity 300ms ease;
  transition-property: transform;
}

.topListLayout01 .title {
  margin-top: 25px;
  font-size: 20px;
  font-weight: bold;
}

@media screen and (max-width: 768.499px) {
  .topListLayout01 .title {
    margin-top: 10px;
    font-size: 18px;
  }
}

/*
	topBanners
*/
@media print, screen and (min-width: 768.5px) {
  .topBanners {
    display: none;
  }
  #topMainVisual + .topBanners + * {
    margin-top: 75px;
  }
}

.topBanners .banners {
  display: flex;
  flex-wrap: wrap;
  max-width: 615px;
  margin: 0 auto;
}

.topBanners .banners > li {
  flex: 0 0 auto;
  width: 300px;
  max-width: calc((100% - 15px) / 2);
}

.topBanners .banners > li a {
  display: block;
}

.topBanners .banners > li img {
  width: 100%;
}

.topBanners .banners > li:nth-child(2n) {
  margin-left: 15px;
}

.topBanners .banners > li:nth-child(n + 3) {
  margin-top: 15px;
}

/*
	topNews
*/
@media print, screen and (min-width: 768.5px) {
  #topNews + * {
    margin-top: 50px;
  }
  #topNews .contentIn {
    min-height: 100px;
  }
}

@media screen and (max-width: 768.499px) {
  #topNews .titleArea {
    padding-top: 45px;
    border-top: 1px solid #e1d9cf;
  }
  #topNews .newsList li:nth-child(n + 4) {
    display: none;
  }
  #topNews .more {
    margin-top: 40px;
  }
}

#topNews.bg02 .contentIn::before {
  left: -50px;
  width: 270px;
  height: 255px;
  background-image: url("../img/common/cmn_bg02.svg");
}

/*
	topNewItem
*/
@media screen and (max-width: 768.499px) {
  #topNewItem .more {
    margin-top: 50px;
  }
}

#topNewItem .itemList li .addContainer {
  padding: 0 !important;
}

@media screen and (max-width: 768.499px) {
  #topNewItem .itemList {
    display: flex;
    flex-wrap: wrap;
  }
}

@media print, screen and (min-width: 768.5px) {
  #topNewItem .itemList li {
    margin: 0 15px;
  }
}

@media screen and (max-width: 768.499px) {
  #topNewItem .itemList li {
    flex: 0 0 auto;
    width: calc((100% - 5px) / 2);
  }
  #topNewItem .itemList li:nth-child(2n) {
    margin-left: 5px;
  }
  #topNewItem .itemList li:nth-child(n + 3) {
    margin-top: 30px;
  }
}

#topNewItem .itemList li.noData {
  font-size: 16px;
  text-align: center;
}

@media screen and (max-width: 768.499px) {
  #topNewItem .itemList li.noData {
    width: 100%;
    font-size: 15px;
  }
}

#topNewItem .itemList a {
  display: block;
  transition: none;
}

#topNewItem .itemList a:hover {
  opacity: 1;
}

#topNewItem .itemList a:hover .hoverImage img,
#topNewItem .itemList a:hover .hoverImage .expandTarget {
  transform: scale(1.2);
}

#topNewItem .itemList a .hoverImage {
  overflow: hidden;
  text-align: center;
}

#topNewItem .itemList a .hoverImage img,
#topNewItem .itemList a .hoverImage .expandTarget {
  transition: opacity 300ms ease;
  transition-property: transform;
}

#topNewItem .itemList .image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  background: #e1d9cf73;
}

@media screen and (max-width: 768.499px) {
  #topNewItem .itemList .image {
    height: auto;
    padding-top: 71.43%;
  }
}

#topNewItem .itemList .image img {
  padding: 10px;
}

#topNewItem .itemList .textArea {
  margin-top: 15px;
}

@media screen and (max-width: 768.499px) {
  #topNewItem .itemList .textArea {
    margin-top: 10px;
    padding: 0 12px;
  }
}

#topNewItem .itemList .category {
  margin-bottom: 5px;
  color: #412804;
}

@media screen and (max-width: 768.499px) {
  #topNewItem .itemList .category {
    font-size: 12px;
  }
}

#topNewItem .itemList .name {
  font-weight: bold;
}

@media print, screen and (min-width: 768.5px) {
  #topNewItem .itemList .name {
    font-size: 16px;
  }
}

/*
	topMovie
*/
@media screen and (max-width: 768.499px) {
  #topMovie .contentsArea {
    padding: 0;
  }
  #topMovie .more {
    margin-top: 50px;
  }
}

@media print, screen and (min-width: 768.5px) {
  #topMovie .movieList {
    justify-content: center;
  }
}

@media print, screen and (min-width: 768.5px) {
  #topMovie .movieList li:nth-child(n + 4) {
    display: none;
  }
}

/*
	topEvent
*/
@media screen and (max-width: 768.499px) {
  #topEvent .eventList li:nth-child(n + 4) {
    display: none;
  }
  #topEvent .more {
    margin-top: 40px;
  }
}

#topEvent .eventReport {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 35px;
  padding: 20px;
  background: #e1d9cf73;
  line-height: 1;
}

@media screen and (max-width: 768.499px) {
  #topEvent .eventReport {
    flex-wrap: wrap;
    margin-top: 50px;
    padding: 15px;
  }
}

#topEvent .eventReport .label {
  flex: 0 0 auto;
  padding: 10px 18px;
  background: #fff;
  color: #412804;
  font-family: "Muli", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "游ゴシック", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}

.themecRed #topEvent .eventReport .label {
  color: #860309;
}

.themecGold #topEvent .eventReport .label {
  color: #b9a225;
}

.themecOrange #topEvent .eventReport .label {
  color: #e69f3a;
}

@media screen and (max-width: 768.499px) {
  #topEvent .eventReport .label {
    padding: 10px 15px;
  }
}

#topEvent .eventReport .date {
  flex: 0 0 auto;
  margin: 0 25px 0 30px;
  color: #412804;
  font-weight: bold;
}

@media screen and (max-width: 768.499px) {
  #topEvent .eventReport .date {
    margin: 0 0 0 15px;
  }
}

#topEvent .eventReport .title {
  flex: 1 1 auto;
  font-weight: bold;
  line-height: 1.55;
}

@media screen and (max-width: 768.499px) {
  #topEvent .eventReport .title {
    width: 100%;
    margin: 15px 0 0 2px;
  }
}

#topEvent .eventReport .more {
  flex: 0 0 auto;
  margin-left: 30px;
}

@media screen and (max-width: 768.499px) {
  #topEvent .eventReport .more {
    width: 100%;
    margin: 20px 0 0;
    text-align: right;
  }
}

/*
	topEventReport
*/
@media screen and (max-width: 768.499px) {
  #topEventReport .more {
    margin-top: 40px;
  }
}

#topEventReport .reportList {
  font-weight: bold;
}

@media print, screen and (min-width: 768.5px) {
  #topEventReport .reportList {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
}

#topEventReport .reportList li {
  border-bottom: 1px solid #e1d9cf;
}

@media print, screen and (min-width: 768.5px) {
  #topEventReport .reportList li {
    flex: 0 0 auto;
    width: calc((100% - 25px) / 2);
  }
  #topEventReport .reportList li:nth-child(2n) {
    margin-left: 25px;
  }
  #topEventReport .reportList li:nth-child(n + 3) a {
    padding-top: 25px;
  }
}

@media screen and (max-width: 768.499px) {
  #topEventReport .reportList li {
    padding-bottom: 20px;
  }
  #topEventReport .reportList li + li {
    margin-top: 20px;
  }
}

#topEventReport .reportList li.noData {
  width: 100%;
  border: none;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
}

#topEventReport .reportList a {
  display: flex;
  height: 100%;
  padding-bottom: 25px;
  transition: none;
}

#topEventReport .reportList a:hover {
  opacity: 1;
}

#topEventReport .reportList a:hover .hoverImage img,
#topEventReport .reportList a:hover .hoverImage .expandTarget {
  transform: scale(1.1);
}

#topEventReport .reportList a .hoverImage {
  overflow: hidden;
  text-align: center;
}

#topEventReport .reportList a .hoverImage img,
#topEventReport .reportList a .hoverImage .expandTarget {
  transition: opacity 300ms ease;
  transition-property: transform;
}

@media screen and (max-width: 768.499px) {
  #topEventReport .reportList a {
    align-items: center;
    padding-bottom: 0;
  }
}

#topEventReport .reportList .image {
  flex: 0 0 auto;
  width: 140px;
  margin-right: 25px;
}

@media screen and (max-width: 768.499px) {
  #topEventReport .reportList .image {
    width: 126px;
    margin-right: 20px;

    align-self: flex-start;
  }
}

#topEventReport .reportList .date {
  color: #412804;
}

#topEventReport .reportList .new {
  margin-left: 1em;
}

#topEventReport .reportList .title {
  margin-top: 10px;
}

@media screen and (max-width: 768.499px) {
  #topEventReport .reportList .title {
    margin-top: 5px;
  }
}

/*
	topFishingReport
*/
@media print, screen and (min-width: 768.5px) {
  #topFishingReport {
    padding-bottom: 40px;
    background: linear-gradient(to bottom, #fff 0%, #fff 40%, #e1d9cf73 40.1%, #e1d9cf73 100%);
  }
}

@media screen and (max-width: 768.499px) {
  #topFishingReport .contentsArea {
    padding: 0;
  }
  #topFishingReport .more {
    margin-top: 40px;
  }
}

#topFishingReport .reportList {
  align-items: stretch;
  line-height: 1.5;
}

@media print, screen and (min-width: 768.5px) {
  #topFishingReport .reportList {
    justify-content: center;
  }
}

#topFishingReport .reportList li {
  width: 25%;
}

@media print, screen and (min-width: 768.5px) {
  #topFishingReport .reportList li:nth-child(n + 2) .image {
    border-left: 1px solid #eaeaea;
  }
}

@media screen and (max-width: 768.499px) {
  #topFishingReport .reportList li {
    width: calc((100% - 5px) / 2);
  }
  #topFishingReport .reportList li:nth-child(2n) {
    margin-left: 5px;
  }
  #topFishingReport .reportList li:nth-child(n + 3) {
    margin-top: 40px;
  }
  #topFishingReport .reportList li.noData {
    width: 100%;
  }
}

#topFishingReport .reportList a {
  height: 100%;
  background: #fff;
}

#topFishingReport .reportList .image {
  height: 200px;
  background: #e1d9cf73;
}

@media screen and (max-width: 768.499px) {
  #topFishingReport .reportList .image {
    height: auto;
    padding-top: 67.23%;
  }
}

#topFishingReport .reportList .label {
  top: 8px;
  left: -86px;
}

@media screen and (max-width: 768.499px) {
  #topFishingReport .reportList .label {
    top: 6px;
    left: -92px;
  }
}

@media print, screen and (min-width: 768.5px) {
  #topFishingReport .reportList .textArea {
    padding: 5px 15px 20px;
  }
}

/*
	topSpecial
*/
@media screen and (max-width: 768.499px) {
  #topSpecial .contentsArea {
    padding: 0;
  }
}

#topSpecial .specials li {
  width: calc((100% - 81px) / 4);
  margin-left: 27px;
}

@media print, screen and (min-width: 768.5px) {
  #topSpecial .specials li:nth-child(4n + 1) {
    margin-left: 0;
  }
  #topSpecial .specials li:nth-child(n + 5) {
    margin-top: 40px;
  }
}

@media screen and (max-width: 768.499px) {
  #topSpecial .specials li {
    width: calc((100% - 5px) / 2);
    margin-left: 5px;
  }
  #topSpecial .specials li:nth-child(2n + 1) {
    margin-left: 0;
  }
  #topSpecial .specials li:nth-child(n + 3) {
    margin-top: 40px;
  }
}

#topSpecial .specials li.noData {
  width: 100%;
}

#topSpecial .specials .image {
  height: 178px;
}

@media screen and (max-width: 768.499px) {
  #topSpecial .specials .image {
    height: auto;
    padding-top: 63.57%;
  }
}

@media screen and (max-width: 768.499px) {
  #topSpecial .specials .detail {
    display: none;
  }
}

/*
	topService
*/
#topService {
  padding: 80px 0;
  background: #e1d9cf73;
}

@media print, screen and (min-width: 768.5px) {
  #topService {
    margin-top: 80px;
  }
}

@media screen and (max-width: 768.499px) {
  #topService {
    padding: 45px 0 80px;
  }
}

@media print, screen and (min-width: 768.5px) {
  #topService .services li.heat {
    width: 100%;
  }
  #topService .services li.heat a {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 300px;
    transition: none;
    z-index: 0;
  }
  #topService .services li.heat a:hover {
    opacity: 1;
  }
  #topService .services li.heat a:hover::before {
    transform: scale(1.1);
  }
  #topService .services li.heat a::before {
    transition: opacity 300ms ease;
    transition-property: transform;
  }
  #topService .services li.heat a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/common/cmn_banner_heat02.jpg") no-repeat center/cover;
    z-index: -1;
  }
  #topService .services li.heat .image {
    display: none;
  }
  #topService .services li.heat .textArea {
    position: absolute;
    top: 50%;
    right: 65px;
    width: 545px;
    padding: 35px 40px;
    background: #fff;
    transform: translateY(-50%);
  }
  #topService .services li.heat .title {
    margin: 0;
  }
}

#topService + .commonSecBanner02 {
  margin-bottom: 100px;
}

@media screen and (max-width: 768.499px) {
  #topService + .commonSecBanner02 {
    margin-bottom: 80px;
  }
}

/*
	topApparel
*/
#topApparel .contentIn {
  position: relative;
}

@media print, screen and (min-width: 768.5px) {
  #topApparel .contentIn::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -165px;
    left: -70px;
    width: 378px;
    height: 201px;
    background: url("../img/common/cmn_bg02.svg") no-repeat center/contain;
    z-index: -1;
  }
}

/*
	topSeries
*/
#topSeries .series {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768.499px) {
  #topSeries .series {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

#topSeries .series li {
  flex: 0 0 auto;
}

@media print, screen and (min-width: 768.5px) {
  #topSeries .series li {
    width: calc((100% - 81px) / 4);
  }
  #topSeries .series li + li {
    margin-left: 27px;
  }
}

@media screen and (max-width: 768.499px) {
  #topSeries .series li {
    width: calc((100% - 20px) / 2);
  }
  #topSeries .series li:nth-child(2n) {
    margin-left: 20px;
  }
  #topSeries .series li:nth-child(n + 3) {
    margin-top: 40px;
  }
}

#topSeries .series .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px;
}

@media screen and (max-width: 768.499px) {
  #topSeries .series .logo {
    height: 120px;
  }
}

#topSeries .series .logo.fouron img {
  height: 75%;
}

#topSeries .series .logo.layerTech img {
  height: 90%;
}

#topSeries .series .logo img {
  width: auto;
  height: 100%;
}

#topSeries .series .detail {
  margin-top: 33px;
}

@media screen and (max-width: 768.499px) {
  #topSeries .series .detail {
    margin-top: 15px;
  }
}

#topSeries .seriesNote {
  margin-top: 70px;
  text-align: center;
}

@media print, screen and (min-width: 768.5px) {
  #topSeries .seriesNote {
    font-size: 1.2em;
  }
}

@media screen and (max-width: 768.499px) {
  #topSeries .seriesNote {
    margin-top: 60px;
  }
}

/*-----------------------------------------------------------------------
	form - common
-----------------------------------------------------------------------*/
/*
	formInputTable
*/
#formInputTable .inputs {
  width: 100%;
}

@media screen and (max-width: 768.499px) {
  #formInputTable .inputs,
  #formInputTable .inputs tbody,
  #formInputTable .inputs tr,
  #formInputTable .inputs th,
  #formInputTable .inputs td {
    display: block;
  }
  #formInputTable .inputs tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #formInputTable .inputs tr + tr {
    margin-top: 40px;
  }
}

#formInputTable .inputs + .inputs {
  margin-top: 50px;
}

@media screen and (max-width: 768.499px) {
  #formInputTable .inputs + .inputs {
    margin-top: 80px;
  }
}

#formInputTable th,
#formInputTable td {
  vertical-align: top;
}

#formInputTable th {
  padding: 25px 0 0;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
}

@media screen and (max-width: 768.499px) {
  #formInputTable th {
    flex: 0 0 auto;
    padding: 0;
  }
}

#formInputTable th:nth-of-type(2) {
  padding-left: 30px;
}

@media print, screen and (min-width: 768.5px) {
  #formInputTable th:nth-of-type(2) {
    font-size: 16px;
  }
}

@media screen and (max-width: 768.499px) {
  #formInputTable th:nth-of-type(2) {
    margin-left: 15px;
    padding: 0;
  }
}

#formInputTable td {
  width: 100%;
  padding: 7px 0 7px 50px;
}

@media screen and (max-width: 768.499px) {
  #formInputTable td {
    flex: 0 0 auto;
    margin-top: 10px;
    padding: 0;
  }
}

.mw_wp_form_confirm #formInputTable th,
.mw_wp_form_confirm #formInputTable td {
  padding-top: 25px;
  padding-bottom: 25px;
  vertical-align: middle;
}

@media print, screen and (min-width: 768.5px) {
  .mw_wp_form_confirm #formInputTable th,
  .mw_wp_form_confirm #formInputTable td {
    font-size: 16px;
  }
}

@media screen and (max-width: 768.499px) {
  .mw_wp_form_confirm #formInputTable th,
  .mw_wp_form_confirm #formInputTable td {
    padding: 0;
  }
}

@media screen and (max-width: 768.499px) {
  .mw_wp_form_confirm #formInputTable td {
    min-height: 1em;
  }
}

.mw_wp_form_confirm #formInputTable .note {
  display: none;
}

#formInputTable .mustTag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  font-size: 13px;
}

#formInputTable .mustTag.must {
  background: #0e5eb4;
  color: #fff;
}

#formInputTable .mustTag.option {
  background: #e1d9cf;
}

#formInputTable .note {
  position: relative;
  margin-top: 5px;
  padding-left: 1.2em;
}

#formInputTable .note::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

#formInputTable [type="text"],
#formInputTable [type="email"],
#formInputTable [type="number"],
#formInputTable textarea {
  padding: 3px 10px;
  line-height: 1.3;
}

#formInputTable [type="text"],
#formInputTable [type="email"],
#formInputTable [type="number"] {
  width: 100%;
  max-width: 445px;
  height: 45px;
}

@media screen and (max-width: 768.499px) {
  #formInputTable [type="text"],
  #formInputTable [type="email"],
  #formInputTable [type="number"] {
    height: 40px;
  }
}

#formInputTable [type="number"] {
  width: 100%;
  max-width: 100px;
}

#formInputTable textarea {
  width: 100%;
  height: 285px;
}

@media screen and (max-width: 768.499px) {
  #formInputTable textarea {
    height: 150px;
  }
}

#formInputTable .mwform-radio-field {
  display: inline-flex;
  align-items: center;
  height: 45px;
}

@media screen and (max-width: 768.499px) {
  #formInputTable .mwform-radio-field {
    height: 40px;
  }
}

#formInputTable [type="radio"] {
  vertical-align: baseline;
}

#formInputTable select {
  height: 25px;
}

@media print, screen and (min-width: 768.5px) {
  #formInputTable select {
    margin: 10px 0;
  }
}

/*
	formAboutMail
*/
#formAboutMail {
  margin-top: 35px;
  padding: 35px 40px 30px;
  background: #fff6f5;
}

@media screen and (max-width: 768.499px) {
  #formAboutMail {
    padding: 20px;
  }
}

#formAboutMail .text {
  text-align: center;
  line-height: 2;
}

#formAboutMail .notes {
  margin-top: 20px;
  color: #e31e20;
}

#formAboutMail .notes li {
  position: relative;
  padding-left: 1.7em;
}

#formAboutMail .notes li::before {
  content: "※";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

/*
	formSpecialCharacters
*/
#formSpecialCharacters {
  margin-top: 35px;
  padding: 0 40px;
}

@media screen and (max-width: 768.499px) {
  #formSpecialCharacters {
    padding: 0 20px;
  }
}

#formSpecialCharacters .title {
  font-weight: bold;
}

#formSpecialCharacters .example {
  max-width: 400px;
  margin-top: 15px;
}

/*
	formPrivacyPolicy
*/
#formPrivacyPolicy {
  margin-top: 40px;
  padding: 20px;
  background: #f2f2f2;
  text-align: center;
}

@media screen and (max-width: 768.499px) {
  #formPrivacyPolicy {
    padding: 20px 15px;
  }
}

#formPrivacyPolicy .title {
  color: #0e5eb4;
  font-weight: bold;
}

#formPrivacyPolicy .text {
  margin-top: 10px;
}

/*
	formSubmitArea
*/
#formSubmitArea {
  margin-top: 50px;
  text-align: center;
}

#formSubmitArea .captcha {
  margin-bottom: 15px;
}

@media print, screen and (min-width: 768.5px) {
  #formSubmitArea .captcha {
    font-size: 16px;
  }
}

#formSubmitArea p:last-child {
  display: flex;
  justify-content: center;
  align-items: stretch;
}

#formSubmitArea p:last-child [type="submit"] {
  flex: 0 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 540px;
  height: 90px;
  background: #333;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  transition: opacity 300ms ease;
  cursor: pointer;
}

#formSubmitArea p:last-child [type="submit"]:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768.499px) {
  #formSubmitArea p:last-child [type="submit"] {
    width: 300px;
    height: 60px;
    font-size: 18px;
  }
}

#formSubmitArea p:last-child [type="submit"]::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 14px;
  height: 14px;
  border: 4px currentColor;
  border-style: solid solid none none;
  transform: translateY(-50%) rotate(45deg);
}

@media screen and (max-width: 768.499px) {
  #formSubmitArea p:last-child [type="submit"]::after {
    width: 12px;
    height: 12px;
    border-width: 3px;
  }
}

#formSubmitArea p:last-child [type="submit"] + [type="submit"] {
  margin-left: 30px;
}

#formSubmitArea p:last-child [type="submit"].back {
  background: #999;
}

/*
	formThanks
*/
#formThanks {
  text-align: center;
  line-height: 3;
}

@media print, screen and (min-width: 768.5px) {
  #formThanks {
    padding: 30px 0;
    font-size: 16px;
  }
}

/*-----------------------------------------------------------------------
	news
-----------------------------------------------------------------------*/
/*
	newsPagination
*/
#newsPagination {
  margin-top: 60px;
}

@media screen and (max-width: 768.499px) {
  #newsPagination {
    margin-top: 50px;
  }
}

/*
	newsDetailTitle
*/
#newsDetailTitle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-weight: bold;
}

#newsDetailTitle > * {
  flex: 0 0 auto;
}

#newsDetailTitle .date {
  color: #412804;
  line-height: 1;
}

#newsDetailTitle .type {
  margin-left: 40px;
  color: #0e5eb4;
  line-height: 1;
}

.themecRed #newsDetailTitle .type {
  color: #860309;
}

.themecGold #newsDetailTitle .type {
  color: #b9a225;
}

.themecOrange #newsDetailTitle .type {
  color: #e69f3a;
}

#newsDetailTitle .title {
  width: 100%;
  margin: 10px 0 20px;
}

@media screen and (max-width: 768.499px) {
  #newsDetailTitle .title {
    margin-bottom: 5px;
  }
}

/*
	newsDetailContents
*/
#newsDetailContents {
  margin-top: 25px;
}

@media print, screen and (min-width: 768.5px) {
  #newsDetailContents {
    font-size: 16px;
  }
}

@media screen and (max-width: 768.499px) {
  #newsDetailContents {
    margin-top: 20px;
  }
}

/*
	newsDetailNoData
*/
#newsDetailNoData {
  margin-bottom: 80px;
  font-size: 16px;
  text-align: center;
}

@media screen and (max-width: 768.499px) {
  #newsDetailNoData {
    margin-top: 100px;
  }
}

/*
	newsDetailBack
*/
#newsDetailBack {
  margin-top: 55px;
}

@media screen and (max-width: 768.499px) {
  #newsDetailBack {
    margin-top: 50px;
  }
}

/*-----------------------------------------------------------------------
	new item
-----------------------------------------------------------------------*/
/*
	newItemItemsList
*/
@media print, screen and (min-width: 768.5px) {
  #newItemItemsList .contentIn {
    width: 1090px;
  }
}

@media screen and (max-width: 768.499px) {
  #newItemItemsList {
    margin-top: 50px;
  }
}

#newItemItemsList .pickups {
  justify-content: space-between;
  margin-bottom: 60px;
}

#newItemItemsList .pickups li {
  width: 535px;
}

@media screen and (max-width: 768.499px) {
  #newItemItemsList .pickups li {
    width: 48%;
  }
}

#newItemItemsList .pickups li:nth-child(n + 3) {
  margin-top: 20px;
}

@media screen and (max-width: 768.499px) {
  #newItemItemsList .pickups li:nth-child(n + 3) {
    margin-top: 4.5%;
  }
}

#newItemItemsList .pickups a {
  height: 100%;
  padding: 20px;
  background: #e1d9cf73;
}

@media screen and (max-width: 768.499px) {
  #newItemItemsList .pickups a {
    padding: 35px 10px 10px;
  }
}

#newItemItemsList .pickups .image {
  overflow: visible;
  height: 235px;
}

@media screen and (max-width: 768.499px) {
  #newItemItemsList .pickups .image {
    height: auto;
    padding-top: 70%;
  }
}

#newItemItemsList .pickups .image img {
  padding: 10px;
}

#newItemItemsList .pickups .textArea {
  margin: 0;
}

#newItemItemsList .items {
  align-items: stretch;
}

#newItemItemsList .items li {
  width: calc((100% - 20px * 3) / 4);
  margin-left: 20px;
}

@media print, screen and (min-width: 768.5px) {
  #newItemItemsList .items li:nth-child(4n + 1) {
    margin-left: 0;
  }
  #newItemItemsList .items li:nth-child(n + 5) {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768.499px) {
  #newItemItemsList .items li {
    width: calc((100% - 10px) / 2);
    margin-left: 10px;
  }
  #newItemItemsList .items li:nth-child(2n + 1) {
    margin-left: 0;
  }
  #newItemItemsList .items li:nth-child(n + 3) {
    margin-top: 40px;
  }
}

#newItemItemsList .items li.noData {
  width: 100%;
}

#newItemItemsList .items a {
  height: 100%;
}

#newItemItemsList .items .image {
  height: 185px;
  background: #e1d9cf73;
}

@media screen and (max-width: 768.499px) {
  #newItemItemsList .items .image {
    height: auto;
    padding-top: 70%;
  }
}

#newItemItemsList .items .image img {
  padding: 10px;
}

@media screen and (max-width: 768.499px) {
  #newItemItemsList .items .textArea {
    padding: 0;
  }
}

/*-----------------------------------------------------------------------
	products
-----------------------------------------------------------------------*/
/*
	productsNavi
*/
#productsNavi {
  margin: 0;
  background: #e1d9cf73;
  line-height: 1;
  padding: 4px 0 16px;
}

@media screen and (max-width: 768.499px) {
  #productsNavi {
    font-size: 12px;
  }
}

#productsNavi + #commonSecPageTitle {
  margin-top: 80px;
}

@media screen and (max-width: 768.499px) {
  #productsNavi + #commonSecPageTitle {
    margin-top: 50px;
  }

  #productsNavi {
    padding: 4px 0 10px;
  }
}

#productsNavi .categories {
  max-width: 1200px;
  margin-inline: auto;
  display: flex;
  gap: 0 32px;
  flex-wrap: wrap;
}

@media screen and (max-width: 768.499px) {
  #productsNavi .categories {
    justify-content: flex-start;
    overflow: auto;
    padding: 0 4.17%;
    gap: 0 16px;
  }
  #productsNavi .categories::after {
    content: "";
    flex: 0 0 auto;
    display: block;
    width: 4.17%;
  }
}

#productsNavi li {
  flex: 0 0 auto;
  position: relative;
  padding: 20px 0 10px;
}

@media screen and (max-width: 768.499px) {
  #productsNavi li {
    padding: 15px 0;
    white-space: nowrap;
  }
}

#productsNavi li.current {
  cursor: default;
}

#productsNavi li.current::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #412804;
}

.themecRed #productsNavi li.current::after {
  background: #801925;
}

.themecGold #productsNavi li.current::after {
  background: #b9a225;
}

.themecOrange #productsNavi li.current::after {
  background: #e69f3a;
}

@media screen and (max-width: 768.499px) {
  #productsNavi li.current::after {
    height: 3px;
  }
}

/*
	productsSideCategory,
	productsSearchArea
*/
#productsSideCategory,
#productsSearchArea {
  background: #fff;
}

#productsSideCategory .head,
#productsSearchArea .head {
  background: #412804;
  color: #fff;
  line-height: 1;
}

.themecRed #productsSideCategory .head,
.themecRed #productsSearchArea .head {
  background: #c52020;
}

.themecGold #productsSideCategory .head,
.themecGold #productsSearchArea .head {
  background: #867519;
}

.themecOrange #productsSideCategory .head,
.themecOrange #productsSearchArea .head {
  background: #e69f3a;
}

#productsSideCategory .head .title,
#productsSearchArea .head .title {
  font-weight: bold;
}

#productsSideCategory {
  overflow-y: auto;
}

#productsSideCategory.fixedTop {
  position: fixed;
  width: 300px;
}

#productsSideCategory.fixedBottom {
  position: absolute;
  width: 100%;
}

#productsSideCategory .head .title {
  padding: 15px 20px;
}

#productsSearchArea {
  position: fixed;
  right: 60px;
  bottom: 0;
  margin: 0;
  transition: 300ms ease;
  transition-property: opacity, visibility;
  opacity: 0;
  visibility: hidden;
  z-index: 9000;
}

#productsSearchArea.show {
  opacity: 1;
  visibility: visible;
}

@media print, screen and (min-width: 768.5px) {
  #productsSearchArea {
    display: none;
  }
}

#productsSearchArea .head .openButton button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 53px;
  padding: 5px;
  background: #fff;
  border: 1px solid #d2d2d2;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  transition: opacity 300ms ease;
}

#productsSearchArea .head .openButton button:hover {
  opacity: 0.7;
}

#productsSearchArea .head .openButton button::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin-right: 10px;
  background: url("../img/common/cmn_ico_search01_blk.svg") no-repeat center/contain;
}

#productsSearchArea .head .title {
  font-size: 20px;
  text-align: center;
}

#productsSearchArea .head .closeButton {
  position: absolute;
  top: 50%;
  right: 4.17%;
  font-size: 0;
  transform: translateY(-50%);
}

#productsSearchArea .head .closeButton button {
  width: 15px;
  height: 15px;
  background: url("../img/common/cmn_ico_close01.svg") no-repeat center/contain;
  transition: opacity 300ms ease;
}

#productsSearchArea .head .closeButton button:hover {
  opacity: 0.7;
}

#productsSearchArea .search {
  margin-top: 30px;
}

#productsSearchArea .categoryList {
  margin-top: 30px;
}

#productsSearchArea:not(.open) .contentIn {
  padding: 0;
}

#productsSearchArea:not(.open) .head .title,
#productsSearchArea:not(.open) .head .closeButton {
  display: none;
}

#productsSearchArea:not(.open) .search,
#productsSearchArea:not(.open) .categoryList {
  display: none;
}

#productsSearchArea.open {
  right: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
  padding-bottom: 50px;
  -webkit-animation-name: productsSearchShow;
  animation-name: productsSearchShow;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  z-index: 9990;

  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#productsSearchArea.open .head {
  padding: 20px 0;
}

#productsSearchArea.open .head .openButton {
  display: none;
}

@-webkit-keyframes productsSearchShow {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}

@keyframes productsSearchShow {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}

/*
	productsItemList
*/
#productsItemHeadPagination {
  margin-top: -50px;
}

@media screen and (max-width: 768.499px) {
  #productsItemHeadPagination {
    margin-top: -30px;
  }
}

#productsItemFootPagination {
  margin-top: 100px;
}

@media screen and (max-width: 768.499px) {
  #productsItemFootPagination {
    margin-top: 50px;
  }
}

#productsItemList .itemList li {
  width: calc((100% - 40px) / 3);
}

@media print, screen and (min-width: 768.5px) {
  #productsItemList .itemList li {
    margin-left: 20px;
  }
  #productsItemList .itemList li:nth-child(3n + 1) {
    margin-left: 0;
  }
  #productsItemList .itemList li:nth-child(n + 4) {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768.499px) {
  #productsItemList .itemList li {
    width: calc((100% - 5px) / 2);
    margin-left: 5px;
  }
  #productsItemList .itemList li:nth-child(2n + 1) {
    margin-left: 0;
  }
  #productsItemList .itemList li:nth-child(n + 3) {
    margin-top: 35px;
  }
}

#productsItemList .itemList li.noData {
  width: 100%;
}

#productsItemList .itemList .image {
  height: 185px;
  background: #e1d9cf73;
}

#productsItemList .itemList .image .addContainer {
  padding: 0 !important;
}

@media screen and (max-width: 768.499px) {
  #productsItemList .itemList .image {
    height: auto;
    padding-top: 71.43%;
  }
}

#productsItemList .itemList .image img {
  padding: 15px;
}

/*
	productsItemLayout
*/
#productsItemLayout {
  margin-top: 60px;
}

@media print, screen and (min-width: 768.5px) {
  #productsItemLayout .contentIn {
    width: auto;
  }
}

@media screen and (max-width: 768.499px) {
  #productsItemLayout {
    margin-top: 20px;
  }
}

/*
	productsItemSlider
*/
#productsItemSlider {
  margin-top: 0;
}

#productsItemSlider .mainSlider {
  position: relative;
  border: 1px solid #d1d1d1;
}

@media screen and (max-width: 768.499px) {
  #productsItemSlider .mainSlider {
    border-style: solid none;
    font-size: 13px;
  }
}

#productsItemSlider .mainSlider .inner {
  position: relative;
}

#productsItemSlider .mainSlider .image {
  padding-top: 100%;
}

#productsItemSlider .mainSlider .image .addContainer {
  padding: 0 !important;
}

#productsItemSlider .mainSlider .image img {
  /* padding: 15px; */
}

#productsItemSlider .mainSlider .image .addImage {
  width: 100% !important;
  height: 100% !important;
}

#productsItemSlider .mainSlider .title {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 110px;
  width: calc(100% - 220px);
  height: 60px;
  background: rgba(255, 255, 255, 0.8);
  font-weight: bold;
  line-height: 1.3;
}

@media print, screen and (min-width: 768.5px) {
  #productsItemSlider .mainSlider .title {
    font-size: 16px;
  }
}

@media screen and (max-width: 768.499px) {
  #productsItemSlider .mainSlider .title {
    left: 100px;
    width: calc(100% - 200px);
    height: 55px;
  }
}

#productsItemSlider .mainSlider .number {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: 80px;
  height: 30px;
  background: #e1d9cf73;
  border-radius: 15px;
  line-height: 1;
}

@media screen and (max-width: 768.499px) {
  #productsItemSlider .mainSlider .number {
    bottom: 15px;
    left: 20px;
    width: 70px;
    height: 26px;
    border-radius: 13px;
  }
}

#productsItemSlider .mainSlider .number .slash {
  display: inline-block;
  margin: 0 5px;
}

@media screen and (max-width: 768.499px) {
  #productsItemSlider .mainSlider .number .slash {
    margin: 0 3px;
  }
}

#productsItemSlider .mainSlider .slick-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 47px;
  height: 65px;
  background: rgba(245, 245, 245, 0.9);
  font-size: 0;
  transform: translateY(-50%);
  transition: opacity 300ms ease;
  z-index: 1;
}

#productsItemSlider .mainSlider .slick-arrow:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768.499px) {
  #productsItemSlider .mainSlider .slick-arrow {
    width: 40px;
    height: 55px;
  }
}

#productsItemSlider .mainSlider .slick-arrow::before {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  border: 2px #412804;
  border-style: solid none none solid;
  transform: rotate(-45deg);
}

@media screen and (max-width: 768.499px) {
  #productsItemSlider .mainSlider .slick-arrow::before {
    width: 15px;
    height: 15px;
  }
}

#productsItemSlider .mainSlider .slick-next {
  right: 0;
  left: auto;
}

#productsItemSlider .mainSlider .slick-next::before {
  border-style: solid solid none none;
  transform: rotate(45deg);
}

#productsItemSlider .subSlider {
  margin-top: 30px;
  font-size: 0;
}

#productsItemSlider .subSlider .addContainer {
  padding: 0 !important;
}

@media screen and (max-width: 768.499px) {
  #productsItemSlider .subSlider {
    overflow: auto;
    margin-top: 20px;
  }
}

#productsItemSlider .subSlider .slider {
  border: 1px #d1d1d1;
  border-style: none none none solid;
}

@media screen and (max-width: 768.499px) {
  #productsItemSlider .subSlider .slider {
    border: 1px #d2d2d2;
    border-style: none none none solid;
    white-space: nowrap;
  }
}

#productsItemSlider .subSlider .slider > li {
  display: inline-block;
  position: relative;
  width: calc(100% / 6);
  border: 1px #d1d1d1;
  border-style: solid solid solid none;
}

@media print, screen and (min-width: 768.5px) {
  #productsItemSlider .subSlider .slider > li:nth-child(n + 7) {
    border-style: none solid solid none;
  }
}

@media screen and (max-width: 768.499px) {
  #productsItemSlider .subSlider .slider > li {
    width: calc(94% / 5);
    border: 1px #d2d2d2;
    border-style: solid solid solid none;
  }
}

#productsItemSlider .subSlider .slider > li.current::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #412804;
}

.themecRed #productsItemSlider .subSlider .slider > li.current::after {
  background: #801925;
}

.themecGold #productsItemSlider .subSlider .slider > li.current::after {
  background: #b9a225;
}

.themecOrange #productsItemSlider .subSlider .slider > li.current::after {
  background: #e69f3a;
}

@media screen and (max-width: 768.499px) {
  #productsItemSlider .subSlider .slider > li.current::after {
    bottom: -1px;
  }
}

#productsItemSlider .subSlider .image {
  padding-top: 100%;
  transition: opacity 300ms ease;
  cursor: pointer;
}

#productsItemSlider .subSlider .image:hover {
  opacity: 0.7;
}

#productsItemSlider .subSlider .image img {
  padding: 10px;
}

/*
	productsItemTitle
*/
#productsItemTitle {
  margin-top: 60px;
  line-height: 1.3;
}

#productsItemTitle .firstLine {
  display: flex;
}

#productsItemTitle .bland {
  flex: 0 0 auto;
  color: #412804;
  text-transform: uppercase;
}

@media screen and (max-width: 768.499px) {
  #productsItemTitle .bland {
    font-size: 12px;
  }
}

#productsItemTitle .new {
  flex: 0 0 auto;
}

#productsItemTitle .name {
  margin-top: 15px;
  color: #412804;
  font-size: 30px;
  font-weight: bold;
}

.themecRed #productsItemTitle .name {
  color: #c52020;
}

.themecGold #productsItemTitle .name {
  color: #867519;
}

.themecOrange #productsItemTitle .name {
  color: #e69f3a;
}

@media screen and (max-width: 768.499px) {
  #productsItemTitle .name {
    margin-top: 20px;
    font-size: 22px;
  }
}

#productsItemTitle .category {
  display: flex;
  align-items: flex-start;
  margin-top: 15px;
}

@media screen and (max-width: 768.499px) {
  #productsItemTitle .category {
    margin-top: 10px;
    font-size: 12px;
  }
}

#productsItemTitle .category .label {
  flex: 0 0 auto;
  margin-top: 10px;
}

#productsItemTitle .category .label::after {
  content: "：";
  display: inline-block;
  margin: 0 5px;
}

#productsItemTitle .category .categoryList {
  display: flex;
  flex-wrap: wrap;
}

#productsItemTitle .category .categoryList li {
  position: relative;
  margin-top: 10px;
}

#productsItemTitle .category .categoryList li + li {
  margin-left: 20px;
}

#productsItemTitle .category .categoryList li + li::before {
  content: ">";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 100%;
  width: 20px;
  height: 100%;
}

/*
	productsItemTab
*/
#productsItemTab {
  margin-top: 40px;
  font-size: 16px;
  line-height: 1.3;
}

#productsItemTab .list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  border-bottom: 1px solid #412804;
}

#productsItemTab .list li {
  flex: 0 0 auto;
  margin-bottom: -1px;
  border: 1px solid #412804;
  color: #412804;
}

#productsItemTab .list li + li {
  margin-left: 20px;
}

#productsItemTab .list li.current {
  border-bottom-color: #fff;
  color: #333;
  font-weight: bold;
}

#productsItemTab .list li.current a {
  background: #fff;
}

#productsItemTab .list a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 205px;
  height: 55px;
  background: #e1d9cf73;
}

/*
	productsItemDescription
*/
#productsItemDescription {
  margin-top: 40px;
}

@media print, screen and (min-width: 768.5px) {
  #productsItemDescription {
    border-top: 1px solid #412804;
  }
}

@media screen and (max-width: 768.499px) {
  #productsItemDescription {
    margin-top: 55px;
  }
}

.productsItemTitle01 {
  margin-top: 55px;
  text-align: center;
}

@media screen and (max-width: 768.499px) {
  .productsItemTitle01 {
    margin-top: 60px;
  }
}

/*
	productsItemColorSpec
*/
#productsItemColorSpec {
  margin-top: 0;
}

@media screen and (max-width: 768.499px) {
  #productsItemColorSpec {
    margin-bottom: 65px;
  }
}

/*
	productsItemColor
*/
#productsItemColor {
  margin-top: 55px;
}

@media print, screen and (min-width: 768.5px) {
  #productsItemColor {
    border-top: 1px solid #412804;
  }
}

@media screen and (max-width: 768.499px) {
  #productsItemColor {
    margin-top: 40px;
  }
}

#productsItemColor .colorList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}

#productsItemColor .colorList .addContainer {
  padding: 0 !important;
}

@media screen and (max-width: 768.499px) {
  #productsItemColor .colorList {
    margin-top: 35px;
  }
}

#productsItemColor .colorList li {
  flex: 0 0 auto;
  width: calc((100% - 30px) / 3);
}

@media print, screen and (min-width: 768.5px) {
  #productsItemColor .colorList li:nth-child(3n + 2),
  #productsItemColor .colorList li:nth-child(3n) {
    margin-left: 15px;
  }
  #productsItemColor .colorList li:nth-child(n + 4) {
    margin-top: 35px;
  }
}

@media screen and (max-width: 768.499px) {
  #productsItemColor .colorList li {
    width: calc((100% - 10px) / 2);
  }
  #productsItemColor .colorList li:nth-child(2n) {
    margin-left: 10px;
  }
  #productsItemColor .colorList li:nth-child(n + 3) {
    margin-top: 35px;
  }
}

#productsItemColor .colorList a {
  width: 100%;
  transition: none;
}

#productsItemColor .colorList a:hover {
  opacity: 1;
}

#productsItemColor .colorList a:hover .hoverImage img,
#productsItemColor .colorList a:hover .hoverImage .expandTarget {
  transform: scale(1.1);
}

#productsItemColor .colorList a .hoverImage {
  overflow: hidden;
  text-align: center;
}

#productsItemColor .colorList a .hoverImage img,
#productsItemColor .colorList a .hoverImage .expandTarget {
  transition: opacity 300ms ease;
  transition-property: transform;
}

#productsItemColor .colorList .image {
  padding-top: 100%;
  border: 1px solid #d1d1d1;
}

#productsItemColor .colorList .image img {
  padding: 10px;
}

#productsItemColor .colorList .name {
  margin-top: 15px;
}

@media print, screen and (min-width: 768.5px) {
  #productsItemColor .colorList .name {
    margin-top: 10px;
    font-size: 16px;
  }
}

#productsItemColor .note {
  margin-top: 55px;
}

.productsItemModal01 .image {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 500px;
  padding: 15px;
}

/*
	productsItemSpec
*/
@media print, screen and (min-width: 768.5px) {
  #productsItemSpec {
    margin-top: 60px;
    border-top: 1px solid #412804;
  }
}

@media screen and (max-width: 768.499px) {
  #productsItemSpec .tableScroll {
    overflow-x: auto;
    width: 100%;
  }
}

#productsItemSpec .specTable01 {
  width: 100%;
  margin-top: 40px;
  line-height: 1.5;
}

@media screen and (max-width: 768.499px) {
  #productsItemSpec .specTable01 {
    width: auto;
    margin-top: 35px;
  }
}

#productsItemSpec .specTable01 thead {
  background: #e1d9cf73;
}

#productsItemSpec .specTable01 tr:nth-child(1) td {
  border-top: none;
}

#productsItemSpec .specTable01 th,
#productsItemSpec .specTable01 td {
  padding: 15px;
  vertical-align: middle;
  border: 1px solid #d2d2d2;
  text-align: center;
}

@media screen and (max-width: 768.499px) {
  #productsItemSpec .specTable01 th,
  #productsItemSpec .specTable01 td {
    min-width: 60px;
    padding: 10px 25px;
    font-size: 13px;
    white-space: nowrap;
  }
}

#productsItemSpec .specTable01 th {
  border-bottom: none;
  font-weight: bold;
}

#productsItemSpec .specTable02 {
  width: 100%;
  margin-top: 60px;
  border: 1px solid #d2d2d2;
  line-height: 1.5;
}

@media print, screen and (min-width: 768.5px) {
  #productsItemSpec .specTable02 tr {
    border: 1px solid #d2d2d2;
  }
}

@media screen and (max-width: 768.499px) {
  #productsItemSpec .specTable02 {
    display: block;
    margin-top: 35px;
  }
  #productsItemSpec .specTable02 tbody,
  #productsItemSpec .specTable02 tr,
  #productsItemSpec .specTable02 th,
  #productsItemSpec .specTable02 td {
    display: block;
  }
}

@media screen and (max-width: 768.499px) {
  #productsItemSpec .specTable02 th,
  #productsItemSpec .specTable02 td {
    padding: 12px 20px;
    font-size: 12px;
  }
}

#productsItemSpec .specTable02 th {
  background: #e1d9cf73;
  font-weight: bold;
}

@media print, screen and (min-width: 768.5px) {
  #productsItemSpec .specTable02 th {
    width: 180px;
    padding: 15px 35px;
  }
}

@media print, screen and (min-width: 768.5px) {
  #productsItemSpec .specTable02 td {
    padding: 15px 30px;
  }
}

/*
	productsItemNoData
*/
#productsItemNoData {
  font-size: 16px;
  text-align: center;
}

@media screen and (max-width: 768.499px) {
  #productsItemNoData {
    margin-top: 100px;
  }
}

/*
	productsItemBack
*/
#productsItemBack {
  margin-top: 80px;
}

@media screen and (max-width: 768.499px) {
  #productsItemBack {
    margin-top: 60px;
  }
}

/*-----------------------------------------------------------------------
	search
-----------------------------------------------------------------------*/
/*
	searchFreeInput
*/
@media print, screen and (min-width: 768.5px) {
  #searchFreeInput .contentIn {
    width: 640px;
  }
}

/*
	searchCategoryList
*/
#searchCategoryList {
  margin: 40px auto 0;
}

@media print, screen and (min-width: 768.5px) {
  #searchCategoryList {
    width: 640px;
  }
}

@media screen and (max-width: 768.499px) {
  #searchCategoryList {
    margin: 30px 0 0;
  }
}

/*-----------------------------------------------------------------------
	movie
-----------------------------------------------------------------------*/
/*
	movieTagList
*/
#movieTagList {
  padding: 43px 0;
  background: #e1d9cf73;
  line-height: 1;
}

@media screen and (max-width: 768.499px) {
  #movieTagList {
    margin-top: 50px;
    padding: 20px 0;
  }
}

#movieTagList + * {
  margin-top: 80px;
}

@media screen and (max-width: 768.499px) {
  #movieTagList + * {
    margin-top: 50px;
  }
}

#movieTagList .tagList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  max-width: 850px;
  margin: 0 auto;
}

#movieTagList .tagList li {
  flex: 0 0 auto;
  margin: 7px;
}

@media screen and (max-width: 768.499px) {
  #movieTagList .tagList li {
    margin: 7px 5px;
  }
}

#movieTagList .tagList li.current a {
  background: #412804;
  color: #fff;
}

.themecRed #movieTagList .tagList li.current a {
  background: #c52020;
}

.themecGold #movieTagList .tagList li.current a {
  background: #867519;
}

.themecOrange #movieTagList .tagList li.current a {
  background: #e69f3a;
}

#movieTagList .tagList a {
  padding: 10px 15px;
  background: #fff;
  border-radius: 10px;
}

@media screen and (max-width: 768.499px) {
  #movieTagList .tagList a {
    padding: 8px 10px;
    border-radius: 7px;
    font-size: 12px;
  }
}

#movieTagList .tagList a:hover {
  background: #412804;
  color: #fff;
  opacity: 1;
}

.themecRed #movieTagList .tagList a:hover {
  background: #c52020;
}

.themecGold #movieTagList .tagList a:hover {
  background: #867519;
}

.themecOrange #movieTagList .tagList a:hover {
  background: #e69f3a;
}

/*
	movieMovieList
*/
@media screen and (max-width: 768.499px) {
  #movieMovieList .movieList .textArea {
    padding: 0;
  }
}

/*
	moviePagination
*/
#moviePagination {
  margin-top: 80px;
}

@media screen and (max-width: 768.499px) {
  #moviePagination {
    margin-top: 50px;
  }
}

/*-----------------------------------------------------------------------
	event
-----------------------------------------------------------------------*/
/*
	eventPagination
*/
#eventPagination {
  margin-top: 60px;
}

@media screen and (max-width: 768.499px) {
  #eventPagination {
    margin-top: 50px;
  }
}

/*
	eventDetail
*/
#eventDetail .colLayout {
  margin-top: 60px;
}

@media print, screen and (min-width: 768.5px) {
  #eventDetail .colLayout {
    display: flex;
  }
}

@media screen and (max-width: 768.499px) {
  #eventDetail .colLayout {
    margin-top: 30px;
  }
}

/*
	eventDetailTitle
*/
#eventDetailTitle {
  padding-bottom: 20px;
}

@media screen and (max-width: 768.499px) {
  #eventDetailTitle {
    padding-bottom: 15px;
  }
}

#eventDetailTitle .tags {
  display: flex;
  align-items: center;
}

#eventDetailTitle .area {
  flex: 0 0 auto;
  padding: 8px 20px;
  background: #412804;
  color: #fff;
  font-weight: bold;
  line-height: 1;
}

.themecRed #eventDetailTitle .area {
  background: #860309;
}

.themecGold #eventDetailTitle .area {
  background: #b9a225;
}

.themecOrange #eventDetailTitle .area {
  background: #e69f3a;
}

@media screen and (max-width: 768.499px) {
  #eventDetailTitle .area {
    padding: 6px 15px;
    font-size: 12px;
  }
}

#eventDetailTitle .new {
  flex: 0 0 auto;
  font-size: 18px;
  line-height: 1;
}

@media screen and (max-width: 768.499px) {
  #eventDetailTitle .new {
    font-size: 16px;
  }
}

#eventDetailTitle .title {
  margin-top: 15px;
}

@media screen and (max-width: 768.499px) {
  #eventDetailTitle .title {
    margin-top: 10px;
  }
}

/*
	eventDetailImages
*/
#eventDetailImages {
  flex: 0 0 auto;
  margin-right: 40px;
}

@media print, screen and (min-width: 768.5px) {
  #eventDetailImages {
    max-width: 550px;
  }
}

@media screen and (max-width: 768.499px) {
  #eventDetailImages {
    margin: 0;
    text-align: center;
  }
}

#eventDetailImages li + li {
  margin-top: 50px;
}

@media screen and (max-width: 768.499px) {
  #eventDetailImages li + li {
    margin-top: 40px;
  }
}

/*
	eventDetailBasicInfo, eventDetailInformations
*/
#eventDetailBasicInfo,
#eventDetailInformations {
  line-height: 2;
}

@media print, screen and (min-width: 768.5px) {
  #eventDetailBasicInfo,
  #eventDetailInformations {
    font-size: 16px;
  }
}

/*
	eventDetailBasicInfo
*/
#eventDetailBasicInfo {
  flex: 1 1 auto;
}

@media screen and (max-width: 768.499px) {
  #eventDetailBasicInfo {
    margin-top: 50px;
  }
}

#eventDetailBasicInfo .infoList li {
  display: flex;
}

#eventDetailBasicInfo .infoList li + li {
  margin-top: 15px;
}

#eventDetailBasicInfo .infoList .title {
  flex: 0 0 auto;
  font-weight: bold;
}

#eventDetailBasicInfo .infoList .title::after {
  content: "：";
}

#eventDetailBasicInfo .infoList .content {
  flex: 1 1 auto;
  margin-left: 1em;
}

@media screen and (max-width: 768.499px) {
  #eventDetailBasicInfo .infoList .content {
    text-align: left;
  }
  #eventDetailBasicInfo .infoList .content .nowrap {
    white-space: nowrap;
  }
}

#eventDetailBasicInfo .infoList .content .note {
  margin-top: 10px;
  color: #e31e20;
  font-size: 14px;
}

@media screen and (max-width: 768.499px) {
  #eventDetailBasicInfo .infoList .content .note {
    margin-top: 0;
    font-size: 13px;
  }
}

#eventDetailBasicInfo .detail {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 2px solid #d1d1d1;
}

#eventDetailBasicInfo .detail iframe {
  max-width: 100%;
}

/*
	eventDetailInformations
*/
#eventDetailInformations {
  margin-top: 60px;
}

@media screen and (max-width: 768.499px) {
  #eventDetailInformations {
    margin-top: 40px;
  }
}

@media print, screen and (min-width: 768.5px) {
  #eventDetailInformations th {
    width: 255px;
    padding: 20px;
  }
}

@media print, screen and (min-width: 768.5px) {
  #eventDetailInformations td {
    padding: 20px 30px;
  }
}

/*
	eventDetailNoData
*/
#eventDetailNoData {
  font-size: 16px;
  text-align: center;
}

@media screen and (max-width: 768.499px) {
  #eventDetailNoData {
    margin-top: 100px;
  }
}

/*
	eventDetailBack
*/
#eventDetailBack {
  margin-top: 80px;
}

@media screen and (max-width: 768.499px) {
  #eventDetailBack {
    margin-top: 50px;
  }
}

/*-----------------------------------------------------------------------
	event report
-----------------------------------------------------------------------*/
/*
	eventReportList
*/
#eventReportList .eventReportList li:nth-child(2n + 1) {
  margin-left: 0;
}

#eventReportList .eventReportList li:nth-child(n + 3) {
  margin-top: 50px;
}

@media print, screen and (min-width: 768.5px) {
  #eventReportList .eventReportList li {
    width: 450px;
    margin-left: 50px;
  }
}

@media screen and (max-width: 768.499px) {
  #eventReportList .eventReportList li {
    width: calc((100% - 10px) / 2);
    margin-left: 10px;
  }
  #eventReportList .eventReportList li:nth-child(n + 3) {
    margin-top: 40px;
  }
}

#eventReportList .eventReportList li.noData {
  width: 100%;
}

#eventReportList .eventReportList .image {
  height: 320px;
  border: 1px solid #d2d2d2;
}

@media screen and (max-width: 768.499px) {
  #eventReportList .eventReportList .image {
    height: auto;
    padding-top: 71.11%;
  }
}

@media print, screen and (min-width: 768.5px) {
  #eventReportList .eventReportList .textArea {
    margin-top: 15px;
  }
}

@media screen and (max-width: 768.499px) {
  #eventReportList .eventReportList .textArea {
    padding: 0;
  }
}

@media print, screen and (min-width: 768.5px) {
  #eventReportList .eventReportList .title {
    font-size: 18px;
  }
}

#eventReportList .eventReportList .date {
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 768.499px) {
  #eventReportList .eventReportList .date {
    font-size: 14px;
  }
}

/*
	eventReportPagination
*/
#eventReportPagination {
  margin-top: 80px;
}

@media screen and (max-width: 768.499px) {
  #eventReportPagination {
    margin-top: 50px;
  }
}

/*
	eventReportDetailTitle
*/
#eventReportDetailTitle {
  margin-bottom: 40px;
  padding-bottom: 10px;
}

@media screen and (max-width: 768.499px) {
  #eventReportDetailTitle {
    margin-bottom: 30px;
  }
}

#eventReportDetailTitle .date {
  color: #412804;
  font-weight: bold;
}

#eventReportDetailTitle .title {
  margin-top: 10px;
}

/*
	eventReportDetailImages
*/
#eventReportDetailImages {
  margin-bottom: 60px;
  text-align: center;
}

#eventReportDetailImages .images li + li {
  margin-top: 50px;
}

@media screen and (max-width: 768.499px) {
  #eventReportDetailImages .images li + li {
    margin-top: 30px;
  }
}

#eventReportDetailImages .images + .gallery {
  margin-top: 20px;
}

/*
	eventReportDetailContents
*/
#eventReportDetailContents .title {
  padding-bottom: 5px;
  border-bottom: 2px solid #d1d1d1;
}

#eventReportDetailContents .title > * {
  color: #412804;
  font-size: 20px;
  font-weight: bold;
}

.themecRed #eventReportDetailContents .title > * {
  color: #860309;
}

.themecGold #eventReportDetailContents .title > * {
  color: #b9a225;
}

.themecOrange #eventReportDetailContents .title > * {
  color: #e69f3a;
}

@media screen and (max-width: 768.499px) {
  #eventReportDetailContents .title > * {
    font-size: 18px;
  }
}

#eventReportDetailContents .contents {
  margin-top: 25px;
  line-height: 2;
}

@media print, screen and (min-width: 768.5px) {
  #eventReportDetailContents .contents {
    font-size: 16px;
  }
}

@media screen and (max-width: 768.499px) {
  #eventReportDetailContents .contents {
    margin-top: 20px;
  }
}

#eventReportDetailContents .contents + .title {
  margin-top: 75px;
}

@media screen and (max-width: 768.499px) {
  #eventReportDetailContents .contents + .title {
    margin-top: 50px;
  }
}

#eventReportDetailContents .eventSummary {
  width: 100%;
  margin: -10px 0;
}

@media screen and (max-width: 768.499px) {
  #eventReportDetailContents .eventSummary {
    margin: -5px 0;
  }
  #eventReportDetailContents .eventSummary .nowrap {
    white-space: nowrap;
  }
}

#eventReportDetailContents .eventSummary th,
#eventReportDetailContents .eventSummary td {
  padding: 10px 0;
}

@media screen and (max-width: 768.499px) {
  #eventReportDetailContents .eventSummary th,
  #eventReportDetailContents .eventSummary td {
    padding: 5px 0;
  }
}

#eventReportDetailContents .eventSummary th {
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}

@media print, screen and (min-width: 768.5px) {
  #eventReportDetailContents .eventSummary th {
    padding-right: 10px;
  }
}

#eventReportDetailContents .eventSummary th::after {
  content: "：";
}

#eventReportDetailContents .eventSummary td {
  width: 100%;
}

/*
	eventReportDetailNoData
*/
#eventReportDetailNoData {
  font-size: 16px;
  text-align: center;
}

@media screen and (max-width: 768.499px) {
  #eventReportDetailNoData {
    margin-top: 100px;
  }
}

/*
	eventReportDetailBack
*/
#eventReportDetailBack {
  margin-top: 75px;
}

/*-----------------------------------------------------------------------
	field staff
-----------------------------------------------------------------------*/
/*
	fieldStaffStaffList
*/
#fieldStaffStaffList .leaders,
#fieldStaffStaffList .staffs {
  align-items: stretch;
}

#fieldStaffStaffList .leaders li,
#fieldStaffStaffList .staffs li {
  display: flex;
  flex-direction: column;
}

#fieldStaffStaffList .leaders li > *,
#fieldStaffStaffList .staffs li > * {
  flex: 0 0 auto;
}

#fieldStaffStaffList .leaders .image,
#fieldStaffStaffList .staffs .image {
  background: #e8e8e8;
}

#fieldStaffStaffList .leaders .image.noImage,
#fieldStaffStaffList .staffs .image.noImage {
  background: url("../img/common/cmn_bg03.svg") no-repeat center/cover;
}

#fieldStaffStaffList .leaders .textArea,
#fieldStaffStaffList .staffs .textArea {
  flex: 1 0 auto;
  margin-top: 30px;
}

@media screen and (max-width: 768.499px) {
  #fieldStaffStaffList .leaders .textArea,
  #fieldStaffStaffList .staffs .textArea {
    margin-top: 20px;
    padding: 0;
  }
}

#fieldStaffStaffList .leaders .staffName,
#fieldStaffStaffList .staffs .staffName {
  display: flex;
  align-items: center;
  line-height: 1;
}

#fieldStaffStaffList .leaders .title,
#fieldStaffStaffList .staffs .title {
  font-size: 18px;
}

@media screen and (max-width: 768.499px) {
  #fieldStaffStaffList .leaders .title,
  #fieldStaffStaffList .staffs .title {
    font-size: 16px;
  }
}

#fieldStaffStaffList .leaders .roman,
#fieldStaffStaffList .staffs .roman {
  margin-left: 30px;
  color: #0e5eb4;
  font-weight: bold;
  text-transform: uppercase;
}

.themecRed #fieldStaffStaffList .leaders .roman,
.themecRed #fieldStaffStaffList .staffs .roman {
  color: #860309;
}

.themecGold #fieldStaffStaffList .leaders .roman,
.themecGold #fieldStaffStaffList .staffs .roman {
  color: #b9a225;
}

.themecOrange #fieldStaffStaffList .leaders .roman,
.themecOrange #fieldStaffStaffList .staffs .roman {
  color: #e69f3a;
}

@media screen and (max-width: 768.499px) {
  #fieldStaffStaffList .leaders .roman,
  #fieldStaffStaffList .staffs .roman {
    margin-left: 20px;
  }
}

#fieldStaffStaffList .leaders .description,
#fieldStaffStaffList .staffs .description {
  margin-top: 25px;
  line-height: 2;
}

@media screen and (max-width: 768.499px) {
  #fieldStaffStaffList .leaders .description,
  #fieldStaffStaffList .staffs .description {
    margin-top: 15px;
  }
}

#fieldStaffStaffList .leaders .reportButton,
#fieldStaffStaffList .staffs .reportButton {
  margin-top: 25px;
  text-align: right;
  line-height: 1;
}

@media screen and (max-width: 768.499px) {
  #fieldStaffStaffList .leaders .reportButton,
  #fieldStaffStaffList .staffs .reportButton {
    margin-top: 20px;
  }
}

#fieldStaffStaffList .leaders .reportButton a,
#fieldStaffStaffList .staffs .reportButton a {
  display: inline-flex;
  align-items: center;
  position: relative;
  width: auto;
  min-width: 170px;
  height: 50px;
  padding: 5px 30px;
  background: #412804;
  color: #fff;
  font-weight: bold;
  text-align: left;
  transition: opacity 300ms ease;
}

.themecRed #fieldStaffStaffList .leaders .reportButton a,
.themecRed #fieldStaffStaffList .staffs .reportButton a {
  background: #c52020;
}

.themecGold #fieldStaffStaffList .leaders .reportButton a,
.themecGold #fieldStaffStaffList .staffs .reportButton a {
  background: #867519;
}

.themecOrange #fieldStaffStaffList .leaders .reportButton a,
.themecOrange #fieldStaffStaffList .staffs .reportButton a {
  background: #e69f3a;
}

#fieldStaffStaffList .leaders .reportButton a:hover,
#fieldStaffStaffList .staffs .reportButton a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768.499px) {
  #fieldStaffStaffList .leaders .reportButton a,
  #fieldStaffStaffList .staffs .reportButton a {
    min-width: 150px;
    height: 45px;
    padding: 5px 30px 5px 20px;
  }
}

#fieldStaffStaffList .leaders .reportButton a::after,
#fieldStaffStaffList .staffs .reportButton a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 7px;
  height: 7px;
  border: 2px currentColor;
  border-style: solid solid none none;
  transform: translateY(-50%) rotate(45deg);
}

@media print, screen and (min-width: 768.5px) {
  #fieldStaffStaffList .leaders li {
    width: calc((100% - 50px) / 2);
    margin-left: 50px;
  }
  #fieldStaffStaffList .leaders li:nth-child(2n + 1) {
    margin-left: 0;
  }
  #fieldStaffStaffList .leaders li:nth-child(n + 3) {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768.499px) {
  #fieldStaffStaffList .leaders li {
    width: 100%;
  }
  #fieldStaffStaffList .leaders li:nth-child(n + 2) {
    margin-top: 50px;
  }
}

#fieldStaffStaffList .leaders .image {
  height: 355px;
}

@media screen and (max-width: 768.499px) {
  #fieldStaffStaffList .leaders .image {
    height: auto;
    padding-top: 61.74%;
  }
}

@media screen and (max-width: 768.499px) {
  #fieldStaffStaffList .staffs .staffName {
    display: block;
  }
  #fieldStaffStaffList .staffs .roman {
    margin: 10px 0 0;
  }
}

@media print, screen and (min-width: 768.5px) {
  #fieldStaffStaffList .staffs li {
    width: calc((100% - 60px) / 3);
    margin: 60px 0 0 30px;
  }
  #fieldStaffStaffList .staffs li:nth-child(3n + 1) {
    margin-left: 0;
  }
}

@media screen and (max-width: 768.499px) {
  #fieldStaffStaffList .staffs li {
    width: calc((100% - 15px) / 2);
    margin: 50px 0 0 15px;
  }
  #fieldStaffStaffList .staffs li:nth-child(2n + 1) {
    margin-left: 0;
  }
}

#fieldStaffStaffList .staffs .image {
  height: 230px;
}

@media screen and (max-width: 768.499px) {
  #fieldStaffStaffList .staffs .image {
    height: auto;
    padding-top: 60.53%;
  }
}

/*-----------------------------------------------------------------------
	fishing report
-----------------------------------------------------------------------*/
/*
	fishingReportInputArea
*/
#fishingReportInputArea {
  border: 1px solid #707070;
}

#fishingReportInputArea.hideMore .part.more {
  display: none;
}

#fishingReportInputArea.hideMore + #fishingReportInputButtonArea .more button.show {
  display: inline-block;
}

#fishingReportInputArea.hideMore + #fishingReportInputButtonArea .more button.hide {
  display: none;
}

#fishingReportInputArea .part {
  padding: 0 30px;
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputArea .part {
    padding: 0 15px;
  }
}

#fishingReportInputArea .part + .part {
  border-top: 1px solid #707070;
}

@media print, screen and (min-width: 768.5px) {
  #fishingReportInputArea .part.more .inputTable th:nth-child(3) {
    width: 80px;
  }
  #fishingReportInputArea .part.more .inputTable td:nth-child(2) {
    width: 505px;
  }
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputArea .part.more .inputTable th:nth-child(3) {
    border-top: 1px solid #d1d1d1;
  }
}

#fishingReportInputArea .inputTable {
  table-layout: fixed;
  width: 100%;
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputArea .inputTable,
  #fishingReportInputArea .inputTable tbody,
  #fishingReportInputArea .inputTable tr,
  #fishingReportInputArea .inputTable th,
  #fishingReportInputArea .inputTable td {
    display: block;
  }
}

#fishingReportInputArea .inputTable tr + tr {
  border-top: 1px solid #d1d1d1;
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputArea .inputTable tr.monthsProduct td:nth-child(2) {
    display: flex;
    align-items: center;
  }
  #fishingReportInputArea .inputTable tr.authorName td {
    display: flex;
    align-items: center;
  }
}

#fishingReportInputArea .inputTable th,
#fishingReportInputArea .inputTable td {
  padding: 25px 0;
  vertical-align: middle;
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputArea .inputTable th,
  #fishingReportInputArea .inputTable td {
    padding: 0 0 15px;
  }
}

#fishingReportInputArea .inputTable th {
  font-size: 18px;
  font-weight: bold;
}

@media print, screen and (min-width: 768.5px) {
  #fishingReportInputArea .inputTable th {
    width: 170px;
    white-space: nowrap;
  }
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputArea .inputTable th {
    padding: 13px 0 7px;
    font-size: 16px;
  }
}

#fishingReportInputArea [type="text"] {
  width: 100%;
  max-width: 575px;
  padding: 8px 20px;
  border-color: #412804;
  line-height: 1;
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputArea [type="text"] {
    max-width: none;
    padding: 8px 10px;
  }
}

#fishingReportInputArea [type="text"][name="fr_text"] {
  padding-right: 55px;
  background: url("../img/common/cmn_ico_search01_blk.svg") no-repeat right 15px center/21px;
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputArea [type="text"][name="fr_text"] {
    padding-right: 40px;
    background-position: right 10px center;
  }
}

@media print, screen and (min-width: 768.5px) {
  #fishingReportInputArea [type="text"][name="fr_product"] {
    width: 380px;
  }
}

#fishingReportInputArea [type="text"]::-moz-placeholder {
  color: #412804;
}

#fishingReportInputArea [type="text"]:-ms-input-placeholder {
  color: #412804;
}

#fishingReportInputArea [type="text"]::placeholder {
  color: #412804;
}

#fishingReportInputArea .labelSet {
  display: flex;
  flex-wrap: wrap;
  margin: -25px 0 0 -45px;
  font-size: 16px;
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputArea .labelSet {
    margin: -10px 0 0 -25px;
  }
}

#fishingReportInputArea .labelSet.areaInputs {
  max-width: 620px;
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputArea .labelSet.areaInputs {
    max-width: none;
  }
}

#fishingReportInputArea .labelSet label {
  display: block;
  margin: 25px 0 0 45px;
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputArea .labelSet label {
    margin: 10px 0 0 25px;
  }
}

#fishingReportInputArea [type="checkbox"] {
  margin-right: 10px;
  vertical-align: baseline;
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputArea [type="checkbox"] {
    margin-right: 7px;
  }
}

#fishingReportInputArea .select2 {
  flex: 0 1 auto;
}

#fishingReportInputArea .select2-selection {
  border-color: #412804;
  border-radius: 0;
}

#fishingReportInputArea .select2-selection--single {
  height: 40px;
}

#fishingReportInputArea .select2-selection--single .select2-selection__rendered {
  padding-top: 6px;
}

#fishingReportInputArea .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

#fishingReportInputArea .select2-selection--multiple .select2-selection__rendered {
  padding-right: 20px;
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputArea .select2-selection--multiple .select2-selection__rendered {
    padding-right: 10px;
  }
}

#fishingReportInputArea .select2-selection__rendered {
  padding-left: 20px;
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputArea .select2-selection__rendered {
    padding-left: 10px;
  }
}

#fishingReportInputArea .select2-results__option {
  padding-left: 20px;
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputArea .select2-results__option {
    padding-left: 10px;
  }
}

#fishingReportInputArea [name^="fr_month_"] {
  width: 170px;
}

#fishingReportInputArea .monthTilde {
  display: inline-block;
  margin: 0 20px;
  font-size: 16px;
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputArea .monthTilde {
    flex: 0 0 auto;
    margin: 0 15px;
  }
}

#fishingReportInputArea [name="fr_author_name[]"] {
  width: 395px;
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputArea [name="fr_author_name[]"] {
    width: 800px;
  }
}

.select2-dropdown {
  border-radius: 0;
}

.select2-results__option {
  padding-left: 20px;
}

/*
	fishingReportInputButtonArea
*/
#fishingReportInputButtonArea {
  position: relative;
  margin-top: 25px;
}

@media print, screen and (min-width: 768.5px) {
  #fishingReportInputButtonArea {
    padding: 0 180px;
  }
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputButtonArea {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
  }
}

#fishingReportInputButtonArea .buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputButtonArea .buttons {
    margin-top: 30px;

    order: 1;
  }
}

#fishingReportInputButtonArea .buttons button {
  width: 200px;
  margin: 0;
  padding-left: 25px;
  transition: opacity 300ms ease;
}

#fishingReportInputButtonArea .buttons button:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputButtonArea .buttons button {
    flex: 0 1 auto;
  }
}

#fishingReportInputButtonArea .buttons button.gry {
  background: #d1d1d1;
  color: #333;
}

#fishingReportInputButtonArea .buttons button + button {
  margin-left: 20px;
}

#fishingReportInputButtonArea .buttons button::after {
  width: 10px;
  height: 10px;
}

#fishingReportInputButtonArea .more {
  color: #0e5eb4;
  font-size: 18px;
  font-weight: bold;
}

.themecRed #fishingReportInputButtonArea .more {
  color: #860309;
}

.themecGold #fishingReportInputButtonArea .more {
  color: #b9a225;
}

.themecOrange #fishingReportInputButtonArea .more {
  color: #e69f3a;
}

@media print, screen and (min-width: 768.5px) {
  #fishingReportInputButtonArea .more {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
}

@media screen and (max-width: 768.499px) {
  #fishingReportInputButtonArea .more {
    font-size: 16px;
    text-align: right;
  }
}

#fishingReportInputButtonArea .more button {
  font-weight: inherit;
  transition: opacity 300ms ease;
}

#fishingReportInputButtonArea .more button:hover {
  opacity: 0.7;
}

#fishingReportInputButtonArea .more button::before {
  content: "＋";
  display: inline-block;
  margin-right: 0.3em;
}

#fishingReportInputButtonArea .more button.show {
  display: none;
}

#fishingReportInputButtonArea .more button.hide::before {
  content: "−";
}

/*
	fishingReportReportList
*/
#fishingReportReportList {
  margin-top: 60px;
}

#fishingReportReportList .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1;
}

#fishingReportReportList .head .count {
  display: flex;
  align-items: baseline;
}

@media print, screen and (min-width: 768.5px) {
  #fishingReportReportList .head .count {
    font-size: 16px;
  }
}

#fishingReportReportList .head .total {
  font-size: 22px;
  font-weight: bold;
}

@media screen and (max-width: 768.499px) {
  #fishingReportReportList .head .total {
    font-size: 18px;
  }
}

#fishingReportReportList .reportList {
  margin-top: 25px;
}

#fishingReportReportList .reportList li {
  width: calc((100% - 90px) / 3);
  margin-left: 45px;
  border: 1px solid #d1d1d1;
}

@media print, screen and (min-width: 768.5px) {
  #fishingReportReportList .reportList li:nth-child(3n + 1) {
    margin-left: 0;
  }
  #fishingReportReportList .reportList li:nth-child(n + 4) {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768.499px) {
  #fishingReportReportList .reportList li {
    width: calc((100% - 15px) / 2);
    margin-left: 15px;
  }
  #fishingReportReportList .reportList li:nth-child(2n + 1) {
    margin-left: 0;
  }
  #fishingReportReportList .reportList li:nth-child(n + 3) {
    margin-top: 15px;
  }
}

#fishingReportReportList .reportList li.noData {
  width: 100%;
  margin-top: 25px;
  border: none;
}

#fishingReportReportList .reportList a {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#fishingReportReportList .reportList .image {
  flex: 0 0 auto;
  height: 210px;
  background: #e1d9cf73;
}

@media screen and (max-width: 768.499px) {
  #fishingReportReportList .reportList .image {
    height: auto;
    padding-top: 56.76%;
  }
}

#fishingReportReportList .reportList .label {
  top: 11px;
  left: -87px;
}

@media screen and (max-width: 768.499px) {
  #fishingReportReportList .reportList .label {
    top: 6px;
    left: -93px;
  }
}

#fishingReportReportList .reportList .textArea {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 20px 20px 15px;
}

@media screen and (max-width: 768.499px) {
  #fishingReportReportList .reportList .textArea {
    padding: 10px;
  }
}

#fishingReportReportList .reportList .textArea > * {
  flex: 0 0 auto;
}

#fishingReportReportList .reportList .tags {
  margin-bottom: 5px;
}

@media print, screen and (min-width: 768.5px) {
  #fishingReportReportList .reportList .tag {
    min-width: 70px;
    padding: 8px 15px 7px;
    font-size: 14px;
  }
}

@media screen and (max-width: 768.499px) {
  #fishingReportReportList .reportList .tag {
    font-weight: bold;
  }
}

#fishingReportReportList .reportList .tag.area {
  background: #0e5eb4;
}

.themecRed #fishingReportReportList .reportList .tag.area {
  background: #860309;
}

.themecGold #fishingReportReportList .reportList .tag.area {
  background: #b9a225;
}

.themecOrange #fishingReportReportList .reportList .tag.area {
  background: #e69f3a;
}

#fishingReportReportList .reportList .tag.authorType {
  background: #ff9c29;
}

#fishingReportReportList .reportList .category {
  color: #333;
}

#fishingReportReportList .reportList .title {
  flex: 1 0 auto;
}

#fishingReportReportList .reportList .date {
  margin-top: 15px;
  font-weight: bold;
}

/*
	fishingReportPagination
*/
#fishingReportPagination {
  margin-top: 60px;
}

@media screen and (max-width: 768.499px) {
  #fishingReportPagination {
    margin-top: 30px;
  }
}

/*
	fishingReportDetail
*/
@media print, screen and (min-width: 768.5px) {
  #fishingReportDetail {
    font-size: 16px;
  }
}

/*
	fishingReportDetailTitle
*/
#fishingReportDetailTitle {
  padding: 0 20px 30px;
  font-weight: bold;
}

@media screen and (max-width: 768.499px) {
  #fishingReportDetailTitle {
    padding: 0 10px 8px;
  }
}

#fishingReportDetailTitle .firstLine,
#fishingReportDetailTitle .secondLine {
  justify-content: space-between;
  line-height: 1;
}

@media print, screen and (min-width: 768.5px) {
  #fishingReportDetailTitle .firstLine,
  #fishingReportDetailTitle .secondLine {
    display: flex;
  }
}

#fishingReportDetailTitle .firstLine {
  align-items: flex-start;
}

#fishingReportDetailTitle .firstLine .texts {
  display: flex;
  align-items: center;
}

#fishingReportDetailTitle .firstLine .date {
  color: #412804;
}

#fishingReportDetailTitle .firstLine .situations,
#fishingReportDetailTitle .firstLine .new {
  margin-left: 30px;
}

@media screen and (max-width: 768.499px) {
  #fishingReportDetailTitle .firstLine .situations,
  #fishingReportDetailTitle .firstLine .new {
    margin-left: 20px;
  }
}

#fishingReportDetailTitle .firstLine .tags {
  display: flex;
  align-items: stretch;
}

@media screen and (max-width: 768.499px) {
  #fishingReportDetailTitle .firstLine .tags {
    margin-top: 10px;
  }
}

#fishingReportDetailTitle .firstLine .tags > * {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 70px;
  height: 30px;
  padding: 5px 15px;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
}

@media screen and (max-width: 768.499px) {
  #fishingReportDetailTitle .firstLine .tags > * {
    height: 27px;
    padding: 5px 10px;
    font-size: 13px;
  }
}

#fishingReportDetailTitle .firstLine .tags > * + * {
  margin-left: 10px;
}

#fishingReportDetailTitle .firstLine .area {
  background: #0e5eb4;
}

.themecRed #fishingReportDetailTitle .firstLine .area {
  background: #860309;
}

.themecGold #fishingReportDetailTitle .firstLine .area {
  background: #b9a225;
}

.themecOrange #fishingReportDetailTitle .firstLine .area {
  background: #e69f3a;
}

#fishingReportDetailTitle .firstLine .authorType {
  background: #ff9c29;
}

#fishingReportDetailTitle .secondLine {
  align-items: flex-end;
  margin-top: 5px;
}

@media screen and (max-width: 768.499px) {
  #fishingReportDetailTitle .secondLine {
    margin-top: 15px;
  }
}

#fishingReportDetailTitle .secondLine .title {
  line-height: 1.3;
}

#fishingReportDetailTitle .secondLine .authorName {
  flex: 0 0 auto;
}

@media print, screen and (min-width: 768.5px) {
  #fishingReportDetailTitle .secondLine .authorName {
    margin-left: 50px;
  }
}

@media screen and (max-width: 768.499px) {
  #fishingReportDetailTitle .secondLine .authorName {
    margin-top: 15px;
    text-align: right;
  }
}

/*
	fishingReportDetailContents
*/
#fishingReportDetailContents {
  margin-top: 40px;
  padding: 0 20px;
}

@media screen and (max-width: 768.499px) {
  #fishingReportDetailContents {
    margin-top: 25px;
    padding: 0 10px;
  }
}

#fishingReportDetailContents .contentsInner {
  max-width: 950px;
  margin: 0 auto;
}

#fishingReportDetailContents section {
  margin-top: 80px;
}

@media screen and (max-width: 768.499px) {
  #fishingReportDetailContents section {
    margin-top: 60px;
  }
}

#fishingReportDetailContents .ttlStyle05 {
  margin-bottom: 30px;
}

@media screen and (max-width: 768.499px) {
  #fishingReportDetailContents .ttlStyle05 {
    margin-bottom: 25px;
  }
}

/*
	fishingReportDetailResult
*/
#fishingReportDetailResult {
  align-items: center;
  font-weight: bold;
}

@media print, screen and (min-width: 768.5px) {
  #fishingReportDetailResult {
    display: flex;
  }
}

#fishingReportDetailResult .tag {
  display: flex;
  align-items: center;
}

@media print, screen and (min-width: 768.5px) {
  #fishingReportDetailResult .tag {
    margin-right: 10px;
  }
}

@media screen and (max-width: 768.499px) {
  #fishingReportDetailResult .tag {
    margin-bottom: 5px;
  }
}

#fishingReportDetailResult .tag::before {
  content: "";
  display: block;
  width: 34px;
  height: 19px;
  margin-right: 10px;
  background: url("../img/common/cmn_ico_fish01.svg") no-repeat left center/contain;
}

#fishingReportDetailResult .tag::after {
  content: "：";
  display: inline-block;
}

/*
	fishingReportDetailImages
*/
#fishingReportDetailImages {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 40px;
}

@media screen and (max-width: 768.499px) {
  #fishingReportDetailImages {
    margin-top: 20px;
  }
}

#fishingReportDetailImages li {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d1d1d1;
}

@media print, screen and (min-width: 768.5px) {
  #fishingReportDetailImages li {
    width: calc((100% - 30px) / 2);
  }
  #fishingReportDetailImages li:nth-child(n + 3) {
    margin-top: 30px;
  }
  #fishingReportDetailImages li:nth-child(2n) {
    margin-left: 30px;
  }
}

@media screen and (max-width: 768.499px) {
  #fishingReportDetailImages li {
    width: calc((100% - 15px) / 2);
  }
  #fishingReportDetailImages li:nth-child(n + 3) {
    margin-top: 15px;
  }
  #fishingReportDetailImages li:nth-child(2n) {
    margin-left: 15px;
  }
}

#fishingReportDetailImages li.mainImage {
  width: 100%;
  margin: 0;
}

@media print, screen and (min-width: 768.5px) {
  #fishingReportDetailImages li.mainImage + li {
    margin-top: 30px;
  }
  #fishingReportDetailImages li.mainImage ~ :nth-child(2n) {
    margin-left: 0;
  }
  #fishingReportDetailImages li.mainImage ~ :nth-child(2n + 1) {
    margin-left: 30px;
  }
}

@media screen and (max-width: 768.499px) {
  #fishingReportDetailImages li.mainImage + li {
    margin-top: 15px;
  }
  #fishingReportDetailImages li.mainImage ~ :nth-child(2n) {
    margin-left: 0;
  }
  #fishingReportDetailImages li.mainImage ~ :nth-child(2n + 1) {
    margin-left: 15px;
  }
}

/*
	fishingReportDetailProducts
*/
#fishingReportDetailProducts .productsList {
  display: flex;
  flex-wrap: wrap;
}

#fishingReportDetailProducts .productsList li {
  flex: 0 0 auto;
}

@media print, screen and (min-width: 768.5px) {
  #fishingReportDetailProducts .productsList li {
    width: calc((100% - 30px) / 2);
    margin-left: 30px;
  }
  #fishingReportDetailProducts .productsList li:nth-child(2n + 1) {
    margin-left: 0;
  }
  #fishingReportDetailProducts .productsList li:nth-child(n + 3) {
    margin-top: 30px;
  }
}

@media screen and (max-width: 768.499px) {
  #fishingReportDetailProducts .productsList li {
    width: calc((100% - 15px) / 2);
    margin-left: 15px;
  }
  #fishingReportDetailProducts .productsList li:nth-child(2n + 1) {
    margin-left: 0;
  }
  #fishingReportDetailProducts .productsList li:nth-child(n + 3) {
    margin-top: 15px;
  }
}

#fishingReportDetailProducts .productsList a {
  width: 100%;
  transition: none;
  cursor: pointer;
}

#fishingReportDetailProducts .productsList a:hover {
  opacity: 1;
}

#fishingReportDetailProducts .productsList a:hover .hoverImage img,
#fishingReportDetailProducts .productsList a:hover .hoverImage .expandTarget {
  transform: scale(1.1);
}

#fishingReportDetailProducts .productsList a .hoverImage {
  overflow: hidden;
  text-align: center;
}

#fishingReportDetailProducts .productsList a .hoverImage img,
#fishingReportDetailProducts .productsList a .hoverImage .expandTarget {
  transition: opacity 300ms ease;
  transition-property: transform;
}

#fishingReportDetailProducts .productsList .image {
  padding-top: 71.74%;
  background: #e1d9cf73;
}

#fishingReportDetailProducts .productsList .image img {
  padding: 10px;
}

#fishingReportDetailProducts .productsList .category {
  margin-top: 25px;
  color: #412804;
  font-size: 14px;
}

@media screen and (max-width: 768.499px) {
  #fishingReportDetailProducts .productsList .category {
    margin-top: 15px;
    font-size: 13px;
  }
}

#fishingReportDetailProducts .productsList .name {
  margin-top: 5px;
  font-weight: bold;
}

@media screen and (max-width: 768.499px) {
  #fishingReportDetailProducts .productsList .name {
    margin-top: 3px;
  }
}

/*
	fishingReportDetailReport
*/
#fishingReportDetailReport .informations {
  align-items: flex-start;
  margin-top: 30px;
}

@media print, screen and (min-width: 768.5px) {
  #fishingReportDetailReport .informations {
    display: flex;
  }
}

@media print, screen and (min-width: 768.5px) {
  #fishingReportDetailReport .informations .col {
    width: calc((100% - 60px) / 3);
  }
}

@media print, screen and (min-width: 768.5px) {
  #fishingReportDetailReport .informations .col + .col {
    margin-left: 30px;
  }
}

@media screen and (max-width: 768.499px) {
  #fishingReportDetailReport .informations .col + .col table {
    border-top: none;
  }
}

#fishingReportDetailReport .informations table {
  width: 100%;
}

@media print, screen and (min-width: 768.5px) {
  #fishingReportDetailReport .informations table th {
    width: 120px;
  }
}

@media screen and (max-width: 768.499px) {
  #fishingReportDetailReport .informations table td {
    min-height: 35px;
  }
}

/*
	fishingReportDetailNoData
*/
#fishingReportDetailNoData {
  font-size: 16px;
  text-align: center;
}

@media screen and (max-width: 768.499px) {
  #fishingReportDetailNoData {
    margin-top: 100px;
  }
}

/*
	fishingReportDetailBack
*/
#fishingReportDetailBack {
  margin-top: 80px;
}

/*-----------------------------------------------------------------------
	sitemap
-----------------------------------------------------------------------*/
/*
	sitemapMain
*/
@media print, screen and (min-width: 768.5px) {
  #sitemapMain {
    font-size: 16px;
  }
}

#sitemapMain a,
#sitemapMain span {
  display: inline-block;
  position: relative;
  padding-left: 1.5em;
}

#sitemapMain a::before,
#sitemapMain span::before {
  content: "-";
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5em;
}

#sitemapMain .mapsTitle {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 2px solid #0e5eb4;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 768.499px) {
  #sitemapMain .mapsTitle {
    margin-bottom: 25px;
    padding-bottom: 5px;
    font-size: 18px;
  }
}

@media screen and (max-width: 768.499px) {
  #sitemapMain .singleSites {
    padding: 0 10px;
  }
}

#sitemapMain .siteTitle {
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 768.499px) {
  #sitemapMain .siteTitle {
    font-size: 16px;
  }
}

#sitemapMain .siteTitle a::before {
  content: "■";
}

#sitemapMain .contentsList li {
  margin: 1em 0 0 1.2em;
}

#sitemapMain .contentsList li.blankTop {
  margin-top: 2em;
}

#sitemapMain .subList a::before {
  content: "・";
}

#sitemapMain .commonMap .singleSites {
  max-width: 850px;
  margin: 0 auto;
}

@media screen and (max-width: 768.499px) {
  #sitemapMain .commonMap .singleSites {
    max-width: 600px;
  }
}

#sitemapMain .commonMap .contentsList {
  display: flex;
  flex-wrap: wrap;
}

#sitemapMain .commonMap .contentsList li {
  min-width: calc((100% - 3.6em) / 3);
}

@media screen and (max-width: 768.499px) {
  #sitemapMain .commonMap .contentsList li {
    flex: 1 0 auto;
    min-width: 170px;
  }
}

#sitemapMain .commonMap .contentsList li.blankTop {
  width: 100%;
}

#sitemapMain .brandMaps {
  margin-top: 80px;
}

#sitemapMain .brandMaps .singleSites {
  display: flex;
  flex-wrap: wrap;
}

@media print, screen and (min-width: 768.5px) {
  #sitemapMain .brandMaps .singleSite {
    min-width: 220px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768.499px) {
  #sitemapMain .brandMaps .singleSite {
    width: calc((100% - 20px) / 2);
  }
  #sitemapMain .brandMaps .singleSite:nth-child(2n) {
    margin-left: 20px;
  }
  #sitemapMain .brandMaps .singleSite:nth-child(n + 3) {
    margin-top: 25px;
  }
}

/*-----------------------------------------------------------------------
	下層ページ・お知らせ
-----------------------------------------------------------------------*/

:root {
  --ff-en: "Muli", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "游ゴシック", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, sans-serif;
  --c-main: #412804;
}

.lowerPageInner {
  max-width: 1080px;
  padding: 0 40px;
  margin-inline: auto;
}
@media screen and (max-width: 768.499px) {
  .lowerPageInner {
    padding-right: 4.17%;
    padding-left: 4.17%;
  }
}

.lowerPageInner iframe {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 2/1 !important;
}

.lowerPageInner .wp-block-column:not(:first-child) {
  margin-left: 0 !important;
}

.lowerPageInner .wp-block-columns + .wp-block-columns {
  margin-top: 80px;
}

.lowerPageInner h2,
#newsDetailContents h2 {
  font-weight: bold;
  font-family: var(--ff-en);
  font-size: 24px;
  margin-bottom: 1em;
  position: relative;
  border-bottom: solid 3px var(--c-main);
  color: var(--c-main);
}

@media screen and (max-width: 768.499px) {
  .lowerPageInner h2,
  #newsDetailContents h2 {
    font-size: 20px;
  }
}

.lowerPageInner h3,
#newsDetailContents h3 {
  color: var(--c-main);
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.lowerPageInner p a,
#newsDetailContents p a {
  color: var(--c-main);
  text-decoration: underline;
  margin-top: 0.25em;
}

.lowerPageInner strong {
  font-weight: bold;
}

.lowerPageInner table,
#newsDetailContents table {
  max-width: 800px;
  margin-inline: auto;
}

.lowerPageInner table tr,
#newsDetailContents table tr {
  border-bottom: solid 1px var(--c-main);
}

.lowerPageInner table td,
#newsDetailContents table td {
  padding: 1.2em 0.6em;
  vertical-align: middle;
}

#newsDetailContents .wp-block-button {
  margin-top: 1em;
}

.lowerPageInner .wp-block-button__link,
#newsDetailContents .wp-block-button__link {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  max-width: fit-content;
  height: 60px;
  padding: 10px 50px;
  background: #412804;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  border-radius: 0;
}

.lowerPageInner .wp-block-button__link::after,
#newsDetailContents .wp-block-button__link::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 30px;
  width: 12px;
  height: 12px;
  border: 3px currentColor;
  border-style: solid solid none none;
  transform: rotate(45deg) translateY(-50%);
}

@media screen and (max-width: 768.499px) {
  .lowerPageInner .wp-block-button__link,
  #newsDetailContents .wp-block-button__link {
    height: 55px;
  }
}

@media screen and (max-width: 768.499px) {
  .lowerPageInner table td,
  #newsDetailContents table td {
    padding: 0.8em 0.25em;
    width: 100%;
    float: left;
  }
}

.lowerPageInner table td:first-child,
#newsDetailContents table td:first-child {
  font-weight: bold;
  color: var(--c-main);
  font-size: 15px;
}

@media screen and (max-width: 768.499px) {
  .lowerPageInner table td:first-child,
  #newsDetailContents table td:first-child {
    font-size: 14px;
    padding-bottom: 0.25em;
  }

  .lowerPageInner table td:not(:first-child),
  #newsDetailContents table td:not(:first-child) {
    padding-top: 0;
  }

  .lowerPageInner .sp-tal {
    text-align: left;
  }

  .lowerPageInner .wp-block-columns {
    flex-direction: column;
    row-gap: 2em;
  }

  .lowerPageInner .wp-block-columns.sp-reverse {
    flex-direction: column-reverse;
  }
}

#newsDetailContents ul,
#newsDetailContents ol,
.lowerPageInner ul:not(.blocks-gallery-grid),
.lowerPageInner ol:not(.blocks-gallery-grid) {
  --line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: var(--line-height);
  list-style: none;
  padding-left: 0;
  margin-top: 1em;
  padding-left: 4px;
}

#newsDetailContents li,
.lowerPageInner li {
  position: relative;
}

#newsDetailContents li + li,
.lowerPageInner li + li {
  margin-top: 1em;
}

#newsDetailContents li::before,
.lowerPageInner ul:not(.blocks-gallery-grid) li::before {
  position: absolute;
  top: calc(0.5em * var(--line-height));
  left: 0;
  translate: 0 -50%;
}

#newsDetailContents ul li,
.lowerPageInner ul:not(.blocks-gallery-grid) li {
  padding-left: 1em;
}

#newsDetailContents ul li::before,
.lowerPageInner ul:not(.blocks-gallery-grid) li::before {
  content: "";
  width: 0.429em;
  height: 0.429em;
  border-radius: 50%;
  background-color: #412804;
}

.shopNews li {
  padding-left: 0 !important;
}

.shopNews li::before {
  content: none !important;
}

#newsDetailContents ol,
.lowerPageInner ol {
  counter-reset: list-num;
}

#newsDetailContents ol li,
.lowerPageInner ol li {
  padding-left: 1.2em;
}

#newsDetailContents ol li::before,
.lowerPageInner ol li::before {
  counter-increment: list-num;
  content: counter(list-num) ".";
  font-family: var(--ff-en);
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #412804;
  translate: 0 -45%;
}

/*-----------------------------------------------------------------------
	サイズガイド
-----------------------------------------------------------------------*/
.lowerPageInner.-lg {
  max-width: 1300px;
}

.pg-size-content {
  margin-top: 80px;
}

.pg-size-count {
  font-size: 16px;
  font-weight: 700;
}

.pg-size-filter {
  padding: 20px 0;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
}

.pg-size-filter::after {
  content: "";
  display: block;
  width: 200vw;
  height: 100%;
  background-color: #e1d9cf73;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: -1;
}

.pg-size-filter__select {
  padding: 8px;
  background-color: #fff;
  border-radius: 6px;
}

.pg-size-filter__button-wrap {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 20px;
}

.pg-size-filter__button {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 700;
}

.pg-size-filter__button#filterButton {
  background-color: #412804;
  color: #fff;
}

.pg-size-filter__button#reset {
  background-color: #fff;
  border: solid 1px #d7d7d7;
}

.pg-size-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, 200px);
  gap: 32px;
  margin-top: 40px;
}

.pg-size-list li {
  padding-left: 0 !important;
}

.pg-size-list li::before {
  content: none !important;
}

.pg-size-list-item__heading {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 12px;
}

.pg-size-detail-list {
  margin-top: 8px;
}

.pg-size-detail-list__item {
  font-size: 12px;
  line-height: 1.2;
  border-bottom: solid 1px #d7d7d7;
  padding-bottom: 4px;
}

.pg-size-detail-list__item + .pg-size-detail-list__item {
  margin-top: 4px;
}

@media screen and (max-width: 768.499px) {
  .pg-size-list {
    grid-template-columns: repeat(auto-fit, minmax(157px, 1fr));
    gap: 20px 16px;
    margin-top: 30px;
  }
}

/*-----------------------------------------------------------------------
	ヘッダーロゴリスト
-----------------------------------------------------------------------*/
#logoList {
  border-bottom: solid 1px #e1d9cf;
}

.logoList {
  padding: 10px 0;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.logoListItem img {
  height: 60px;
  width: auto;
}

/*-----------------------------------------------------------------------
	ブランドリスト
-----------------------------------------------------------------------*/
.wp-block-columns.brand-list {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}

.wp-block-columns.brand-list .wp-block-column {
  margin-left: 0 !important;
}

.wp-block-columns.brand-list .wp-block-column .wp-block-columns {
  display: grid;
  grid-template-columns: 175px 1fr;
  gap: 12px;
  margin-bottom: 0;
  align-items: center;
  margin-bottom: 16px;
}

.wp-block-columns.brand-list .wp-block-column .wp-block-columns .wp-block-column {
  margin: 0;
}

.wp-block-columns.brand-list .wp-block-image {
  margin-bottom: 0;
}

.wp-block-columns.brand-list .wp-block-image figure {
  width: 100%;
  text-align: center;
}

.wp-block-columns.brand-list .wp-block-image figcaption {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  margin-top: 12px;
}

.wp-block-columns.brand-list + .wp-block-columns.brand-list {
  margin-top: 40px !important;
}

@media screen and (max-width: 768.499px) {
  .wp-block-columns.brand-list {
    flex-direction: column;
    justify-content: center;
    gap: 28px 32px;
  }

  .wp-block-columns.brand-list .wp-block-column .wp-block-columns {
    grid-template-columns: 175px 1fr;
    margin-bottom: 8px;
  }

  .wp-block-columns.brand-list + .wp-block-columns.brand-list {
    margin-top: 0 !important;
  }
}

/*-----------------------------------------------------------------------
	スライドショーブロック
-----------------------------------------------------------------------*/
.customSlider {
  margin-top: 40px;
}

.customSliderWrap {
  max-width: 560px;
  margin-inline: auto;
}

.customSliderItem {
  width: 100%;
  aspect-ratio: 14 / 9;
}

.customSliderItem > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.customSubSliderWrap {
  position: relative;
}

.customSubSlider {
  margin-top: 12px;
  max-width: 520px;
  margin-inline: auto;
}

.customSubSliderItem {
  padding: 0 4px;
  aspect-ratio: 14 / 9;
  box-sizing: border-box;
}

.customSubSliderItem > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.customSubSliderItem {
  opacity: 0.5;
  transition: opacity 0.2s;
}

.customSubSliderItem.slick-current {
  opacity: 1;
}

.customSubSliderArrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  width: 100% !important;
}

.customSubSliderArrow .slide-arrow.prev-arrow,
.customSubSliderArrow .slide-arrow.next-arrow {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13px;
  height: 20px;
  pointer-events: all;
  cursor: pointer;
}

.customSubSliderArrow .slide-arrow.prev-arrow::before,
.customSubSliderArrow .slide-arrow.next-arrow::before {
  content: "";
  position: relative;
  background-image: url('data:image/svg+xml,<svg width="13" height="20" viewBox="0 0 13 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 2.80551L10.1515 0L0 10.0002L10.1515 20L13 17.1945L5.69668 10.0002L13 2.80551Z" fill="%23231815"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  width: 13px;
  height: 20px;
}

.customSubSliderArrow .slide-arrow.next-arrow::before {
  transform: scale(-1, 1);
}

.customSubSliderArrow .slick-arrow.slick-disabled {
  opacity: 0.4;
  cursor: default;
}

.customSliderNote {
  display: none;
}

@media screen and (max-width: 768.499px) {
  .customSlider {
    margin-top: 20px;
  }

  .customSubSlider {
    padding: 0 40px;
  }
}

/*-----------------------------------------------------------------------
	店舗情報
-----------------------------------------------------------------------*/
.shopNews {
  max-width: 800px;
  margin-inline: auto;
  overflow: hidden;
  margin-top: 54px;
}

@media screen and (max-width: 768.499px) {
  .shopNews {
    margin-top: 32px;
  }
}

.shopNews .contentIn {
  justify-content: start;
  flex-wrap: nowrap;
  width: 100%;
  gap: 80px;
  padding: 0 !important;
}

.shopNews .contentsArea {
  width: 100%;
}

.shopInfo {
  display: grid;
  grid-template-columns: 52% 1fr;
  gap: 40px;
}

iframe.sm {
  aspect-ratio: 5/2 !important;
  max-width: 800px;
  display: block;
  margin-inline: auto;
}

@media print, screen and (min-width: 768.5px) {
  .shopInfo iframe {
    height: 100% !important;
  }
}

@media screen and (max-width: 768.499px) {
  .shopNews.topSecLayout01 .contentsArea {
    margin-top: 32px;
  }

  .shopInfo {
    display: flex;
    flex-direction: column !important;
  }

  .shopInfo .wp-block-column {
    width: 100%;
  }
}

.shopInfo .customSlider {
  margin-top: 40px;
}

.shopInfo .customSubSlider {
  max-width: 460px;
}

/*-----------------------------------------------------------------------
	モデル犬一覧
-----------------------------------------------------------------------*/
.modelsGallery .blocks-gallery-image,
.modelsGallery .blocks-gallery-item {
  max-width: calc((100% - 48px) / 4);
}

.modelsGallery .blocks-gallery-item {
  margin-bottom: 20px;
}

.modelsGallery figure {
  display: block !important;
}

.modelsGallery.wp-block-gallery .blocks-gallery-item figcaption.blocks-gallery-item__caption {
  color: #333;
  position: static;
  inset: 0;
  background: transparent;
  padding: 0;
  padding-top: 4px;
  font-size: 15px;
}

@media print, screen and (max-width: 768.5px) {
  .modelsGallery .blocks-gallery-image,
  .modelsGallery .blocks-gallery-item {
    width: calc((100% - 16px) / 2) !important;
    max-width: calc((100% - 16px) / 2) !important;
  }

  .modelsGallery .blocks-gallery-image:nth-of-type(2n),
  .modelsGallery .blocks-gallery-item:nth-of-type(2n) {
    margin-right: 0;
  }

  .modelsGallery .blocks-gallery-item {
    margin-bottom: 12px;
  }

  .modelsGallery.wp-block-gallery .blocks-gallery-item figcaption.blocks-gallery-item__caption {
    font-size: 13px;
  }
}