/*
	main.css
*/
/* 共通 */

.thumbSlider {
	margin-left: 12% !important;
	margin-right: 12% !important;
}

.site-body {
	background-color: #fff !important;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 2 !important;
}


/* メニュー */

#sp_menu {
    display: none;
    position: fixed;
    width: 300px;
    height: 100%;
    right: 0;
    top: 86px;
    padding: 18px 0 0;
    color:#fff;
    z-index: 1;
}

#sp_menu li {
    margin-bottom: 14px;
}

.menu_open .site-body,
.menu_open #header {
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}

.breadcrumb a {
	color : gray;
}

/*** ニュース ***/

.news-date {
  font-size: 12px !important;
}

.news-list {
  width: 33%;
}

.news {
  margin-bottom: 20px !important;
}

/* [Twitter] */
.sc-tw {
  width: 100%;
}

/* [Facebook] */
.sc-fb {
  width: 100%;
}

/* [LINE] */
.sc-li {
  width: 100%;
}

/*** コラボ ***/

.colabo-main img {
  width: 100%;
}

.colabo_main_image {
  width: 100%;
}

.colabo-shop-main {
  margin-left: 1vw !important;
  margin-right: 1vw !important;
  margin-top: 10px;
  margin-bottom: 10px;
}

.colabo-shop h2 {
  background-color: #48B4CA;
  margin-top: 20px;
  margin-bottom: 20px;
}

.colabo-shop-text {
  font-size: 2vw;
  line-height: 2.2vw;
  margin-top: 5px;
  margin-bottom: 5px;
}

.colabo-shop-slide-text {
  font-size: 2vw;
  line-height: 2.2vw;
  margin-top: 5px;
  margin-bottom: 5px;
}

.colabo-shop-image {
  margin-top: 20px;
  margin-bottom: 20px;
}

.colabo-shop-image-uptext {
  font-weight: bold;
  font-size: 2.5vw;
  line-height: 2.2vw;
}

.colabo-shop-image-uptext-sub {
  font-size: 2vw;
  line-height: 2.2vw;
  margin-bottom: 5px;
}

.colabo-shop-image-downtext {
  font-size: 2vw;
  line-height: 2.2vw;
  margin-bottom: 5px;
}

.colabo-attention {
  margin-left: 1vw !important;
  margin-right: 1vw !important;
  margin-top: 10px;
  margin-bottom: 10px;
}

.colabo-attention-title {
  font-size: 2vw;
  line-height: 2.2vw;
  margin-bottom: 5px;
}

.colabo-attention-text {
  font-size: 2vw;
  line-height: 2.2vw;
  margin-bottom: 5px;
}

.colabo-link-title {
  font-weight: bold;
  font-size: 2vw;
  line-height: 2.2vw;
  margin-top: 5px;
}

.colabo-link-text {
  font-size: 2vw;
  line-height: 2.2vw;
  margin-bottom: 5px;
}

.colabo_menu {
  display: inline-block;
  width: 100%;
}

.example-image {
  width: 23% !important;
  margin-right: 2%;
}

.colabo h2 {
  background-color: #ef8200 !important;
}