/* --------------------------------------------------
New Front Page Test
* -------------------------------------------------- */
/*-- Common --*/
.view-front-page-contents .view-header h3 { background: #EEE; border-top: 1px solid #E00; margin: 0 0 0.5em; padding: 12px 15px; }

.view-front-page-contents ul { margin: 0; padding: 0; list-style: none; letter-spacing: -0.4em; }
.view-front-page-contents ul li { margin: 0 0 1em; padding: 0; display: inline-block; vertical-align: top; letter-spacing: normal; line-height: 1.3; }

.view-front-page-contents .views-field-field-titleimage { margin: 0 0 0.5em; }
.view-front-page-contents .views-field-field-subtitle { margin: 0 0 0.3em; font-size: 11px; }

.view-front-page-contents .views-field-title { margin: 0 0 0.3em; font-size: 14px; }
.view-front-page-contents .views-field-title  a { color: #000; font-weight: bold; }
.view-front-page-contents  a .views-field-title { color: #000; font-weight: bold; }

.view-front-page-contents .views-field-taxonomy-vocabulary-1 a,
.view-front-page-contents .views-field-taxonomy-vocabulary-4 a { display: inline-block; padding: 2px 5px; margin: 0 0 0.3em; background: #EEE; border-radius: 6px; font-size: 11px; color: 
#333; }

.view-front-page-contents .views-field-taxonomy-vocabulary-1 a:hover,
.view-front-page-contents .views-field-taxonomy-vocabulary-4 a:hover { text-decoration: none; background: #0D7048; color: #FFF; }

.view-front-page-contents .views-field-created { display: inline-block; font-size: 10px; }

.view-front-page-contents .views-field-field-spotlight1 { font-size: 12px; color: #F00; font-weight: bold; }

/*-- Individual Difinition --*/
.view-display-id-whatsnew_block_1 ul li,
.view-display-id-race_1 ul li,
.view-display-id-review_2 ul li,
.view-display-id-impression_1 ul li,
.view-display-id-topics_1 ul li { margin: 0 0.5% 1em; width:  32.3%; }

.view-display-id-whatsnew_block_1 ul li:first-child,
.view-display-id-whatsnew_block_1 ul li:nth-child(2) { width:  48%; }

.view-display-id-whatsnew_block_1 ul li:first-child { margin: 0 2% 1em 0; }
.view-display-id-whatsnew_block_1 ul li:nth-child(2) { margin: 0 0 1em 2%; }

a.btn-backnumber-1 { display: block;  width: 50%; margin: 0.5em auto; padding: 8px 10px; border-radius: 6px; color: #FFF; background: #333; text-align: center; font-weight: 700; }
a.btn-backnumber-1:hover { text-decoration: none; background: #0D7048; }

/*-- Slick Carousel --*/
#slick-views-front-page-contents-1-slider { margin: 0 0 13px; }

.slick--view--front-page-contents  .slick-slide .slide__content { padding: 0 3px; line-height: 1.2; }
.slick--view--front-page-contents .slick-arrow::before { color: #000; text-shadow: 2px 2px 0px #FFF, -2px 2px 0px #FFF, 2px -2px 0px #FFF, -2px -2px 0px #FFF; }

.slick--view--front-page-contents .views-field-php { display: inline-block; }
.slick--view--front-page-contents .views-field-php .icon-new { padding: 2px 5px; background: #E00; color: #FFF; font-size: 12px; border-radius: 4px; }

/*-- Shop Banner --*/
.bn-shop-1 { margin: 0 0 1.2em; padding: 0; border-radius: 7px; border: 1px solid #12837E; background: #66C9AF url(images/bn-shop-1-bg.jpg) right center no-repeat; background-size: auto 100%; }
.bn-shop-1 div { box-sizing: border-box; }

a.bn-shop-1-link { color: #FFF; text-decoration: none; }
a.bn-shop-1-link:hover .bn-shop-1 { background: #12837E url(images/bn-shop-1-bg-mo.jpg) right center no-repeat; background-size: auto 100%; }

.bn-shop-1 .bh-shop-1-tx { padding: 12px 12px; }

.bn-shop-1 h3 { margin: 0; padding: 0; color: #FFF; font-size: 20px; text-shadow: 1px 1px 10px #12837E, -1px 1px 10px #12837E, 1px -1px 10px #12837E, -1px -1px 10px #12837E; }
.bn-shop-1 h4 { margin: 0 0 0.2em; padding: 0; color: #FFF; font-size: 14px; text-shadow: 1px 1px 10px #12837E, -1px 1px 10px #12837E, 1px -1px 10px #12837E, -1px -1px 10px #12837E; }
.bn-shop-1 .bn-shop-1-tx-s { font-size: 12px; }

/*--Category Tab--*/
#quicktabs-front_news_tab_1 .quicktabs_main.quicktabs-style-sky { margin: 0 0 1.5em; border: none; }

#quicktabs-front_news_tab_1 ul.quicktabs-tabs { display: table; width: 100%; overflow: auto; }
#quicktabs-front_news_tab_1 ul.quicktabs-tabs li { float: none; display: table-cell; width: 20%; text-align: center; }
#quicktabs-front_news_tab_1 ul.quicktabs-tabs li a { display: block; width: 98%; border: none;  color: #FFF; height: 3.2em; min-height: 3.4em; line-height: 3.2em; margin: 0 auto; border-radius: 7px 7px 0 0; }

#quicktabs-front_news_tab_1 ul.quicktabs-tabs.quicktabs-style-sky li.active a,
#quicktabs-front_news_tab_1 ul.quicktabs-tabs.quicktabs-style-sky li.active a:visited { height: 4em; min-height: 4.2em; }

#quicktabs-front_news_tab_1 ul.quicktabs-tabs li:first-child a { background: #E00; }
#quicktabs-front_news_tab_1 ul.quicktabs-tabs li:nth-child(2) a { background: #F70; }
#quicktabs-front_news_tab_1 ul.quicktabs-tabs li:nth-child(3) a { background: #0D7048; }
#quicktabs-front_news_tab_1 ul.quicktabs-tabs li:nth-child(4) a { background: #03F; }
#quicktabs-front_news_tab_1 ul.quicktabs-tabs li:nth-child(5) a { background: #30A8DD; }

#quicktabs-container-front_news_tab_1 { border-top: none; padding: 0; }

#quicktabs-tabpage-front_news_tab_1-0 { border: 1px solid #E00; border-top: 6px solid #E00; padding: 8px; }
#quicktabs-tabpage-front_news_tab_1-1 { border: 1px solid #F70;  border-top: 6px solid #F70; padding: 8px; }
#quicktabs-tabpage-front_news_tab_1-2 { border: 1px solid #0D7048; border-top: 6px solid #0D7048; padding: 8px; }
#quicktabs-tabpage-front_news_tab_1-3 { border: 1px solid #03F; border-top: 6px solid #03F; padding: 8px;}
#quicktabs-tabpage-front_news_tab_1-4 { border: 1px solid #30A8DD; border-top: 6px solid #30A8DD; padding: 8px; }

@media (max-width: 510px) {
	#quicktabs-front_news_tab_1 ul.quicktabs-tabs { display: block; }

.view-display-id-whatsnew_block_1 ul li,
.view-display-id-race_1 ul li,
.view-display-id-review_2 ul li,
.view-display-id-impression_1 ul li,
.view-display-id-topics_1 ul li { margin: 0 0.5% 1em; width:  49%; }

}