@charset "utf-8";
/* CSS Document */

.snav-search{display: flex;width:calc(100% + 0.5em);margin-left: -0.25em;margin-right: -0.25em;}
.snav-search-item{flex:1;padding:0 0.25em;}
.snav-search-link {display: block;background: #fff;border-bottom: 2px solid #000000;text-align:  center;padding: 0.4em 0;box-shadow:0px 0px 1px 0px rgba(0,0,0,0.25);font-weight: bold;font-family: source-han-sans-japanese, sans-serif;letter-spacing: 0.05em;font-size: 1.2em;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
/**/
.snav-search-item.orange .snav-search-link{border-bottom:2px solid #F69338}
.snav-search-item.pink .snav-search-link{border-bottom:2px solid #E98CA3}
.snav-search-item.purple .snav-search-link{border-bottom:2px solid #7E86C9}
.snav-search-item.blue .snav-search-link{border-bottom:2px solid #348BFF}

.snav-search-item.food .snav-search-link { border-bottom:2px solid #F7943A;}
.snav-search-item.body .snav-search-link {border-bottom:2px solid #EEB115;}
.snav-search-item.mind .snav-search-link {border-bottom:2px solid #F789A1;}
.snav-search-item.philosophy .snav-search-link {border-bottom:2px solid #E05197;}
.snav-search-item.culture .snav-search-link {border-bottom:2px solid #83358E;}
.snav-search-item.nature .snav-search-link {border-bottom:2px solid #7D86CA;}
.snav-search-item.comfort .snav-search-link {border-bottom:2px solid #176CB4;}

/**/
.snav-search-icon {background-repeat: no-repeat; background-size:100%; background-position: right 50% top 50%;display: inline-block;width: 1.2em;height: 1.2em;margin-right: 0.3em;}
.snav-search-item.orange .snav-search-icon{background-image: url("../images/ic-yy-orange.svg"); }
.snav-search-item.pink .snav-search-icon{background-image: url("../images/ic-yy-pink.svg"); }
.snav-search-item.purple .snav-search-icon{background-image: url("../images/ic-yy-purple.svg"); }
.snav-search-item.blue .snav-search-icon{background-image: url("../images/ic-zoom-blue.svg"); }

.snav-search-item.food .snav-search-icon{background-image: url("../images/ic-yy-orange.svg"); }
.snav-search-item.body .snav-search-icon{background-image: url("../images/ic-yy-yellow.svg"); }
.snav-search-item.mind .snav-search-icon{background-image: url("../images/ic-yy-pink.svg"); }
.snav-search-item.philosophy .snav-search-icon{background-image: url("../images/ic-yy-magenta.svg"); }
.snav-search-item.culture .snav-search-icon{background-image: url("../images/ic-yy-purple-d.svg"); }
.snav-search-item.nature .snav-search-icon{background-image: url("../images/ic-yy-purple.svg"); }
.snav-search-item.comfort .snav-search-icon{background-image: url("../images/ic-yy-blue.svg"); }
/**/
.snav-search-item.active .snav-search-link {position: relative;}
.snav-search-item.active .snav-search-link::after {content: '';width: 0;height: 0;border-top: 10px solid #000000;border-right: 10px solid transparent ;border-bottom: 10px solid transparent;border-left: 10px solid transparent;position: absolute;left: 50%;bottom: -19px;margin-left: -10px;}
/**/
.snav-search-item.orange.active .snav-search-link{background: #F69338; color: #fff;}
.snav-search-item.pink.active .snav-search-link{background: #E98CA3; color: #fff;}
.snav-search-item.purple.active .snav-search-link{background: #7E86C9; color: #fff;}
.snav-search-item.blue.active .snav-search-link{background: #348BFF; color: #fff;}

.snav-search-item.food.active .snav-search-link { background: #F7943A;color:#fff}
.snav-search-item.body.active .snav-search-link {background: #EEB115;color:#fff}
.snav-search-item.mind.active .snav-search-link {background: #F789A1;color:#fff}
.snav-search-item.philosophy.active .snav-search-link {background: #E05197;color:#fff}
.snav-search-item.culture.active .snav-search-link {background: #83358E;color:#fff}
.snav-search-item.nature.active .snav-search-link {background: #7D86CA;color:#fff}
.snav-search-item.comfort.active .snav-search-link {background: #176CB4;color:#fff}
/**/
.snav-search-item.orange.active .snav-search-link::after{border-top: 10px solid #F69338;}
.snav-search-item.pink.active .snav-search-link::after{border-top: 10px solid #F88BA3;}
.snav-search-item.purple.active .snav-search-link::after{border-top: 10px solid #7E86C9;}
.snav-search-item.blue.active .snav-search-link::after{border-top: 10px solid #348BFF;}

.snav-search-item.food.active .snav-search-link::after { border-top:10px solid #F7943A;}
.snav-search-item.body.active .snav-search-link::after {border-top:10px solid #EEB115;}
.snav-search-item.mind.active .snav-search-link::after {border-top:10px solid #F789A1;}
.snav-search-item.philosophy.active .snav-search-link::after {border-top:10px solid #E05197;}
.snav-search-item.culture.active .snav-search-link::after {border-top:10px solid #83358E;}
.snav-search-item.nature.active .snav-search-link::after {border-top:10px solid #7D86CA;}
.snav-search-item.comfort.active .snav-search-link::after {border-top:10px solid #176CB4;}
/**/
.snav-search-item.orange.active .snav-search-icon{background-image: url("../images/ic-yy-white.svg");}
.snav-search-item.pink.active .snav-search-icon{background-image: url("../images/ic-yy-white.svg");}
.snav-search-item.purple.active .snav-search-icon{background-image: url("../images/ic-yy-white.svg");}
.snav-search-item.blue.active .snav-search-icon{background-image: url("../images/ic-zoom.svg");}

.snav-search-item.food.active .snav-search-icon{background-image: url("../images/ic-yy-white.svg"); }
.snav-search-item.body.active .snav-search-icon{background-image: url("../images/ic-yy-white.svg"); }
.snav-search-item.mind.active .snav-search-icon{background-image: url("../images/ic-yy-white.svg"); }
.snav-search-item.philosophy.active .snav-search-icon{background-image: url("../images/ic-yy-white.svg"); }
.snav-search-item.culture.active .snav-search-icon{background-image: url("../images/ic-yy-white.svg"); }
.snav-search-item.nature.active .snav-search-icon{background-image: url("../images/ic-yy-white.svg"); }
.snav-search-item.comfort.active .snav-search-icon{background-image: url("../images/ic-yy-white.svg"); }




/*----------------------------------------------------*/
.section-list-search {width:calc(100% + 1em) ;display: flex;flex-wrap: wrap;margin-left: -0.5em;margin-right: -0.5em;border-bottom: 1px solid #CFCFCF;margin-bottom: 2em;}
.section-list-search > .item-course {width: 25%;padding:0 0.5em;margin-bottom: 2em;}
 /*----------------------------------------------------*/

	
	
@media only screen and (max-width: 767px) {
.snav-search{width: 100vw;margin-left: -1em;margin-right: -1em;}
.snav-search-item {padding: 0;}
.snav-search-link {font-size: 0.9em;padding: 1em 0;white-space: nowrap;letter-spacing: 0;}
/*----------------------------------------------------*/
.section-list-search > .item-course {width: 100%;}
.section-list-search > .item-course + .item-course {border-top: 1px solid #ccc;padding-top: 2em;}
.section-list-search .item-course-title  {font-size: 1.2em;}
.section-list-search .item-course-media {font-size: 1.2em;}


}