@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;
}

/*##################################################################
201705タグリスト追加
################################################################## */	
ul.donkuru_tag_list {display: table; margin: 10px 0;}	
ul.donkuru_tag_list li {
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.03);
    float: left;
    margin: 0 5px 5px 0;
}
ul.donkuru_tag_list li a {
    background: #f5f4f0 none repeat scroll 0 0;
    border: 1px solid #dedcd7;
    border-radius: 3px;
    color: #333;
    display: block;
    padding: 7px 8px;
	font-size: 12px;
}	
ul.donkuru_tag_list::after
{
    content: " ";
    display: table;
}
/*##################################################################
201705タグリスト追加
################################################################## */
div#container {
	color: #444444;
}

.Donkuru_side { float: left; margin: 40px 30px 0 0;}

.trimming a img {
  width:202px;
  height:202px;
  overflow:hidden;
  }

.trimming a img { position:relative;}

.cle { clear: both;} /*float解除用*/
.js-load { display:none; }
.js-load.active { display:block; }
.btn-wrap{padding:16px;text-align:center; margin-right:30px;}.btn-wrap .btn{ width:600px;display:inline-block;line-height:16px;padding:18px 16px;border-radius:4px;border:1px solid #bbb}


#Car {
	float: left;
	margin-top: 40px;
}
#Car h2 {
	text-align: center;
	font-size: 150%;
	color: #444444;
	margin-bottom: 30px;
	font-weight: bold;
	margin: 0 auto;
	line-height: 2.2em;
}
#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: 0px -25px 15px 0;
	width: 730px;
	overflow: hidden;
}


.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: 202px;
	background: #f5f4f0;
	padding: 10px;
}

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

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


/******************************
social_box
******************************/
#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 ;
}
/*-------------------------------------------------
  SNSボタン  0606修正対応
-------------------------------------------------*/
#social_box{
	width:80px;
	padding:10px;
}
#social_box li img{
	width:50px;
}

/* 繝・せ繧ｯ繝医ャ繝猶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 ;
}