/* --------------------------------------------------
 * Microsite common style settings : Base - Dark Gray
 * -------------------------------------------------- */
/*--Type Face--*/
/*Ming*/
body.microsite-ming #block-cw910-breadcrumbs,
body.microsite-ming #block-ms-header-block,
body.microsite-ming #block-ms-header-navi-block,
body.microsite-ming #page-header-wrapper,
body.microsite-dark .block-cw910-primary-local-tasks,
body.microsite-ming #block-cw910-content,
body.microsite-ming #block-cw910-content .submitted { font-family: 'Noto Serif JP', serif; }

/*--Dark Theme--*/
body.microsite-dark { background: #000; }

body.microsite-dark #block-cw910-breadcrumbs .block-body,
body.microsite-dark #block-ms-header-block .block-body,
body.microsite-dark #block-ms-header-navi-block .block-body,
body.microsite-dark #block-cw910-page-title .block-body,
body.microsite-dark #page-header-wrapper,
body.microsite-dark .block-cw910-primary-local-tasks,
body.microsite-dark .layout-sidebar .block-body,
body.microsite-dark .layout-sidebar .block-body .more-link,
body.microsite-dark #block-race-banner-block-2 ul li a,
body.microsite-dark #block-series-banner-block-2 ul li a,
body.microsite-dark #block-cw910-content,
body.microsite-dark #block-cw910-content .block-body { background: #222; color: #FFF; }

body.microsite-dark .region-content-top { background: #222 !important; color: #FFF; }

body.microsite-dark .addtoany_list { background: #000; color: #FFF; }

/*-- Dark - Sidebar --*/
body.microsite-dark #block-shop-pickup-block-sidebar .shop-pickup-side-info,
body.microsite-dark .view-display-id-shop_all_feeds_block_sidebar_2 ul li .views-field-nothing .field-content a,
body.microsite-dark #block-impression-sidebar-2 .views-field-title .field-content a { color: #FFF; background: #222; }

/*-- Dark - Content --*/
body.microsite-dark #block-cw910-content form label { color: #000; }
body.microsite-dark #block-cw910-content form#content-access-page .form-type-checkboxes > label { color: #FFF; }

body.microsite-dark #block-cw910-content table tr.odd { background: #000; color: #FFF; }
body.microsite-dark #block-cw910-content table tr.even { background: #333; color: #FFF; }
body.microsite-dark #block-cw910-content table td.active { background: #555; color: #FFF; }

body.microsite-dark .term-news a,
body.microsite-dark .term-jenre a,
body.microsite-dark .term-freetag a,
body.microsite-dark .term-product a { background: #555; color: #EEE; }

body.microsite-dark .term-news a:hover,
body.microsite-dark .term-jenre a:hover,
body.microsite-dark .term-freetag a:hover,
body.microsite-dark .term-product a:hover { background: #777; color: #FFF; }

body.microsite-dark #block-cw910-content article .submitted { background: #222; color: #FFF; }

/*-- Dark - Node Unpublished & Preview --*/
body.microsite-dark #block-cw910-content .node-unpublished { background: #222; }
body.microsite-dark #block-cw910-content .node-unpublished .submitted { border:  1px solid #E00; background: #E00; }
body.microsite-dark article.node-preview { background: #222; color: #FFF; }
body.microsite-dark article.node-preview .submitted { background: #FFA; }

/*--Header (Block)--*/
#block-ms-header-block { margin: 0; padding: 0; }

#block-ms-header-block .views-field-field-ms-header-image1 { margin: 0; padding: 0; line-height: 0; }
#block-ms-header-block .views-field-field-ms-header-navi-title1 .field-content {
	margin: 0; padding: 5px 7px 4px;
	font-size: 15px; color: #FFF; line-height: 1.1;
	background: #000;
}

/*--Header Navi--*/
#block-ms-header-navi-block { margin: -30px 0 0; padding: 0; }
#block-ms-header-navi-block .block-body { padding: 0 15px 15px; }

#block-ms-header-navi-block .item-list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	list-style: none; margin: 0; padding: 0; width: 100%; 
	background: #666; border-bottom: 2px solid #333333;
}
#block-ms-header-navi-block .item-list ul li {
	width: 50%; margin: 0; padding: 5px; vertical-align: top;
	border-bottom: 1px solid #333333;
	box-sizing: border-box;
}

#block-ms-header-navi-block .views-field-field-titleimage { width: 96px; padding: 0 5px 0 0; float: left; line-height: 1.0; }
#block-ms-header-navi-block .views-field-field-subtitle { padding: 0 0 2px; font-size: 63%; line-height: 1.1; font-weight: bold; color: #CCC; }
#block-ms-header-navi-block .views-field-title { font-size: 75%; padding: 0 0 3px; line-height: 1.4; }
#block-ms-header-navi-block .views-field-title a { font-weight: bold; color: #FFF; }

/*--Footer--*/
article .field-name-field-ms-footer-banner1,
article .field-name-field-ms-footer-banner2 { clear: both; margin: 0; padding: 0; line-height: 1.2; text-align: center; }

.ms-footer-banner1 > div,
.ms-footer-banner2 > div { margin: 0 0 1em; padding: 0; }

article .field-ms-copyright1 { clear: both; padding: 0 0 15px; text-align: center; font-size: 85%; }

/*--etc--*/
.ms_index_outer1 { padding: 15px 0 15px; border-top: 1px solid #CCC; }

.ms_frame1 { padding: 10px; background: #FFF; border: 1px solid #999; border-top: none; }

.ms_dotline_box1 { margin: 0.5em 0 0; padding: 5px 0 0; border-top: 1px dotted #999; }

/*--Node Referer : Related Contents --*/
div.field-field-node-referer { margin: 0 0 1em; padding: 0; font-size: 100%; }

div.field-field-node-referer h3.field-label { 
	font-size: 86%;
	margin: 0; padding: 3px 10px;
	color: #666;
	border: 1px solid #CCC;
	background: #F0F0F0;
}

div.field-field-node-referer table.views-view-grid {
	margin: 0 0 10px; padding: 0;
	border-collapse: collapse;
	background: #FFF;
}

div.field-field-node-referer table.views-view-grid tbody { border: none; }

div.field-field-node-referer table.views-view-grid td {
	width: 50%; padding: 5px;
	vertical-align: top;
	clear: both;
	border: 1px solid #CCC;
	border-top: none;
}
div.field-field-node-referer div.views-field-field-titleimage-fid { padding: 0 5px 0 0; float: left; line-height: 1.0; }
div.field-field-node-referer div.views-field-field-subtitle-value { padding: 0 0 2px; font-size: 63%; line-height: 1.1; font-weight: bold; color: #333; }
div.field-field-node-referer div.views-field-title { font-size: 75%; padding: 0 0 3px; line-height: 1.4; }
div.field-field-node-referer div.views-field-title a { font-weight: bold; color: #000; }
div.field-field-node-referer div.views-field-created { font-size: 63%; padding: 0 0 3px; line-height: 1.0; color: #CCC; }

/*--Link--*/
div.field-field-link1 { margin: 0 0 1em; padding: 0; font-size: 93%; }

div.field-field-link1 h3.field-label {
	margin: 0; padding: 3px 10px;
	font-size: 93%;
	color: #666;
	border: 1px solid #CCC;
	background: #F0F0F0;
}

div.field-field-link1 div.field-item {
	padding: 4px 10px 3px 24px;
	border: 1px solid #CCC;
	border-top: none;
	background: #FFF url(../images_ms/ms_ico_arrow01.gif) 10px 9px no-repeat;
}

/*--columuns--*/
.col2_half1 { float: left; width: 360px; }
.col2_half2 { float: right; width: 360px; }

.col2_l1 { float: left; width: 290px; }
.col2_r1 { float: right; width: 420px; }

.col2_l2 { float: left; width: 420px; }
.col2_r2 { float: right; width: 290px; }

.col3_l1 { float: left; width: 230px; margin: 0 19px 0 0; }
.col3_r1 { float: right; width: 230px; margin: 0; }

/*--table--*/
table { margin: 0; padding: 0 0 0.2em; }

/*--Footer Navi Group--*/
article .group-ms-footer-navi1 { margin: 20px 0 10px; padding: 0; border: none; background: #444; clear: both; }

/*--Footer Navi PREV(1) & NEXT(2)--*/
article .ms-footer-navi1 { float: left; }
article .ms-footer-navi2 { float: right; }

article .ms-footer-navi1,
article .ms-footer-navi2 { width: 50%; margin: 0; padding: 7px 7px 7px; box-sizing: border-box; color: #FFF; }

article .ms-footer-navi1 { background: #444; }
article .ms-footer-navi2 { background: #444; text-align: right; }

article .ms-footer-navi1::before { display: inline-block; content: "PREV"; font-size: 12px; padding: 5px 7px; background: #222; }
article .ms-footer-navi2::before { display: inline-block; content: "NEXT"; font-size: 12px; padding: 5px 7px; background: #222; text-align: right; }

article .ms-footer-navi1 header.teaser,
article .ms-footer-navi2 header.teaser { margin: 0; padding-top: 7px; text-align: left; border-top: 2px solid #222; }

article .ms-footer-navi1 header.teaser .teaser-info a,
article .ms-footer-navi2 header.teaser .teaser-info a,
article .ms-footer-navi1 a,
article .ms-footer-navi2 a { color: #FFF; }

article .ms-footer-navi1 h3.sub-title,
article .ms-footer-navi2 h3.sub-title { color: #DDD; margin: 0 0 0.2em; }

article .ms-footer-navi1 .submitted,
article .ms-footer-navi2 .submitted { display: none; }

/*--Title--*/
/* Light */
.ms_title1 {
	margin: 0 0 1.2em; padding: 8px 9px 8px 18px; font-size: 18px; color: #FFF; line-height: 1.3;
	background: #000 url(../images_ms/ms_darkgray_title01.png) repeat-y;
}

.ms_title2 { margin: 0 0 1em; padding: 6px 9px 6px 12px; font-size: 16px; color: #000; line-height: 1.3; border-left: 7px solid #BBB; }
.ms_title3 { margin: 0 0 1em; padding: 0.2em 0 0.2em 10px; font-size: 15px; line-height: 1.3; border-left: 3px solid #BBB; }
.ms_title4 { margin: 0; padding: 4px 7px; font-size: 15px; line-height: 1.2; color: #FFF; border-top: 2px solid #BBB; background: #000; }
.ms_title5 { border-left: 7px solid #BBB; line-height: 1.3; color: #000; background: #F1F1F1; margin: 0 0 1.2em; padding: 6px 9px 6px 12px; }
.ms_title6 { border: 1px dotted #BBB; color: #000; background: #F1F1F1; margin: 0 0 1.2em; padding: 7px 10px; line-height: 1.3; }

.ms_index_title1 { margin: 0 0 15px; padding: 0; font-size: 125%; line-height: 1.3; color: #888; }

.ms_name1 { color: #787878; font-weight: bold; }

/* Light Simple */
body.microsite-simple .ms_title1 { margin: 0 0 1em; padding: 3px 0px; font-size: 20px; color: #000; background: none; border: none; }
body.microsite-simple .ms_title2 { margin: 0 0 1em; padding: 3px 0px; font-size: 17px; color: #666; border: none; }
body.microsite-simple .ms_title3 { margin: 0 0 1em; color: #000; border-left: 3px solid #BBB; }
body.microsite-simple .ms_title6 { border: none; }

/* Dark */
body.microsite-dark .ms_title2 { color: #FFF; }
body.microsite-dark .ms_title3 { color: #FFF; border-left: 3px solid #555; }
body.microsite-dark .ms_title4 { border-top: 2px solid #555; }
body.microsite-dark .ms_title5 { color: #FFF; background: #444; }
body.microsite-dark .ms_title6 { color: #FFF; background: #444; }

/* Simple Dark */
body.microsite-simple.microsite-dark .ms_title1 { color: #FFF; }
body.microsite-simple.microsite-dark .ms_title2 { color: #AAA; }
body.microsite-simple.microsite-dark .ms_title3 { color: #FFF; border-left: 3px solid #666; }
body.microsite-simple.microsite-dark .ms_title5 { color: #FFF; background: #444; border-left: 7px solid #555; }
body.microsite-simple.microsite-dark .ms_title6 { color: #FFF; background: #333; border: none; }

/*--Sub Frame--*/
/* Light */
div.ms_sub_frame1_1 { padding: 1.2%; border: 1px solid #BBBBBB; background: #EEE; }
div.ms_sub_frame1_2 { padding: 1.2%; border: 1px solid #BBBBBB; background: #FFF; }

/* Dark */
body.microsite-dark div.ms_sub_frame1_1 { background: #111; }
body.microsite-dark div.ms_sub_frame1_2 { background: #000; }

/*--Menu: text version--*/
ul.ms_menu1 {
	margin: 0; padding: 0;
	color: #FFF;
	background: #000;
	font-size: 78%;
	font-weight: bold;
	list-style: none;
}

ul.ms_menu1 a { color: #7DC7FF; text-decoration: none; }
ul.ms_menu1 a:hover { color: #FFF; }

ul.ms_menu1 li div {
	padding: 0 10px 0 20px;
	background: url(../images_ms/ico_menu_arrow01.png) 10px 6px no-repeat;
}

ul.ms_menu1 li.odd {
	float: left;
	width: 50%;
	margin: 0;
	padding: 4px 0 5px;
	border-top: 1px solid #0074BD;
}

ul.ms_menu1 li.even {
	float: left;
	width: 50%;
	margin: 0;
	padding: 4px 0 5px;
	border-top: 1px solid #0074BD;
}

/*--Buttons--*/
a.btn_orange1 span {
	display: block;
	width: 140px;
	padding: 3px 7px;
	font-size: 93%;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background: #F90;
	border: 2px solid #DDD;
	border-radius: 4px;
}

a.btn_orange1 { text-decoration: none; }
a.btn_orange1:hover span { background: #FC0; }

a.ms_button1 { border-radius: 6px; font-size:14px; padding: 7px 12px 7px 12px; text-align: center; text-decoration:none; display:inline-block; color: #FFF; }

a.ms_button1 {
border:2px solid #ADADAD;
background-color: #000000;
background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#454545));
background-image: linear-gradient(to bottom, #000000, #454545);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#000000, endColorstr=#454545);
}

a.ms_button1:hover {
border:2px solid #333333;
background-color: #454545;
background-image: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000));
background-image: linear-gradient(to bottom, #454545, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#454545, endColorstr=#000000);
}

a.ms_button2 { border-radius: 6px; font-size:14px; padding: 4px 10px 4px 10px; text-align: center; text-decoration:none; display:inline-block; color: #FFF; }

a.ms_button2 {
border:2px solid #ADADAD;
background-color: #000000;
background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#454545));
background-image: linear-gradient(to bottom, #000000, #454545);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#000000, endColorstr=#454545);
}

a.ms_button2:hover {
border:2px solid #333333;
background-color: #454545;
background-image: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000));
background-image: linear-gradient(to bottom, #454545, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#454545, endColorstr=#000000);
}

/*-- Slick Gallery --*/

body.microsite-dark .slick--display--thumbnail.slick--skin--asnavfor .slick__slide.slick-current { background: #555; }
body.microsite-dark .slick--display--thumbnail.slick--skin--asnavfor .slick__slide.slick-current img { border-color: #555; }
body.microsite-dark .slick--display--thumbnail.slick--skin--asnavfor .slick__slide.slick-current::before { border-bottom-color: #555; }


@media (max-width: 510px) {
	#block-ms-header-navi-block .views-field-field-titleimage,
	#block-ms-header-navi-block .views-field-field-titleimage img,
	article .ms-footer-navi1 .page-titleimage img,
	article .ms-footer-navi2 .page-titleimage img { width: 100%; max-width: 100%; float: none; margin: 0 0 5px; padding: 0; }
}