/*
Theme Name: CRAZY COLORZ
Theme URI: https://crazycolorz-carwrap.com/
Description: Crazy Colorz Basic Styles
Version: 1.0
Author: Crazy Colorz
Author URI: https://crazycolorz-carwrap.com/
*/



/****************************************
		1. General Setting 
*****************************************/

* {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


table.line { width: 100%; margin-left: auto; margin-right: auto; background-color:black;
border:1px #666 solid; }
	table.line tr th { background-color:black;
border:1px #666 solid;font-size: 12px; line-height: 1.5em; font-weight: bold; text-align: left; vertical-align: top; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; width: 20%; }
	table.line tr td { background-color:black;
border:1px #666 solid; font-size: 12px; line-height: 1.5em; text-align: left; vertical-align: top; border-bottom-width: 1px; border-bottom-style: 1px; border-bottom-color: #666; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; width: 80%; }



html {
	height: 100%;
	width: 100%;
}
body {
	color: #fff;
	font-size:12px;
	text-shadow: 1px 1px 1px #000;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
	height: 100%;
	width: 100%;
	letter-spacing:-0.001em;
	-webkit-text-size-adjust:100%;
}

/* For modern browsers */
.cf:before,
.cf:after { content:""; display:table; }
.cf:after { clear:both; }
 
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; overflow: hidden; }


/****************************************
		2. Basic Layout 
*****************************************/
#page{ clear: both; height: auto; width: auto; margin-right: auto; margin-left: auto; }

#contents {
	width:1200px;
	height:auto;
	margin:0 auto;
}

#main {
	width:890px;
	height:auto;
	float:left;
	background-color:#000;
	padding:50px 40px;
}

#side {
	width:189px;
	height:auto;
	float:right;
	background-color:#000;
	padding:50px 20px;
}

#side ul {
	margin:0 0 0 0;
	list-style:none;
}





/****************************************
		3.  Header, Menu
*****************************************/
.blog_title{
	color: #fff;
	font-size:200%;
	text-shadow: 3px 3px 3px #999;
	text-decoration:none;
	font-weight:bold;
	}
	.blog_title:hover{color: #444}




/****************************************
		4.  Main
*****************************************/



/*** Blog info ***/
div.blog_info{
	color: #fff;
	/*font-size:85%;*/
	padding: 0 0 10px 5px;
	margin: 0 0 10px;
	}
	div.blog_info ul{margin:0;}
		div.blog_info li{
			float: left;
			padding-left:20px;
			margin:0 15px 0 5px !important;
			list-style: none !important
			}
			div.blog_info li a{color: #999}
				div.blog_info li a:hover{color: #fff}
	div.blog_info li.cal{background: url(images/icon_cal.png) no-repeat 0 2px; color:#999;}
	div.blog_info li.cat{background: url(images/icon_cat.png) no-repeat 0 2px;}
	div.blog_info li.tag{background: url(images/icon_tag.png) no-repeat 0 2px;}
	
/*** Contents ***/
img.attachment-post-thumbnail{float: left; margin:0 15px 0 0 !important; width:100px; height:auto;}
a.more-link{
	background:url("https://crazycolorz-carwrap.com/img/arrow_next.png") no-repeat right top;
	color:#ccc;
	font-size:85%;
	padding:2px 20px 5px 10px;
	text-align:right;
	text-decoration:none;
	margin-left:480px;
	display:block;
	}
	a.more-link:hover{color: #fff}
	
/*** Bottom Navigation, Comment Navigation ***/
div.nav-below{margin: 40px 0 0;overflow:auto; clear: both;}
div.navigation{overflow:auto;}
	div.navigation a{margin-bottom:10px}

	.nav-previous a, .nav-next a,
	div.navigation .alignleft a, div.navigation .alignright a{
		color:#fff;
		font-size:85%;
		text-decoration:none;
		}
		.nav-previous a:hover, .nav-next a:hover,
		div.navigation .alignleft a:hover, div.navigation .alignright a:hover{
			color: #ccc
			}
			
	.nav-previous a, div.navigation .alignleft a{
		float:left;
		padding:2px 10px 2px 20px;
		background:url("https://crazycolorz-carwrap.com/img/arrow_prev.png") no-repeat left top;
		}
	.nav-next a, div.navigation .alignright a{
		float:right;
		text-align:right;
		padding:2px 20px 2px 10px;
		background:url("https://crazycolorz-carwrap.com/img/arrow_next.png") no-repeat right top;
		}
		

/****************************************
		5. Post Entry 
*****************************************/
.title{
	color:#fff;
	font-size:20px !important;
	line-height:35px;
	margin:20px 0 5px !important;
	border:none !important;
	padding: 0 !important;
	font-weight:normal;
	}
	div.post:first-child .title{margin-top:0 !important;}
	.title a{color: #fff;text-decoration:none;}
		.title a:hover{color: #fff}
		
.title2{
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:28px !important;
	line-height:35px;
	margin:50px 0 15px !important;
	border:none !important;
	padding: 0 !important
	}
	div.post:first-child .title2{margin-top:0 !important;}
	.title2 a{color: #ccc;text-decoration:none;}
		.title2 a:hover{color: #fff}
		
.post { border-bottom:1px solid #666; padding-bottom:20px; }

.post p{margin-bottom:20px; line-height:2em; font-size:12px;}
.post em{font-style: italic;}
.post code{color: #ccc; font-family:'Courier New',Courier,monospace;}
.post img{
	border:none;
	padding:0;
	background:none;
	margin:20px 0;
}
	.post img.wp-smiley{border:none;padding:0;background:none;margin:0;}
.post blockquote{
	border-left:5px solid #666;
	background: #eee;
	padding: 10px;
	margin:20px 0;
	font-style:italic;
	}
	.post blockquote p{margin:0;}
.post div.wp-caption{margin: 20px 0;}
	.post div.wp-caption img{ margin: 0;}
	.post div.wp-caption p{ font-size:85%;}
.post ul, .post ol{margin:20px 0;}
	.post ul li{
		list-style: url(image/arrow_list.png);
		margin-left:20px;
		}
	.post ol li{list-style: decimal outside;margin-left:20px;}

	
/****************************************
		5-1. Case study index
*****************************************/

.cs_post {
	/*width:260px;*/
	width: 31.33%;
	height:auto;
	display:block;
	/*margin:0 10px 20px;*/
	margin:0 1% 20px;
	float:left;
}
.cs_post a {
	color:#ccc;
	text-decoration:none;
}
.cs_post a:hover {
	color:#fff;
	text-decoration:none;
}
.cs_post img {
	width:100%!important;
	height:auto!important;
	display:block!important;
	padding-bottom:10px!important;
}
h2.cs_title {
	font-size:14px;
	width:100%;
	display:block;
	padding:10px 0 10px 0;
	overflow: hidden;
	line-height: 1.0em;
    white-space: nowrap;
	text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.cs_blog_info ul {
	list-style:none;
	width:auto;
	height:auto;
	display:block;
	margin-bottom:20px;
}
.cs_blog_info ul li {
	font-size:0.8em;
	font-weight:normal;
	width:auto;
	height:auto;
	display:block;
}
.cs_blog_info ul li a {
	color:#999;
}



/****************************************
		6. Comments
*****************************************/
h3#comments{
	padding: 10px 0 10px 10px;
	clear: both;
	margin-top:40px;
	border-top:1px solid #999;
	}
	
.commentlist{margin-bottom:30px;}
	.commentlist li {
		border-top:1px solid #999;
		padding:15px 0 0 55px;
		position:relative;
		}
	.commentlist .avatar {
		background:#000;
		border:1px solid #999;
		left:0;
		margin:0 16px 0 0;
		padding:3px;
		position:absolute;
		top:15px;
		}
	.commentlist .comment-meta{margin-bottom:10px;}
		.commentlist .comment-meta a{
			color: #ccc;
			font-size:85%;
			text-decoration:none;
			}
			.commentlist .comment-meta a:hover{color: #ccc;}
	.commentlist p{margin-bottom:15px;}
	.commentlist .reply a{
		position: absolute;
		top: 15px;
		right: 0;
		padding: 2px 10px;
		background: #000;
		font-size: 85%;
		color: #333;
		text-decoration: none;
		}
		.commentlist .reply a:hover {color: #999}
		
/*** Comment form ***/
#respond{margin-top:70px;}
#respond h3{
	border-bottom:1px solid #666;
	border-top:1px solid #666;
	padding:10px 0 10px 10px;
	}

#commentform{margin-top:20px;}
	#commentform p{clear: both}
	#commentform label{margin: 10px 5px;font-size:85%;}
	*:first-child+html #commentform label{ position:relative\9; top: -15px\9; } /* IE7 */
	#commentform input[type="text"], #commentform textarea{
		margin: 5px 0 10px;
		}
		#commentform input[type="text"]:focus, #commentform textarea:focus{
			border:1px solid #666;
			}

		
/****************************************
		7.  widget
*****************************************/


#footer h3{
	background: url(https://crazycolorz-carwrap.com/img/bg_footer_title.png) no-repeat;
	padding-left:15px;
	height: 42px;
	}

/*** Calendar ***/
#wp-calendar {width: 100%; margin-bottom:20px;}
	#wp-calendar caption {
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		padding-bottom: 4px;
		text-align: left;
		}
	#wp-calendar thead {font-size: 11px;}
	#wp-calendar tbody {color: #aaa;}
		#wp-calendar tbody td {
			background: #222;
			padding: 3px 0 2px;
			text-align: center;
			}
		#wp-calendar tbody .pad {background: none;}
	#wp-calendar tfoot #next {text-align: right;}
	
	
	
/* Widget */

.widget-container {
	margin-bottom:40px;
}


.widget-container a{text-decoration:none; color:#fff;}
.widget-container a:hover{text-decoration:underline; color:#fff;}

.current-cat a {
	color: #F00!important;
	font-weight:bold;
}

.widget-container h3 {
	font-size:20px;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	line-height:20px;
	color:#fff;
	margin-bottom:15px;
}
ul li.widget-container ul li.page_item_has_children { font-size: 16px; line-height: 2.5em; }
ul li.widget-container ul {
	margin-bottom:0;
}
ul li.widget-container ul.wpp-list {
	list-style-type: none;
	font-weight:normal;
}

ul li.widget-container ul.wpp-list li {
	font-size: 12px;
	line-height: 1.5em!important;
	padding-top: 10px!important;
	padding-bottom: 10px!important;
	list-style-type: none;
}
ul li.cat-item {
	font-weight:normal;
}


.widget-container ul ul.children {
	padding-top:5px!important;
	padding-bottom:8px!important;
}

.widget-container ul ul.children a {
	color:#ff0;
}

.widget-container ul ul.children a:hover {
	color:#fff;
}

.widget-container ul ul.children ul.children a {
	color:#ff0;
}

.widget-container ul ul.children ul.children a:hover {
	color:#fff;
}

.widget-container ul ul.children ul.children ul.children a {
	color:#ff0;
}

.widget-container ul ul.children ul.children ul.children a:hover {
	color:#fff;
}

	
.widget-container ul ul.children li { list-style: url(images/arrow_list.png); margin-left: 0; font-size: 12px; line-height: 1.4em; padding-bottom: 5px; }


/* sidemenu_widgets */
#sidemenu_widgets {
	margin-bottom:20px;
}
#sidemenu_widgets h3 {
	font-size:20px;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	line-height:20px;
	color:#fff;
	margin-bottom:15px;
}
#sidemenu_widgets li {
	list-style: url(images/arrow_list.png); margin-left: 5px; font-size: 12px; line-height: 1.4em; padding-bottom: 5px;
}
#sidemenu_widgets li ul.children {
	margin-left:15px;
	padding-left:0;
}
#sidemenu_widgets li ul.children li {
	margin-left:0;
	padding-left:0;
}
#sidemenu_widgets li ul.children li ul.children {
	margin-left:0;
	padding-left:0;
}
#sidemenu_widgets li ul.children li ul.children li {
	margin-left:15px;
	padding-left:0;
}
#sidemenu_widgets li a {
	color: #F00!important;
	font-weight:bold;
	text-decoration:none;
	width:auto;
	height:auto;
	display:block;
	padding:5px 0;
}
#sidemenu_widgets li a:hover {
	color: #fff!important;
	font-weight:bold;
	text-decoration:none;
}



#sidemenu_widgets ul.cats-list li{
	display:block;
	margin:0;
	padding:0 0 5px;
	width:189px;
	line-height:0;
}

#sidemenu_widgets ul.cats-list li a{
	display:block;
	margin:0;
	padding:0;
}


#sidemenu_widgets ul.cats-list li a:hover{
	opacity:0.8;
	background-color:#000000;
}

#sidemenu_widgets ul.cats-list li a img{
	width:100%;
	height:auto;
}




#sidemenu_widgets ul.bn-list li{
	display:block;
	margin:0;
	padding:0 0 5px;
	width:189px;
	line-height:0;
}

#sidemenu_widgets ul.bn-list li a{
	display:block;
	margin:0;
	padding:0;
}


#sidemenu_widgets ul.bn-list li a:hover{
	opacity:0.8;
	background-color:#000000;
}

#sidemenu_widgets ul.bn-list li a img{
	width:100%;
	height:auto;
}



/* Tag list */

.tw-tag-cloud li {
	list-style: url(images/arrow_list.png); margin-left: 20px; font-size: 100%!important; line-height: 1.5em; padding-bottom: 5px;
}
.tw-tag-cloud li a {
	color: #F00!important;
	font-weight:normal;
	text-decoration:none;
	width:auto;
	height:auto;
	display:block;
	padding:5px 0;
}
.tw-tag-cloud li a:hover {
	color: #fff!important;
	font-weight:normal;
	text-decoration:none;
}


/****************************************
		9.  Footer
*****************************************/
#footer .widget-area{
	width:290px;
	margin-left:35px;
	float: left;
	}
	#footer .widget-area:first-child{margin-left:0;}


p.copy{
	clear: both;
	font-size:80%;
	text-align:center;
	padding:40px 0;
	color: #666
	}
	p.copy a{color: #999;}
		p.copy a:hover{color: #ccc;}
body #msp .boader {
width:100%;
padding:30px 0 0;
margin-bottom:30px;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
}		
		
		
/****************************************
		10.  Plugin
*****************************************/
.child_page-container { background-color: #FFF; }
.child_page-container a { text-decoration: none; }
.child_page-container a:hover { text-decoration: underline; }
.child_page-container .post_content { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 0px!important; margin-top: 0px; }
.child_page-container .post_content h4 { margin: 0px; padding: 0px; }
.child_page-container .post_thumb { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 0px!important; margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; }
.post_content { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 0px; }
.post_excerpt { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 0px; }


.ngg-gallery-thumbnail a img {padding:4px 4px 3px 4px; border:1px solid #ccc; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color:#000; width:220px height:220px;}
.ngg-gallery-thumbnail a:hover img {padding:4px 4px 3px 4px; border:1px solid #ccc; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color:#999; width:220px height:220px;}

.cs_post a img.attachment-post-thumbnail {padding:4px 4px 0px 4px; border:1px solid #ccc; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color:#000; width:200px height:145px!important; display:block; overflow:none;}
.cs_post a:hover img.attachment-post-thumbnail {padding:4px 4px 0px 4px; border:1px solid #ccc; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color:#999;}



.mi-slider {
	position: relative;
	margin-top: 110px;
	height: 470px;
}

.mi-slider ul {
	list-style-type: none;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 40px;
	overflow: hidden;
	text-align: center;
	pointer-events: none;
}

.no-js .mi-slider ul {
	position: relative;
	left: auto;
	bottom: auto;
	margin: 0;
	overflow: visible;
}

.mi-slider ul.mi-current {
	pointer-events: auto;
}

.mi-slider ul li {
	display: inline-block;
	padding: 6px 10px;
	width: 80%;
	max-width: 500px;
	-webkit-transform: translateX(600%);
	transform: translateX(600%);
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.no-js .mi-slider ul li {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.mi-slider ul li a,
.mi-slider ul li img {
	display: block;
	margin: 0 auto;
}

.mi-slider ul li a {
	outline: none;
	cursor: pointer;
}

.mi-slider ul li img {
	max-width: 100%;
	border: none;
}

.mi-slider ul li dt,
.mi-slider ul li dt a {
	font-size: 16px;
	line-height: 1.3;
	font-weight: bold;
	text-decoration: underline;
	color: #F03;
}

.mi-slider ul li dd,
.mi-slider ul li dd a,
.mi-slider ul li div {
	line-height: 1.2;
	margin: 0;
	padding: 0;
}

.mi-slider ul li h4 {
	display: inline-block;
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
	font-style: italic;
	font-weight: 400;
	font-size: 18px;
	padding: 20px 10px 0;
}

.mi-slider ul li:hover {
	opacity: 0.7;
} 

.mi-slider h3 {
	font-size: 15px;
	line-height: 1.2;
	margin-top: 18px;
	text-align: center;
}

.mi-slider nav {
	position: relative;
	top: 500px;
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
	border-top: 5px solid #333;
}

.no-js nav {
	display: none;
}

.mi-slider nav a {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 5px;
	padding: 40px 30px 30px 34px;
	position: relative;
	color: #888;
	outline: none;
	-webkit-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

.mi-slider nav a:hover,
.mi-slider nav a.mi-selected {
	color: #001eff;
}

.mi-slider nav a.mi-selected:after,
.mi-slider nav a.mi-selected:before {
	content: '';
	position: absolute;
	top: -5px;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.mi-slider nav a.mi-selected:after {
	border-color: transparent;
	border-top-color: #fff;
	border-width: 20px;
	left: 50%;
	margin-left: -20px;
}

.mi-slider nav a.mi-selected:before {
	border-color: transparent;
	border-top-color: #333;
	border-width: 27px;
	left: 50%;
	margin-left: -27px;
}
/* Move classes and animations */

.mi-slider ul:first-child li,
.no-js .mi-slider ul li {
	-webkit-animation: scaleUp 350ms ease-in-out both;
	animation: scaleUp 350ms ease-in-out both;
}

@-webkit-keyframes scaleUp {
	0% { -webkit-transform: translateX(0) scale(0); }
	100% { -webkit-transform: translateX(0) scale(1); }
}

@keyframes scaleUp {
	0% { -webkit-transform: translateX(0) scale(0); transform: translateX(0) scale(0); }
	100% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); }
}

.mi-slider ul:first-child li:first-child {
	-webkit-animation-delay: 90ms;
	animation-delay: 90ms;
}

.mi-slider ul:first-child li:nth-child(2) {
	-webkit-animation-delay: 180ms;
	animation-delay: 180ms;
}

.mi-slider ul:first-child li:nth-child(3) {
	-webkit-animation-delay: 270ms;
	animation-delay: 270ms;
}

.mi-slider ul:first-child li:nth-child(4) {
	-webkit-animation-delay: 360ms;
	animation-delay: 360ms;
}

/* moveFromRight */

.mi-slider ul.mi-moveFromRight li {
	-webkit-animation: moveFromRight 350ms ease-in-out both;
	animation: moveFromRight 350ms ease-in-out both;
}

/* moveFromLeft */

.mi-slider ul.mi-moveFromLeft li {
	-webkit-animation: moveFromLeft 350ms ease-in-out both;
	animation: moveFromLeft 350ms ease-in-out both;
}

/* moveToRight */

.mi-slider ul.mi-moveToRight li {
	-webkit-animation: moveToRight 350ms ease-in-out both;
	animation: moveToRight 350ms ease-in-out both;
}

/* moveToLeft */

.mi-slider ul.mi-moveToLeft li {
	-webkit-animation: moveToLeft 350ms ease-in-out both;
	animation: moveToLeft 350ms ease-in-out both;
}

/* Animation Delays */

.mi-slider ul.mi-moveToLeft li:first-child,
.mi-slider ul.mi-moveFromRight li:first-child,
.mi-slider ul.mi-moveToRight li:nth-child(4),
.mi-slider ul.mi-moveFromLeft li:nth-child(4) {
	-webkit-animation-delay: 0ms;
	animation-delay: 0ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(2),
.mi-slider ul.mi-moveFromRight li:nth-child(2),
.mi-slider ul.mi-moveToRight li:nth-child(3),
.mi-slider ul.mi-moveFromLeft li:nth-child(3) {
	-webkit-animation-delay: 90ms;
	animation-delay: 90ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(3),
.mi-slider ul.mi-moveFromRight li:nth-child(3),
.mi-slider ul.mi-moveToRight li:nth-child(2),
.mi-slider ul.mi-moveFromLeft li:nth-child(2) {
	-webkit-animation-delay: 180ms;
	animation-delay: 180ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(4),
.mi-slider ul.mi-moveFromRight li:nth-child(4),
.mi-slider ul.mi-moveToRight li:first-child,
.mi-slider ul.mi-moveFromLeft li:first-child  {
	-webkit-animation-delay: 270ms;
	animation-delay: 270ms;
}

/* Animations */

@-webkit-keyframes moveFromRight {
	0% { -webkit-transform: translateX(600%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveFromLeft {
	0% { -webkit-transform: translateX(-600%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveToRight {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(600%); }
}

@-webkit-keyframes moveToLeft {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(-600%); }
}

@keyframes moveFromRight {
	0% { -webkit-transform: translateX(600%); transform: translateX(600%); }
	100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes moveFromLeft {
	0% { -webkit-transform: translateX(-600%); transform: translateX(-600%); }
	100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes moveToRight {
	0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
	100% { -webkit-transform: translateX(600%); transform: translateX(600%); }
}

@keyframes moveToLeft {
	0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
	100% { -webkit-transform: translateX(-600%); transform: translateX(-600%); }
}

.mi-slider {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Media Queries */
@media screen and (max-width: 910px){
	.mi-slider nav {
		max-width: 90%;
	}
	.mi-slider nav a {
		font-size: 12px;
		padding: 40px 10px 30px 14px;
	}
}

@media screen and (max-width: 740px){
	.mi-slider {
		height: 300px;
	}
	.mi-slider nav {
		top: 220px;
	}
}

@media screen and (max-width: 490px){ 
	.mi-slider {
		text-align: center;
		height: auto;
	}

	.mi-slider ul {
		position: relative;
		display: inline;
		bottom: auto;
		pointer-events: auto;
	}

	.mi-slider ul li {
		-webkit-animation: none !important;
		animation: none !important;
		-webkit-transform: translateX(0) !important;
		transform: translateX(0) !important;
		padding: 10px 3px;
		min-width: 140px;
	}

	.mi-slider nav {
		display: none;
	}
}

.side-new a {
  display: block;
}
.side-new li {
  overflow: auto;
  margin: 3px;
  padding: 0;
  line-height: 1.5;
  border-bottom: 1px dashed #999;
}
.side-new img {
  float: left;
  margin: 0 3px 0 0;
  width: 50px;
  height: 50px;
}

/* glare_coating */

#glare_coating-section01 {
	width: 450px;
	height: 800px;
	background-image: url(https://crazycolorz-carwrap.com/img/glare/bgsec01.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #fff;
	margin: 0 auto;
	padding: 60px 700px 0px 50px;
}

#glare_coating-section01 h2 {
	color: #fff;
	font-weight: bold;
	font-size: 28px;
	line-height: 1.5em;
	margin-bottom: 10px;
}

#glare_coating-section01 p {
	font-size:12px;
	line-height:2em;
	margin-bottom:1em;
}


#glare_coating-section02 {
	width: 900px;
	height: auto;
	color: #fff;
	margin: 0 auto;
}

#glare_coating-section02 h2 {
	color: #fff;
	font-weight: bold;
	font-size: 28px;
	line-height: 1.5em;
	margin-bottom: 10px;
}

#glare_coating-section02 p {
	font-size:12px;
	line-height:2em;
	margin-bottom:1em;
}




#glare_coating-section03 {
	width: 1000px;
	height: 1200px;
	background-image: url(https://);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #fff;
	margin: 0 auto;
	padding: 50px 0px 0px 0px;
}

#glare_coating-section03 h2 {
	color: #fff;
	font-weight: bold;
	font-size: 26px;
	line-height: 1.5em;
	margin-bottom: 10px;
}

#glare_coating-section03 p {
	font-size:12px;
	line-height:2em;
	margin-bottom:1em;
}

/* service */

#service-section01 {
	width: 450px;
	height: 740px;
	background-image: url(https://crazycolorz-carwrap.com/img/service/bgsec01.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #fff;
	margin: 0 auto;
	padding: 60px 700px 0px 50px;
}

#service-section01 h2 {
	color: #fff;
	font-weight: bold;
	font-size: 28px;
	line-height: 1.5em;
	margin-bottom: 10px;
}

#service-section01 p {
	font-size:12px;
	line-height:2em;
	margin-bottom:1em;
}


#service-section02 {
	width: 450px;
	height: 740px;
	background-image: url(https://crazycolorz-carwrap.com/img/service/bgsec02.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #fff;
	margin: 0 auto;
	padding: 60px 50px 0px 700px;
}

#service-section02 h2 {
	color: #fff;
	font-weight: bold;
	font-size: 28px;
	line-height: 1.5em;
	margin-bottom: 10px;
}

#service-section02 p {
	font-size:12px;
	line-height:2em;
	margin-bottom:1em;
}



/*  ここからグレアコーティング追加  */
#uv_off{
	width:900px;
	height:auto;
	margin:0 auto;
	}
#uv_off li{
	width:900px;
	height:auto;
	list-style:none;
	}
#uv_off li p{
	width:900px;
	height:auto;
	margin:15px 0 50px;
	}

#uv_off li .uv_box{
	width:900px;
	height:60px;
	clear:both;
	}
#uv_off li .uv_box img{
	width:60px;
	height:60px;
	display:block;
	float:left;
    margin: 0 !important;
	border: none !important;
	padding:0 !important;
	background:none !important;
	}
#uv_off li .uv_box h3{
	width:830px;
	height:auto;
	line-height:60px;
	float:right;
	font-size:22px;
	margin:0 !important;
	padding-top:4px;
	color:#FFF;
	}
#glare{
	background:url(https://crazycolorz-carwrap.com/wordpress/wp-content/uploads/2016/05/14d576207a93e4d51b60b97f194fb00b.jpg) no-repeat right 30px;
	background-size:399px 235px;
	}

#ml_no{
	height:60px !important;
	float:none !important;
	font-size:24px !important;
	line-height:28px !important;
	}
#comparison,
#qa{
	margin-bottom:40px;
	}
#comparison dl{
	width:900px;
	height:auto;
	}
#comparison dl dt{
	width:900px;
	height:auto;
	font-size:18px;
	line-height:22px !important;
	font-weight:bold;
	}
#comparison dl dd{
	width:900px;
	height:auto;
	font-size:12px;
	line-height:26px;
    margin-bottom: 40px;
	}


#comparison h3{
    width: 900px;
    height: auto;
    line-height: 30px;
    font-size: 22px;
    margin: 0 !important;
	color:#FFF;
}
#qa h3 {
    width: 850px;
    height: auto;
    line-height: 30px;
    font-size: 22px;
    margin: 0 auto !important;
    color: #FFF;
}

#comparison dl dt {
    width: 900px;
    height: auto;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
}

#comparison table{
	margin-bottom:30px;
	}
	
#qa dl{
	width:900px;
	height:auto;
	}

#qa dl{
     width:850px;
     margin:10px auto;
     line-height:1.8em;
     font-size: 1.2em;
     overflow: hidden;
     _zoom: 1;
}

#qa dl dd,
#qa dl dt{
     text-indent: -2.6em;   
     padding: 0 20px 0px 50px;
}

#qa dl dt{
     margin:20px 20px 0 0;
}

#qa dl dd:first-letter,
#qa dl dt:first-letter{
     font-size: 1.6em;
     font-weight: bold;
     margin-right:10px;
     padding:5px;
     font-family: 'Nunito', sans-serif;
}


#qa dl dd{
     margin: 20px 0 -1px 0;
     padding-bottom:15px;
     border-bottom: 1px #000 dotted;
}


#qa dl dt:first-letter{
     color: #0F78E1;
}
#qa dl dd:first-letter{
     color: #ff6767;
}
	
	
/* Pagination */

.pagination {
	clear: both;
	padding: 2rem 0 0 0;
	margin: 0;
	position: relative;
	font-size: 0.7rem;
	line-height: 1.6rem;
	text-align: center;
}


.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0px;
	padding: 0;
	text-decoration: none;
	min-width: 1.6rem;
	color: #d5d5d5;
	background: #222;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	white-space: nowrap;
}
.pagination a:hover {
	color: #fff;
	background: #444;
}
.pagination .current {
	padding: 0;
	background: #f03;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	white-space: nowrap;
}
a.more-link {
	display: block;
	float: left;
	font-size: 14px;
	line-height: 2rem;
	color: #fff;
	background-color: #222;
	margin: 1em auto;
	text-align: center;
	width: 7.0rem;
	padding: 0 0.5rem;
	text-decoration: none;
	/*	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
	border: none;
	white-space: nowrap;
}
a.more-link:hover {
	color: #fff;
	background: #666666;
}
div.nav-below {
	width: 16rem;
	margin: 2rem auto;
	overflow: auto;
	text-align: center
}


/*  ここまで  */

/* 固定ページを中央寄せ */
.page #main{
	float: none;
	margin: 0 auto;
}

.cramic-price-table,
.cramic-price-table *{
	text-shadow: none !important;
}

/* CRAZY COLORZ Phase2 lower pages responsive candidate */
#header .cc-menu-check,
#header .cc-menu-toggle,
#header .cc-menu-panel{
	display:none;
}

@media screen and (max-width:768px),
screen and (min-width:769px) and (max-width:1199px) and (pointer:coarse){

	html,
	body,
	#page,
	#wrapper{
		min-width:0 !important;
		width:100% !important;
		max-width:100% !important;
		height:auto !important;
		overflow-x:clip !important;
	}

	body{
		background:#000 !important;
		color:#fff !important;
		letter-spacing:0 !important;
		text-shadow:none !important;
		-webkit-text-size-adjust:100%;
	}

	img,
	video,
	iframe{
		max-width:100% !important;
	}

	img{
		height:auto !important;
	}

	#header{
		position:sticky !important;
		top:0 !important;
		z-index:999 !important;
		width:100% !important;
		min-width:0 !important;
		height:auto !important;
		background:rgba(0,0,0,.94) !important;
		opacity:1 !important;
		box-shadow:none !important;
		border-bottom:1px solid rgba(255,255,255,.14) !important;
		overflow:visible !important;
	}

	#header #hrbody,
	#header #hrbody .in_left,
	#header blockquote{
		float:none !important;
		width:100% !important;
		height:auto !important;
		padding:0 !important;
		margin:0 !important;
		overflow:visible !important;
	}

	#header blockquote{
		display:block !important;
	}

	#header h1{
		float:none !important;
		width:100% !important;
		height:56px !important;
		margin:0 !important;
		padding:0 !important;
	}

	#header h1 a{
		display:flex !important;
		align-items:center !important;
		justify-content:center !important;
		width:100% !important;
		height:56px !important;
		margin:0 !important;
		padding:0 !important;
		background:none !important;
		text-indent:0 !important;
		font-size:0 !important;
	}

	#header h1 a img{
		display:block !important;
		width:min(220px,62vw) !important;
		height:auto !important;
		max-height:48px !important;
		object-fit:contain !important;
	}

	#header .cc-menu-check{
		display:block !important;
		position:absolute !important;
		opacity:0 !important;
		pointer-events:none !important;
	}

	#header .cc-menu-toggle{
		position:absolute !important;
		right:10px !important;
		top:9px !important;
		z-index:1002 !important;
		width:44px !important;
		height:38px !important;
		display:flex !important;
		flex-direction:column !important;
		align-items:center !important;
		justify-content:center !important;
		gap:5px !important;
		background:#151515 !important;
		border:1px solid #3a3a3a !important;
		border-radius:4px !important;
	}

	#header .cc-menu-toggle span{
		display:block !important;
		width:22px !important;
		height:2px !important;
		background:#fff !important;
	}

	#header .cc-menu-panel{
		position:absolute !important;
		left:0 !important;
		right:0 !important;
		top:56px !important;
		z-index:1001 !important;
		display:none !important;
		background:rgba(0,0,0,.96) !important;
		border-top:1px solid rgba(255,255,255,.12) !important;
		border-bottom:1px solid rgba(255,255,255,.18) !important;
		padding:14px 14px 16px !important;
	}

	#header .cc-menu-panel h2{
		font-size:13px !important;
		line-height:1.4 !important;
		margin:0 0 10px !important;
		color:#fff !important;
	}

	#header .cc-menu-panel ul{
		display:grid !important;
		width:100% !important;
		height:auto !important;
		grid-template-columns:1fr 1fr !important;
		gap:8px !important;
		padding:0 !important;
		margin:0 !important;
		overflow:visible !important;
	}

	#header .cc-menu-panel li{
		float:none !important;
		width:auto !important;
		height:auto !important;
		list-style:none !important;
		overflow:visible !important;
		margin:0 !important;
	}

	#header .cc-menu-panel a{
		display:flex !important;
		align-items:center !important;
		min-height:34px !important;
		width:auto !important;
		height:auto !important;
		padding:0 10px !important;
		margin:0 !important;
		background:#181818 !important;
		border:1px solid #333 !important;
		border-radius:4px !important;
		color:#fff !important;
		text-decoration:none !important;
		font-size:11px !important;
		font-weight:800 !important;
		line-height:1.25 !important;
	}

	#header .cc-menu-check:checked + .cc-menu-toggle + .cc-menu-panel{
		display:block !important;
	}

	#header blockquote > ul,
	#header .in_left > ul{
		display:none !important;
	}

	#pagetitle,
	#pagetitle2,
	#pagetitle3,
	#pagetitle-bw{
		width:100% !important;
		min-width:0 !important;
		height:118px !important;
		padding-top:0 !important;
		margin:0 !important;
		overflow:hidden !important;
		background-size:cover !important;
		background-position:center center !important;
	}

	body.category-blog #pagetitle2{
		background-image:url(https://crazycolorz-carwrap.com/img/pagebg/blog.jpg) !important;
	}

	body.category-blog #pagetitle{
		background-image:url(https://crazycolorz-carwrap.com/img/pagebg/blog.jpg) !important;
	}

	body.category-carwrapping #pagetitle2,
	body.category-case_study #pagetitle2,
	body.category-carwrapping #pagetitle,
	body.category-case_study #pagetitle,
	body.category-full_wrapping #pagetitle,
	body.category-bicolor-wrap #pagetitle,
	body.category-parts-wrapping #pagetitle,
	body.category-racing_stripes #pagetitle,
	body.category-mini_custom #pagetitle,
	body.category-vinyl-graphics-design #pagetitle,
	body.category-bike_wrapping #pagetitle,
	body.category-glare #pagetitle,
	body.category-coating-other #pagetitle,
	body.category-protection_film #pagetitle,
	body.category-japanese-car #pagetitle,
	body.category-pwc #pagetitle,
	body.category-peeling #pagetitle,
	body.category-window #pagetitle,
	body.category-signboard_02 #pagetitle,
	body.category-vending_machine #pagetitle,
	body.category-usedcar #pagetitle,
	body.category-repair-service #pagetitle{
		background-image:url(https://crazycolorz-carwrap.com/img/pagebg/case_study.jpg) !important;
	}

	body.category-carwrapping #pagetitle img,
	body.category-case_study #pagetitle img,
	body.category-full_wrapping #pagetitle img,
	body.category-bicolor-wrap #pagetitle img,
	body.category-parts-wrapping #pagetitle img,
	body.category-racing_stripes #pagetitle img,
	body.category-mini_custom #pagetitle img,
	body.category-vinyl-graphics-design #pagetitle img,
	body.category-bike_wrapping #pagetitle img,
	body.category-glare #pagetitle img,
	body.category-coating-other #pagetitle img,
	body.category-protection_film #pagetitle img,
	body.category-japanese-car #pagetitle img,
	body.category-pwc #pagetitle img,
	body.category-peeling #pagetitle img,
	body.category-window #pagetitle img,
	body.category-signboard_02 #pagetitle img,
	body.category-vending_machine #pagetitle img,
	body.category-usedcar #pagetitle img,
	body.category-repair-service #pagetitle img{
		display:none !important;
	}

	#pagetitle img,
	#pagetitle2 img,
	#pagetitle3 img,
	#pagetitle-bw img{
		width:100% !important;
		height:100% !important;
		object-fit:cover !important;
		display:block !important;
		margin:0 !important;
	}

	body.category-blog #pagetitle img,
	body.category-blog #pagetitle2 img{
		display:none !important;
	}

	#pagetitle2 #ptbody{
		width:100% !important;
		height:100% !important;
		margin:0 !important;
		padding:0 !important;
		background:transparent !important;
		display:flex !important;
		align-items:center !important;
		justify-content:center !important;
	}

	#pagetitle2 #ptbody h2,
	#pagetitle2 #ptbody h3{
		display:none !important;
	}

	body.category-blog #pagetitle h1,
	body.category-blog #pagetitle h2,
	body.category-blog #pagetitle h3,
	body.category-blog #pagetitle2 h1,
	body.category-blog #pagetitle2 h2,
	body.category-blog #pagetitle2 h3{
		display:none !important;
	}

	#contents,
	#main,
	#side,
	#msp,
	#msp-bw{
		float:none !important;
		width:100% !important;
		max-width:720px !important;
		min-width:0 !important;
		height:auto !important;
		margin:0 auto !important;
		padding:28px 16px !important;
		background:#000 !important;
		overflow:visible !important;
		box-sizing:border-box !important;
	}

	#contents{
		padding:0 16px !important;
	}

	#main{
		padding:28px 0 !important;
	}

	body.category-blog #side{
		display:none !important;
	}

	#side{
		padding:12px 0 42px !important;
	}

	[id*="-section"],
	#company_sec01,
	#concept01m,
	#concept02m,
	.ccslide,
	.post,
	.cs_post{
		width:100% !important;
		max-width:100% !important;
		min-width:0 !important;
		height:auto !important;
		min-height:0 !important;
		margin:0 auto 26px !important;
		padding:28px 16px !important;
		background-size:cover !important;
		background-position:center center !important;
		box-sizing:border-box !important;
	}

	section[id*="-section"]{
		width:100% !important;
		min-height:0 !important;
		margin:0 auto 26px !important;
		padding:28px 16px !important;
		background-size:cover !important;
		background-position:center center !important;
	}

	section[id*="-section"] h1,
	section[id*="-section"] h2,
	section[id*="-section"] h3,
	#company_sec01 h2,
	#concept01m h2,
	#concept02m h2,
	#main .post h1,
	#main .post .title,
	#main .post h2,
	#main .post h3{
		line-height:1.45 !important;
		word-break:normal !important;
		overflow-wrap:anywhere !important;
	}

	section[id*="-section"] h2,
	#company_sec01 h2,
	#concept01m h2,
	#concept02m h2,
	#main .post h2{
		font-size:21px !important;
	}

	section[id*="-section"] h3,
	#main .post h3{
		font-size:18px !important;
	}

	section[id*="-section"] p,
	#company_sec01 p,
	#concept01m p,
	#concept02m p,
	#main .post p,
	#main .post li,
	#main .post td,
	#main .post dd{
		font-size:15px !important;
		line-height:1.85 !important;
	}

	.ccslide{
		width:100% !important;
		margin:0 auto 24px !important;
		overflow-x:auto !important;
		-webkit-overflow-scrolling:touch !important;
	}

	.ccslide ul,
	.ccslide ul.scroller{
		display:flex !important;
		gap:10px !important;
		width:max-content !important;
		padding:0 16px !important;
		margin:0 !important;
	}

	.ccslide li{
		flex:0 0 auto !important;
		list-style:none !important;
	}

	.interval,
	#access_shop_pc,
	#access_shop_pc .accessmm,
	#access_shop_pc .shopmm{
		float:none !important;
		width:100% !important;
		max-width:100% !important;
		min-width:0 !important;
		height:auto !important;
		margin:0 auto !important;
		padding:16px 0 !important;
		box-sizing:border-box !important;
		text-align:left !important;
	}

	#access_shop_pc .accessmm #map_canvas_01{
		width:100% !important;
		height:320px !important;
		max-width:100% !important;
	}

	#access_shop_pc .shopmm{
		text-align:center !important;
	}

	#uv_off,
	#uv_off li,
	#uv_off li p,
	#comparison,
	#comparison dl,
	#comparison dl dt,
	#comparison dl dd,
	#comparison h3,
	#qa,
	#qa h3,
	#qa dl,
	#qa dl dd,
	#qa dl dt{
		width:100% !important;
		max-width:100% !important;
		height:auto !important;
		margin-left:auto !important;
		margin-right:auto !important;
		box-sizing:border-box !important;
	}

	#uv_off li p{
		margin:12px 0 28px !important;
	}

	#uv_off li .uv_box{
		display:flex !important;
		align-items:center !important;
		gap:12px !important;
		width:100% !important;
		height:auto !important;
		min-height:58px !important;
		clear:both !important;
	}

	#uv_off li .uv_box img{
		flex:0 0 48px !important;
		float:none !important;
		width:48px !important;
		height:48px !important;
		margin:0 !important;
	}

	#uv_off li .uv_box h3{
		float:none !important;
		width:auto !important;
		height:auto !important;
		line-height:1.4 !important;
		font-size:18px !important;
		padding:0 !important;
	}

	#comparison dl dt,
	#comparison dl dd,
	#qa dl dt,
	#qa dl dd{
		line-height:1.75 !important;
		text-indent:0 !important;
		padding:0 !important;
	}

	#comparison h3,
	#qa h3{
		font-size:20px !important;
		line-height:1.45 !important;
	}

	table,
	tbody,
	tr,
	th,
	td{
		max-width:100% !important;
	}

	table{
		display:block !important;
		width:100% !important;
		height:auto !important;
		overflow-x:auto !important;
		-webkit-overflow-scrolling:touch !important;
		border-collapse:collapse !important;
	}

	table.sample7,
	table.sample7 tbody,
	table.sample7 tr,
	table.sample7 td{
		display:block !important;
		width:100% !important;
		height:auto !important;
		box-sizing:border-box !important;
	}

	table.sample7 td{
		padding:0 0 16px !important;
	}

	table.sample7 td:empty{
		display:none !important;
	}

	table.sample7 img{
		display:block !important;
		width:100% !important;
		max-width:360px !important;
		margin:0 auto 10px !important;
	}

	th,
	td{
		font-size:13px !important;
		line-height:1.55 !important;
	}

	iframe{
		width:100% !important;
		height:auto !important;
		aspect-ratio:16 / 9 !important;
	}

	.alignleft,
	.alignright,
	.wp-caption,
	.wp-caption img{
		float:none !important;
		max-width:100% !important;
		height:auto !important;
		margin-left:auto !important;
		margin-right:auto !important;
	}

	p a.plinkbn,
	p a.contact-btn{
		width:100% !important;
		max-width:360px !important;
		min-height:46px !important;
		height:auto !important;
		line-height:1.35 !important;
		padding:13px 16px !important;
		margin:16px auto !important;
		display:flex !important;
		align-items:center !important;
		justify-content:center !important;
		text-align:center !important;
		box-sizing:border-box !important;
	}

	.cc-category-desc{
		margin:0 0 22px !important;
	}

	.cc-category-desc p{
		font-size:14px !important;
		line-height:1.85 !important;
	}

	.cc-blog-grid{
		display:grid !important;
		grid-template-columns:1fr 1fr !important;
		gap:10px !important;
		width:100% !important;
		margin:0 0 26px !important;
		padding:0 !important;
	}

	.cc-blog-card{
		display:block !important;
		background:#070707 !important;
		border:1px solid #303030 !important;
		padding:0 0 4px !important;
		overflow:hidden !important;
		box-sizing:border-box !important;
	}

	.cc-blog-card__link{
		display:block !important;
		color:#fff !important;
		text-decoration:none !important;
	}

	.cc-blog-card__thumb{
		display:block !important;
		width:100% !important;
		aspect-ratio:4 / 3 !important;
		overflow:hidden !important;
		background:#111 !important;
		margin:0 0 8px !important;
	}

	.cc-blog-card__thumb img{
		display:block !important;
		float:none !important;
		width:100% !important;
		height:100% !important;
		object-fit:cover !important;
		margin:0 !important;
		padding:0 !important;
		border:0 !important;
		border-radius:0 !important;
		background:none !important;
	}

	.cc-blog-card__title{
		font-size:12px !important;
		line-height:1.45 !important;
		font-weight:700 !important;
		color:#fff !important;
		margin:0 9px 10px !important;
		padding:0 !important;
		display:-webkit-box !important;
		-webkit-line-clamp:3 !important;
		-webkit-box-orient:vertical !important;
		overflow:hidden !important;
	}

	.cc-blog-card__excerpt{
		display:none !important;
	}

	body.category-carwrapping #main,
	body.category-case_study #main,
	body.category-full_wrapping #main,
	body.category-bicolor-wrap #main,
	body.category-parts-wrapping #main,
	body.category-racing_stripes #main,
	body.category-mini_custom #main,
	body.category-vinyl-graphics-design #main,
	body.category-bike_wrapping #main,
	body.category-glare #main,
	body.category-coating-other #main,
	body.category-protection_film #main,
	body.category-japanese-car #main,
	body.category-pwc #main,
	body.category-peeling #main,
	body.category-window #main,
	body.category-signboard_02 #main,
	body.category-vending_machine #main,
	body.category-usedcar #main,
	body.category-repair-service #main{
		display:grid !important;
		grid-template-columns:repeat(2,minmax(0,1fr)) !important;
		gap:10px !important;
		align-items:start !important;
	}

	body.category-carwrapping #main > .cc-category-desc,
	body.category-case_study #main > .cc-category-desc,
	body.category-full_wrapping #main > .cc-category-desc,
	body.category-bicolor-wrap #main > .cc-category-desc,
	body.category-parts-wrapping #main > .cc-category-desc,
	body.category-racing_stripes #main > .cc-category-desc,
	body.category-mini_custom #main > .cc-category-desc,
	body.category-vinyl-graphics-design #main > .cc-category-desc,
	body.category-bike_wrapping #main > .cc-category-desc,
	body.category-glare #main > .cc-category-desc,
	body.category-coating-other #main > .cc-category-desc,
	body.category-protection_film #main > .cc-category-desc,
	body.category-japanese-car #main > .cc-category-desc,
	body.category-pwc #main > .cc-category-desc,
	body.category-peeling #main > .cc-category-desc,
	body.category-window #main > .cc-category-desc,
	body.category-signboard_02 #main > .cc-category-desc,
	body.category-vending_machine #main > .cc-category-desc,
	body.category-usedcar #main > .cc-category-desc,
	body.category-repair-service #main > .cc-category-desc,
	body.category-carwrapping #main > .cc-blog-grid,
	body.category-case_study #main > .cc-blog-grid,
	body.category-full_wrapping #main > .cc-blog-grid,
	body.category-bicolor-wrap #main > .cc-blog-grid,
	body.category-parts-wrapping #main > .cc-blog-grid,
	body.category-racing_stripes #main > .cc-blog-grid,
	body.category-mini_custom #main > .cc-blog-grid,
	body.category-vinyl-graphics-design #main > .cc-blog-grid,
	body.category-bike_wrapping #main > .cc-blog-grid,
	body.category-glare #main > .cc-blog-grid,
	body.category-coating-other #main > .cc-blog-grid,
	body.category-protection_film #main > .cc-blog-grid,
	body.category-japanese-car #main > .cc-blog-grid,
	body.category-pwc #main > .cc-blog-grid,
	body.category-peeling #main > .cc-blog-grid,
	body.category-window #main > .cc-blog-grid,
	body.category-signboard_02 #main > .cc-blog-grid,
	body.category-vending_machine #main > .cc-blog-grid,
	body.category-usedcar #main > .cc-blog-grid,
	body.category-repair-service #main > .cc-blog-grid,
	body.category-carwrapping #main > .cc-pagination,
	body.category-case_study #main > .cc-pagination,
	body.category-full_wrapping #main > .cc-pagination,
	body.category-bicolor-wrap #main > .cc-pagination,
	body.category-parts-wrapping #main > .cc-pagination,
	body.category-racing_stripes #main > .cc-pagination,
	body.category-mini_custom #main > .cc-pagination,
	body.category-vinyl-graphics-design #main > .cc-pagination,
	body.category-bike_wrapping #main > .cc-pagination,
	body.category-glare #main > .cc-pagination,
	body.category-coating-other #main > .cc-pagination,
	body.category-protection_film #main > .cc-pagination,
	body.category-japanese-car #main > .cc-pagination,
	body.category-pwc #main > .cc-pagination,
	body.category-peeling #main > .cc-pagination,
	body.category-window #main > .cc-pagination,
	body.category-signboard_02 #main > .cc-pagination,
	body.category-vending_machine #main > .cc-pagination,
	body.category-usedcar #main > .cc-pagination,
	body.category-repair-service #main > .cc-pagination,
	body.category-carwrapping #main > .nav-below,
	body.category-case_study #main > .nav-below,
	body.category-full_wrapping #main > .nav-below,
	body.category-bicolor-wrap #main > .nav-below,
	body.category-parts-wrapping #main > .nav-below,
	body.category-racing_stripes #main > .nav-below,
	body.category-mini_custom #main > .nav-below,
	body.category-vinyl-graphics-design #main > .nav-below,
	body.category-bike_wrapping #main > .nav-below,
	body.category-glare #main > .nav-below,
	body.category-coating-other #main > .nav-below,
	body.category-protection_film #main > .nav-below,
	body.category-japanese-car #main > .nav-below,
	body.category-pwc #main > .nav-below,
	body.category-peeling #main > .nav-below,
	body.category-window #main > .nav-below,
	body.category-signboard_02 #main > .nav-below,
	body.category-vending_machine #main > .nav-below,
	body.category-usedcar #main > .nav-below,
	body.category-repair-service #main > .nav-below,
	body.category-carwrapping #main > .navi-pagination,
	body.category-case_study #main > .navi-pagination,
	body.category-full_wrapping #main > .navi-pagination,
	body.category-bicolor-wrap #main > .navi-pagination,
	body.category-parts-wrapping #main > .navi-pagination,
	body.category-racing_stripes #main > .navi-pagination,
	body.category-mini_custom #main > .navi-pagination,
	body.category-vinyl-graphics-design #main > .navi-pagination,
	body.category-bike_wrapping #main > .navi-pagination,
	body.category-glare #main > .navi-pagination,
	body.category-coating-other #main > .navi-pagination,
	body.category-protection_film #main > .navi-pagination,
	body.category-japanese-car #main > .navi-pagination,
	body.category-pwc #main > .navi-pagination,
	body.category-peeling #main > .navi-pagination,
	body.category-window #main > .navi-pagination,
	body.category-signboard_02 #main > .navi-pagination,
	body.category-vending_machine #main > .navi-pagination,
	body.category-usedcar #main > .navi-pagination,
	body.category-repair-service #main > .navi-pagination,
	body.category-carwrapping #main > .title,
	body.category-case_study #main > .title,
	body.category-full_wrapping #main > .title,
	body.category-bicolor-wrap #main > .title,
	body.category-parts-wrapping #main > .title,
	body.category-racing_stripes #main > .title,
	body.category-mini_custom #main > .title,
	body.category-vinyl-graphics-design #main > .title,
	body.category-bike_wrapping #main > .title,
	body.category-glare #main > .title,
	body.category-coating-other #main > .title,
	body.category-protection_film #main > .title,
	body.category-japanese-car #main > .title,
	body.category-pwc #main > .title,
	body.category-peeling #main > .title,
	body.category-window #main > .title,
	body.category-signboard_02 #main > .title,
	body.category-vending_machine #main > .title,
	body.category-usedcar #main > .title,
	body.category-repair-service #main > .title{
		grid-column:1 / -1 !important;
	}

	body.category-carwrapping #main > .cc-blog-grid,
	body.category-case_study #main > .cc-blog-grid,
	body.category-full_wrapping #main > .cc-blog-grid,
	body.category-bicolor-wrap #main > .cc-blog-grid,
	body.category-parts-wrapping #main > .cc-blog-grid,
	body.category-racing_stripes #main > .cc-blog-grid,
	body.category-mini_custom #main > .cc-blog-grid,
	body.category-vinyl-graphics-design #main > .cc-blog-grid,
	body.category-bike_wrapping #main > .cc-blog-grid,
	body.category-glare #main > .cc-blog-grid,
	body.category-coating-other #main > .cc-blog-grid,
	body.category-protection_film #main > .cc-blog-grid,
	body.category-japanese-car #main > .cc-blog-grid,
	body.category-pwc #main > .cc-blog-grid,
	body.category-peeling #main > .cc-blog-grid,
	body.category-window #main > .cc-blog-grid,
	body.category-signboard_02 #main > .cc-blog-grid,
	body.category-vending_machine #main > .cc-blog-grid,
	body.category-usedcar #main > .cc-blog-grid,
	body.category-repair-service #main > .cc-blog-grid{
		grid-template-columns:repeat(2,minmax(0,1fr)) !important;
	}

	body.category-carwrapping .cs_post,
	body.category-case_study .cs_post,
	body.category-full_wrapping .cs_post,
	body.category-bicolor-wrap .cs_post,
	body.category-parts-wrapping .cs_post,
	body.category-racing_stripes .cs_post,
	body.category-mini_custom .cs_post,
	body.category-vinyl-graphics-design .cs_post,
	body.category-bike_wrapping .cs_post,
	body.category-glare .cs_post,
	body.category-coating-other .cs_post,
	body.category-protection_film .cs_post,
	body.category-japanese-car .cs_post,
	body.category-pwc .cs_post,
	body.category-peeling .cs_post,
	body.category-window .cs_post,
	body.category-signboard_02 .cs_post,
	body.category-vending_machine .cs_post,
	body.category-usedcar .cs_post,
	body.category-repair-service .cs_post{
		width:auto !important;
		max-width:none !important;
		margin:0 !important;
		padding:0 0 8px !important;
		background:#070707 !important;
		border:1px solid #303030 !important;
		overflow:hidden !important;
		box-sizing:border-box !important;
	}

	body.category-carwrapping .cs_post > a:first-child,
	body.category-case_study .cs_post > a:first-child,
	body.category-full_wrapping .cs_post > a:first-child,
	body.category-bicolor-wrap .cs_post > a:first-child,
	body.category-parts-wrapping .cs_post > a:first-child,
	body.category-racing_stripes .cs_post > a:first-child,
	body.category-mini_custom .cs_post > a:first-child,
	body.category-vinyl-graphics-design .cs_post > a:first-child,
	body.category-bike_wrapping .cs_post > a:first-child,
	body.category-glare .cs_post > a:first-child,
	body.category-coating-other .cs_post > a:first-child,
	body.category-protection_film .cs_post > a:first-child,
	body.category-japanese-car .cs_post > a:first-child,
	body.category-pwc .cs_post > a:first-child,
	body.category-peeling .cs_post > a:first-child,
	body.category-window .cs_post > a:first-child,
	body.category-signboard_02 .cs_post > a:first-child,
	body.category-vending_machine .cs_post > a:first-child,
	body.category-usedcar .cs_post > a:first-child,
	body.category-repair-service .cs_post > a:first-child{
		display:block !important;
		width:100% !important;
		aspect-ratio:4 / 3 !important;
		overflow:hidden !important;
		margin:0 0 8px !important;
		background:#111 !important;
	}

	body.category-carwrapping .cs_post img,
	body.category-case_study .cs_post img,
	body.category-full_wrapping .cs_post img,
	body.category-bicolor-wrap .cs_post img,
	body.category-parts-wrapping .cs_post img,
	body.category-racing_stripes .cs_post img,
	body.category-mini_custom .cs_post img,
	body.category-vinyl-graphics-design .cs_post img,
	body.category-bike_wrapping .cs_post img,
	body.category-glare .cs_post img,
	body.category-coating-other .cs_post img,
	body.category-protection_film .cs_post img,
	body.category-japanese-car .cs_post img,
	body.category-pwc .cs_post img,
	body.category-peeling .cs_post img,
	body.category-window .cs_post img,
	body.category-signboard_02 .cs_post img,
	body.category-vending_machine .cs_post img,
	body.category-usedcar .cs_post img,
	body.category-repair-service .cs_post img{
		display:block !important;
		float:none !important;
		width:100% !important;
		height:100% !important;
		object-fit:cover !important;
		margin:0 !important;
		padding:0 !important;
		border:0 !important;
		border-radius:0 !important;
		background:none !important;
	}

	body.category-carwrapping .cs_post .cs_title,
	body.category-case_study .cs_post .cs_title,
	body.category-full_wrapping .cs_post .cs_title,
	body.category-bicolor-wrap .cs_post .cs_title,
	body.category-parts-wrapping .cs_post .cs_title,
	body.category-racing_stripes .cs_post .cs_title,
	body.category-mini_custom .cs_post .cs_title,
	body.category-vinyl-graphics-design .cs_post .cs_title,
	body.category-bike_wrapping .cs_post .cs_title,
	body.category-glare .cs_post .cs_title,
	body.category-coating-other .cs_post .cs_title,
	body.category-protection_film .cs_post .cs_title,
	body.category-japanese-car .cs_post .cs_title,
	body.category-pwc .cs_post .cs_title,
	body.category-peeling .cs_post .cs_title,
	body.category-window .cs_post .cs_title,
	body.category-signboard_02 .cs_post .cs_title,
	body.category-vending_machine .cs_post .cs_title,
	body.category-usedcar .cs_post .cs_title,
	body.category-repair-service .cs_post .cs_title{
		font-size:12px !important;
		line-height:1.45 !important;
		font-weight:700 !important;
		margin:0 9px 8px !important;
		padding:0 !important;
	}

	body.page-template-page-casestudy #msp,
	body.page-template-page-casestudy-php #msp,
	body.page-template-page-case_study #msp,
	body.page-template-page-case_study-php #msp{
		display:grid !important;
		grid-template-columns:repeat(2,minmax(0,1fr)) !important;
		gap:10px !important;
		align-items:start !important;
	}

	body.page-template-page-casestudy #msp > p,
	body.page-template-page-casestudy-php #msp > p,
	body.page-template-page-case_study #msp > p,
	body.page-template-page-case_study-php #msp > p,
	body.page-template-page-casestudy #msp > h1,
	body.page-template-page-casestudy-php #msp > h1,
	body.page-template-page-case_study #msp > h1,
	body.page-template-page-case_study-php #msp > h1,
	body.page-template-page-casestudy #msp > h2,
	body.page-template-page-casestudy-php #msp > h2,
	body.page-template-page-case_study #msp > h2,
	body.page-template-page-case_study-php #msp > h2,
	body.page-template-page-casestudy #msp > .cc-blog-grid,
	body.page-template-page-casestudy-php #msp > .cc-blog-grid,
	body.page-template-page-case_study #msp > .cc-blog-grid,
	body.page-template-page-case_study-php #msp > .cc-blog-grid{
		grid-column:1 / -1 !important;
	}

	body.page-template-page-casestudy #msp > .cc-blog-grid,
	body.page-template-page-casestudy-php #msp > .cc-blog-grid,
	body.page-template-page-case_study #msp > .cc-blog-grid,
	body.page-template-page-case_study-php #msp > .cc-blog-grid{
		grid-template-columns:repeat(2,minmax(0,1fr)) !important;
	}

	#sidemenu_widgets h3{
		font-size:17px !important;
		margin:10px 0 12px !important;
	}

	#sidemenu_widgets p{
		font-size:13px !important;
		line-height:1.7 !important;
		color:#d7d7d7 !important;
		margin:0 0 16px !important;
	}

	#sidemenu_widgets ul.cats-list,
	#sidemenu_widgets ul.bn-list{
		display:grid !important;
		grid-template-columns:1fr 1fr !important;
		gap:10px !important;
		margin:0 !important;
		padding:0 !important;
	}

	#sidemenu_widgets ul.cats-list li,
	#sidemenu_widgets ul.bn-list li{
		list-style:none !important;
		margin:0 !important;
	}

	#sidemenu_widgets ul.cats-list img,
	#sidemenu_widgets ul.bn-list img{
		display:block !important;
		width:100% !important;
		max-width:none !important;
		height:auto !important;
	}

	#footer,
	#footer #ftbody{
		width:100% !important;
		min-width:0 !important;
	}

	#footer #ftbody{
		padding:22px 16px !important;
		box-sizing:border-box !important;
	}

	#footer #ftbody ul,
	#footer #ftbody p,
	#footer #ft-bottom,
	#footer #ft-recaptcha{
		float:none !important;
		width:100% !important;
		text-align:left !important;
	}

	#footer #ftbody ul{
		display:flex !important;
		flex-wrap:wrap !important;
		gap:8px 12px !important;
		margin-bottom:18px !important;
	}

	#footer #ftbody ul li{
		float:none !important;
		margin:0 !important;
		font-size:11px !important;
		line-height:1.45 !important;
	}
}
