@charset "utf-8";
/* ==================================================

		TOP PC

================================================== */
@media screen and (min-width:741px) {

/* --------------------------------------------------
		.vi
-------------------------------------------------- */
#main .vi {
 color: #ffffff;
 /*background: #89aebd;*/
}
#main .vi .txt {
 width: 1130px;
 margin: 0 auto;
}

/* --------------------------------------------------
		.pickup
-------------------------------------------------- */
#main .contents .pickup .pickup-inner .pickup-box {
 width: 788px;
 padding-left: 37px;
}

/* --------------------------------------------------
		.exh
-------------------------------------------------- */
#main .contents .exh .tit {
 font-size: 20px;
 letter-spacing: 0.8px;
 line-height: 1.3;
}
#main .contents .exh .exh-inner {
 padding: 0 30px 0;
}

/*	search
-------------------------------------------------- */
#main .contents .exh .exh-inner .search {
 border-top: 1px solid #dfdfdf;
}
#main .contents .exh .exh-inner .search:first-of-type {
 border: none;
}
#main .contents .exh .exh-inner .search .stit {
 margin-bottom: -5px;
}
#main .contents .exh .exh-inner .search .search-inner ul li {
 margin: 0 4px;
}
#main .contents .exh .exh-inner .search .search-inner ul li input {
 display: none;
}
#main .contents .exh .exh-inner .search .search-inner ul li label span {
 color: #2e4a56;
 font-size: 14px;
 letter-spacing: 0;
 background: #bac6cb;
 border-radius: 40px;
 padding: 5px 18px 6px;
}
#main .contents .exh .exh-inner .search .search-inner ul li input[type="checkbox"]:checked + label span {
 color: #ffffff;
 background: #2e4a56;
}

/*	.result
-------------------------------------------------- */
#main .contents .exh .result li {
 width: 528px;
}
#main .contents .exh .result li .txt {
 font-size: 14px;
 line-height: 1.86;
}

/* --------------------------------------------------
		.coll
-------------------------------------------------- */
#main .contents .coll .coll-inner {
 width: 820px;
 margin: 0 auto;
}
#main .contents .coll .coll-inner .tit {
 width: 100%;
}

/* --------------------------------------------------
		.cata
-------------------------------------------------- */
#main .contents .cata .cata-inner li {
 padding: 0 30px;
}
#main .contents .cata .cata-inner li .txt {
 letter-spacing: 0;
 margin-left: -7px;
}
#main .contents .cata .cata-inner li .txt::before {
 content: "・";
}

/* --------------------------------------------------
		.event
-------------------------------------------------- */
#main .contents .event h3 {
  font-size: 20px;
}

#main .contents .event h3 span {
  font-size: 36px;
  display: block;
}


#main .contents .event .event-inner .event-box {
 width: 922px;
 padding-right: 37px;
}

}

/* ==================================================

		TOP SP

================================================== */
@media screen and (max-width:740px) {

/* --------------------------------------------------
		.vi
-------------------------------------------------- */
#main .vi {
 color: #ffffff;
 /*background: #89aebd;
 padding: 0 10px;*/
}

/* --------------------------------------------------
		.pickup
-------------------------------------------------- */
#main .contents .pickup .pickup-inner .img {
 width: 80%;
 margin: 0 auto;
}
#main .contents .pickup .pickup-inner .pickup-box .img {
 width: 80%;
 margin: 0 auto;
}
#main .contents .pickup .pickup-inner .pickup-box .txt {
 line-height: 1.7;
}
#main .contents .pickup .pickup-inner .button-range {
 text-align: center;
}

/* --------------------------------------------------
		.exh
-------------------------------------------------- */
#main .contents .exh .tit {
 font-size: 18px;
 line-height: 1.35;
}
#main .contents .exh .exh-inner {
 padding: 0 8px 0;
}

/*	search
-------------------------------------------------- */
#main .contents .exh .exh-inner .search {
 border-top: 1px solid #dfdfdf;
}
#main .contents .exh .exh-inner .search:first-of-type {
 border: none;
}
#main .contents .exh .exh-inner .search .stit {
 font-size: 15px;
 margin-bottom: -10px;
}
#main .contents .exh .exh-inner .search .search-inner ul li {
 margin: 0 3px;
}
#main .contents .exh .exh-inner .search .search-inner ul li input {
 display: none;
}
#main .contents .exh .exh-inner .search .search-inner ul li label span {
 font-size: 13px;
 color: #2e4a56;
 background: #bac6cb;
 border-radius: 40px;
 padding: 5px 12px 6px;
}
#main .contents .exh .exh-inner .search .search-inner ul li input[type="checkbox"]:checked + label span {
 color: #ffffff;
 background: #2e4a56;
}

/*	.result
-------------------------------------------------- */
#main .contents .exh .result li .img {
 width: 100%;
}
#main .contents .exh .result li .txt {
 line-height: 1.72;
}

/* --------------------------------------------------
		.coll
-------------------------------------------------- */
#main .contents .coll .coll-inner .txt {
 line-height: 1.72;
}
#main .contents .coll .coll-inner .tit {
 width: 100%;
}

/* --------------------------------------------------
		.cata
-------------------------------------------------- */
#main .contents .cata .cata-inner {
 justify-content: flex-start;
}
#main .contents .cata .cata-inner li {
 width: 50%;
 padding: 0 3%;
}
#main .contents .cata .cata-inner li .txt {
 letter-spacing: 0;
 line-height: 1.5;
 margin-left: -7px;
}
#main .contents .cata .cata-inner li .txt::before {
 content: "・";
}

/* --------------------------------------------------
		.event
-------------------------------------------------- */
#main .contents .event h3 {
  font-size: 18px;
}

#main .contents .event h3 span {
  font-size: 26px;
  display: block;
}

#main .contents .event .event-inner {
 flex-wrap: wrap-reverse;
}

#main .contents .event .event-inner .img {
 width: 30%;
 margin: 0 auto;
}
#main .contents .event .event-inner .event-box .txt {
 line-height: 1.7;
}

}