@charset "UTF-8";
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


/*/////PAGETOP/////*/
#Pagetop {
	position: fixed;
	bottom: 100px;
	right: 10px;
	z-index: 999;
}
#Pagetop a {
	width: 45px;
	height: 45px;
	overflow: hidden;
	background: url(/contents/skins/CMSeditor/dog/images/pc/pagetop.png) top center no-repeat;
	display: block;
}

div#container {
	color: #444444;
}
/* Mainvisual */

#Mainvisual {
	height: 505px;
	position: relative;
}
#Mainvisual > #Logo {
	position: absolute;
	top: 60px;
	left: 60px;
	z-index: 100;
}
#Mainvisual > .mv-caption {
	position: absolute;
	right: 500px;
	top: 50px;
	z-index: 99;
	padding: 20px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 10px;
}
#Mainvisual > .mv-caption p {
	font-size: 134%;
	width: 400px;
	color: #333;
	line-height: 30px;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.9);
	font-weight: bold;
}
#Car {
	margin: 60px 0 0;
}
#Car h2 {
	text-align: center;
	font-size: 120%;
	color: #444444;
	margin-bottom: 30px;
	font-weight: bold;
	background: url(/contents/skins/CMSeditor/dog/images/pc/b_simple_23_0L.png) 0px 20px no-repeat;
	width: 400px;
	margin: 0 auto;
	line-height: 1.8em;
}
#Car h2 i { margin-right: 10px;}
#Car h2 span {
	display: block;
	color: #333;
	padding: 20px 0 0;
}
#Car h2 strong {
	font-size: 150%;
}

.sub_read { text-align: center; margin: 30px; padding: 0 80px; font-size: 100%;}

.block {
	margin: 15px 0;
	width: 1100px;
}
.block h3 {
	position: relative;
	height: 60px;
	line-height: 60px;
	padding: 0 60px;
	margin-bottom: 30px;
	font-size: 233%;
	cursor: pointer;
	font-family: 'M+ C Type-1 (basic latin) Regular', 'M+ Type-1 (general-j) Regular', sans-serif;
}
.block h3 img {
	position:absolute;
	top:-20px;
	right:50px;
}






.block h3 span {
	font-size: 70%;
}
.block h3::before {
	font-family: FontAwesome;
	content: '\f0a9';
	color: #fff;
	font-size: 110%;
	position: absolute;
	top: 0px;
	left: 20px;
	z-index: 2;
}
.block h3.on::before {
	font-family: FontAwesome;
	content: '\f0ab';
	color: #fff;
	font-size: 110%;
	position: absolute;
	top: 0px;
	left: 20px;
	z-index: 2;
}
.block h3::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	border-width: 30px 30px;
	border-style: solid;
	border-color: transparent;
	border-right-color: #fff;
}
.list-car {
	padding: 20px 0 0;
}
.list-car li {
	width: 220px;
	float: left;
	margin:0 20px 20px 0;
}

.list-car li:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.list-car a {
	display: block;
	height: 165px;
	position: relative;
	color: #444444;
	font-size: 117%;
	font-family: 'M+ C Type-1 (basic latin) Regular', 'M+ Type-1 (general-j) Regular', sans-serif;
	text-decoration: none;
}

.list-car a:hover { opacity:0.7;}
.list-car a p.ttl {
	height: 50px;
	display: table;
	vertical-align: middle;
	padding: 0 0px;
	bottom: 0px;
	width:180px;
	font-weight: bold;
}
.list-car a p.read { margin-top: 10px;font-size: 80%; line-height: 1.2em;}
.list-car a span {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	font-size: 80%;
	line-height:1.2em;
}



.list-car p.tag-new {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	line-height: 60px;
	text-align: center;
	background: #ffa8a8;
	font-size: 100%;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: -10px;
	left: -10px;
	transform: rotate(340deg);
	-webkit-transform: rotate(340deg);
	-moz-transform: rotate(340deg);
	-o-transform: rotate(340deg);
	-ms-transform: rotate(340deg);
	-moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.8);
}
.list-car02 li {
	width: 295px;
	background: #f5f4f0;
	padding: 10px;
}

.list-car02 li img { width: 295px; border-radius: 5px;}

.list-car02 a{
	height:355px;
}
.list-car02 a p.ttl{
	height:60px;
	width:260px;
}
.intro-car {
	padding: 40px 30px;
	margin: 50px 0 80px 0;
}


/******************************
 蜷・ｨｮ繝懊ち繝ｳ
******************************/
#social_box{
	background-color: rgba(192,192,192,0.5);
	width:120px;
	padding:15px;
	margin-right:0px;
	text-align:center;
	position:fixed;
	bottom:260px;
	right: 0px;
	list-style-type:none;
	z-index: 100;
}


#social_box li { margin: 10px 0; text-align:center;}
/* [Twitter] */
#social_box li.sc-tw
{
	width:120px;
}

/* [Facebook] */
#social_box li.sc-fb
{
	z-index: 99 ;
}

/* [LINE] */
#social_box li.sc-li
{
}

#social_box li.sc-li-img
{
	border: none ;
	margin: 0 auto ;
	padding:0 ;
	width: 70px ;
	height: 60px ;
}

/* 繝・せ繧ｯ繝医ャ繝猶C縺ｧ縺ｯLINE繝懊ち繝ｳ繧定｡ｨ遉ｺ縺励↑縺� */
@media screen and ( min-width:480px )
{
	#social_box li.sc-li
	{
		display: none ;
	}
}


/******************************
 繧ｽ繝ｼ繧ｷ繝｣繝ｫ繧ｨ繝ｪ繧｢蜈ｨ菴薙ｒ蝗ｲ繧€隕∫ｴ
 * 莉悶・繧ｳ繝ｳ繝・Φ繝・→霍晞屬繧貞叙繧翫◆縺・ｴ蜷医・[margin]繧定ｨｭ螳壹＠縺ｦ荳九＆縺�
******************************/
.social-area-syncer2
{
	width:440px;
	min-height: 190px ;
	padding: 1.5em 0 ;
	margin: 0 auto;
}

/* 繝・せ繧ｯ繝医ャ繝猶C縺ｧ縺ｯ鬮倥＆繧呈僑蠑ｵ縺吶ｋ */
@media screen and ( min-width:480px )
{
	.social-area-syncer2
	{
		min-height: 119px ;
	}
}

/******************************
 [ul]隕∫ｴ
******************************/
/* 繧ｹ繝槭・ */
/* 繝・せ繧ｯ繝医ャ繝� */
@media screen and ( min-width:480px )
{
	ul.social-button-syncer2
	{
	border: none ;
	list-style-type: none ;margin: 0 auto;
	}
}

/******************************
 [li]隕∫ｴ
******************************/
ul.social-button-syncer2 li
{
	float: left ;
	text-align: center ;
	height: 71px ;
	margin: 0 8px ;
	padding:0 ;
	display: table-cell;
}

/******************************
 蜷・ｨｮ繝懊ち繝ｳ
******************************/
/* [Twitter] */
ul.social-button-syncer2 li.sc-tw
{
	width: 71px ;
}

/* [Facebook] */
ul.social-button-syncer2 li.sc-fb
{
	z-index: 99 ;
	width: 69px ;
}

/* [LINE] */
ul.social-button-syncer2 li.sc-li
{
	width: 50px ;
}

ul.social-button-syncer2 li.sc-li-img
{
	border: none ;
	margin: 0 auto ;
	padding:0 ;
	width: 36px ;
	height: 60px ;
}