@charset "UTF-8";

/* 

アーカイブ用 レイアウト変更 CSS　

*/
section.content-wrap{
	border-bottom:2px #e2e2e2 solid;
}
article#service section.content-wrap{
	padding-bottom:18px;
}
article#service section.contentService h2.contentTi{
	line-height:1.35em;
}
section.contentImg{
	width:100%;
	line-height:0; padding:0; margin:0;
}


/* 共通要素　*/

p.contentType{
	font-size:20px;
	font-size: 2rem;
	padding:15px 10px 18px;
}
	.ie7 p.contentType,
	.ie8 p.contentType,
	.ie9 p.contentType{
		font-size:18px;
	}

p.contentType strong{
	font-size:30px;
	font-size:3rem;
	font-weight:300;
}
	.ie7 p.contentType strong,
	.ie8 p.contentType strong,
	.ie9 p.contentType strong{
		font-size:32px;
		line-height:1.2em;
		padding:10px 0 0;
	}


h2.contentTi{
	padding:24px 1px 18px 0;
	font-size: 18px;
	font-size: 1.8rem;
	font-family: 'FOT-筑紫B丸ゴシック Std D', TsukuARdGothicStd-D,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	vertical-align:middle;
	font-weight:normal;
	clear:both;
}


h2.contentTi a{
	padding:0 2px;
}
h2.contentTi a:hover{
	background:#FEF200;
}
h2.contentTi span{
	display:none;
}
section.contentTxt{
	padding:0; margin:0;
}
section.contentTxt p{
	padding:0 0 8px; margin:0;
}

section.contentTxt p.contentNo{
	width:30%;
	font-size:20px;
	font-size: 2rem;
	font-family:　'Oswald', sans-serif;
	font-weight: 300;
	color:#404040;
	padding:20px 0 10px;
	line-height:1em;
	float:left;
	letter-spacing:-1px;
}
	.ie9 section.contentTxt p.contentNo,
	.ie7 section.contentTxt p.contentNo,
	.ie8 section.contentTxt p.contentNo{
		letter-spacing:0em;
		font-family:'Abel';
		letter-spacing:-1px;
	}

section.contentTxt p.contentDate{
	width:60%;
	padding:34px 0 0;
	line-height:1em;
	text-align:right;
	letter-spacing:0;
}
section.contentTxt h3.contentCopy{
	line-height:1.4em;
	padding:8px 0 2px;
}
	.ie7 section.contentTxt h3.contentCopy,
	.ie8 section.contentTxt h3.contentCopy, 
	.ie9 section.contentTxt h3.contentCopy{
		font-weight:600;
		font-size: 14px;
	}

section.contentTxt section.contentLead{
	clear:both;
}
ul.cmo-btn{
	min-height:inherit;
}

/* メインコンテンツ スマホ用の差分指定　*/

section.contentTxt p.contentNo{
	width:30%;
	font-size:30px;
	font-size: 3rem;
}
section.contentTxt p.contentDate{
	width:60%;
	float:right;
	text-align:right;
}




/* Media Queries による切り替え */

/*@media only screen and (min-device-width: 641px) */
@media only screen and (min-width: 641px) {
/* スマートフォン以上のディステプレイサイズが1024px以下での表示 */
#bg-archive{
	background:url(../img/wrapper_bg_archive.png) no-repeat top center;
}
#bg-service{
	background:url(../img/wrapper_bg_service.png) no-repeat top center;
}


article.archive-wrap{
	padding:5px;
	padding-bottom:80px;
}
section.content-wrap{
	width:758px;
	border-bottom:2px #e2e2e2 solid;
}
section.contentImg{
	width:370px;
	float:right;
	padding-bottom:15px;
}
section.contentTxt{
	width:360px;
	float:left;
	clear:none;
	padding:0; margin:0;
}
p.contentType{
	font-size:20px;
	font-size:2rem;
	padding:0 10px;
}
p.contentType strong{
	font-size:42px;
	font-size:4.2rem;
	font-weight:300;
}
p.contentType a{
	color:#666;
}
p.contentType a:hover{
	background:#FFFF33;
	color:#333;
}

h2.contentTi{
	padding:24px 0 18px 0;
}
h2.contentTi span{
	font-size: 16px;
	font-size: 1.6rem;
	color:#808080;
	display:inherit;
}
section.contentTxt h3.contentCopy{
	line-height:1.5em;
	padding:8px 0 0;
}
section.contentTxt p.contentNo{
	font-size:40px;
	font-size: 4rem;
	padding:2px 0 10px;
	letter-spacing:normal;
}
section.contentTxt p.contentDate{
	font-size:12px;
	font-size: 1.2rem;
	width:60%;
	padding:26px 0 0;
	text-align:right;
}

ul.cmo-btn{
	min-height:0px;
}


/* サービスページ */
article#service{
}
article#service section.content-wrap{
	width:758px;
	padding:40px 10px 18px;
	border:none;
}

article#service section.contentService{
	width:230px;
	float:left;
}
article#service section.contentService h2.contentTi{
	padding:0 0 16px 0;
}
article#service section.contentTxt{
	width:500px;
	float:right;
	clear:none;
	padding:0; margin:0;
}
article#service section.contentTxt ul li{
	padding-left:.5em;
	color:#666666;
}

/* フェイスブック用 */

p.contentType-fb{
	padding:20px 0 0; margin:10px 0 0;
	font-size:40px;
	font-size: 4rem;
}