@charset "UTF-8";

/*ここにレスポンシブのスタイルを書く*/

/*◆◆◆◆◆三輪追記設定◆◆◆◆◆*/

/*ベース調整*/

body {
	color:#444 !important ;
}

a:link    { color: #444; text-decoration: none; }
a:visited { color: #444; text-decoration: none; }
a:hover   { color: #444; text-decoration: underline; }
a:active  { color: #d43440; text-decoration: none; }

#body{
	margin-top:0px;
}

#main {
	border:none;
}

#sidebar {
	background:#fff;
}


@media screen and (min-width:768px) {
	#header-in, #navi-in, #body-in, #footer-in {
		width:1200px;
	}
	#main {
		width: 870px;
		padding: 25px 0px;
	}
	#sidebar {
		width: 280px;
		padding: 25px 10px 10px 10px;
		border-radius: 0px 0px 10px 10px;
		-webkit-border-radius: 0px 0px 10px 10px;
		box-shadow:rgba(0, 0, 0, 0.1) 0px 3px 3px 3px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 3px 3px 3px;
	}
}

@media screen and (max-width:767px) {
	#body {
		font-size:90% ;
	}
	#main {
		margin:0 0 0 0 !important ;
		padding:10px 10px 0px 10px !important ;
	}
	#sidebar {
		margin:0 0 0 0 !important ;
		padding:20px 10px 0 10px !important ;
		border-top:5px solid #f894a3;
	}
}

/*ヘッダーデザイン調整*/

#header {
	border-bottom:5px solid #f894a3;
	box-shadow:rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
	position:relative;
	z-index:99;
}
@media screen and (max-width:767px) {
	#header {
		height:60px !important ;
	}
}


#HeaderMypage ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;
	position:absolute;
	right:0;
	bottom:0;
}
#HeaderMypage ul li {
	width:200px;
	margin:0 0 0 0;
	text-align:center;
	font-size:85%;
	line-height:100%;
	float:right;
}
#HeaderMypage ul li a {
	display:block;
	padding:5px 5px 10px 5px;
	border:1px solid #ccc;
	border-bottom:none;
	border-radius: 15px 15px 0px 0px;
	-webkit-border-radius: 15px 15px 0px 0px;
	background:linear-gradient(to bottom, #ffffff, #fef0f1);
	background:-webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#fef0f1));
}
#HeaderMypage ul li a:hover {
	background:linear-gradient(to bottom, #fffde4, #ffffff);
	background:-webkit-gradient(linear, center top, center bottom, from(#fffde4), to(#ffffff));
	text-decoration:none;
}
#HeaderMypage ul li a span {
	display:block;
	margin-bottom:10px;
	padding:7px;
	background:#f894a3;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	font-weight:bold;
	color:#fff;
}
@media screen and (max-width:767px) {
	#HeaderMypage ul {
		top:6px;
		right:10px;
	}
	#HeaderMypage ul li {
		width:130px;
		font-size:70%;
	}
	#HeaderMypage ul li a {
		padding:5px 5px 5px 5px;
		border:1px solid #f894a3;
		border-bottom:1px solid #f894a3;
		border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	#HeaderMypage ul li a span {
		margin-bottom:5px;
		padding:5px;
	}
}


#site-title {
	margin:10px 0px 0px 0px;
}

#site-title a{
		display:block;
		background:url("images/a1_direct_logo.png") no-repeat 0px 0px;
		text-indent:-999em;
	}

@media screen and (min-width:768px) {
	#header .alignleft,
	#header .alignright {
		margin:0 0 0 0;
	}
	#site-title a{
		width:250px;
		height:80px;
		margin-left:20px;
		background-size:250px 80px;
		float:left;
	}
	#site-description{
		margin:0 0 0 0;
		font-size:11px;
		text-align:right;
		float:right;
	}
}

@media screen and (max-width:767px) {
	#site-title a{
		width:125px;
		height:40px;
		margin:0 0 !important ;
		background-size:125px 40px;
	}
	#site-description{
		display:none;
	}
}

/*フッターデザイン調整（PCのみ表示）*/

#footer {
	border-top:5px solid #f894a3;
	color:#333;
}
#footer h3 {
	padding-bottom:10px;
	padding-left:18px;
	border-bottom:1px solid #f894a3;
	background:url("images/icon_ball_pink.png") no-repeat 0px 2px;
	background-size:10px 10px;
	border-bottom:1px solid #f894a3;
	font-size:90%;
	font-weight:normal;
	line-height:120%;
	color:#333;
}
#footer ul {
	margin-bottom:30px;
}
#footer li {
	margin-bottom:5px;
}
#footer li a {
	display:inine-block;
	padding-left:10px;
	background:url("images/arrow_pink.png") no-repeat 0 2px;
	background-size:5px 9px;
}
#footer li a:link,
#footer li a:hover,
#footer li a:visited,
#footer li a:active {
	font-size:90%;
	color:#444;
}

/*サイドバーデザイン調整*/

#sidebar h3 {
	height:30px;
	line-height:30px;
	margin:0 0 0 0;
	padding:0px 0px 5px 35px;
	border-bottom:3px solid #f894a3;
	font-size:80%;
	color:#444;
	position:relative;
}
#sidebar h3:before {
	position:absolute;
	display:block;
	content:"";
	left:0;
	top:0;
	width:30px;
	height:30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
#sidebar #nav_menu-7 h3:before {
	background:url("images/sidenavi_icon_apart.png") no-repeat 0px 0px, #f894a3;
	background-size:30px 30px;
}
#sidebar #nav_menu-8 h3:before {
	background:url("images/sidenavi_icon_office.png") no-repeat 0px 0px, #f894a3;
	background-size:30px 30px;
}
#sidebar #categories-2 h3:before {
	background:url("images/sidenavi_icon_column.png") no-repeat 0px 0px, #f894a3;
	background-size:30px 30px;
}
#sidebar ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#sidebar li {
	margin:0 0 0 0;
}
#sidebar li a {
	display:block;
	padding:10px 10px 10px 10px;
	background:#fff;
	border-bottom:1px solid #ddd;
	font-size:80%;
}
#sidebar li a:hover {
	background:#fef7fa;
	text-decoration:none;
}
#sidebar li a:before {
	display:inline-block;
	content:"";
	width:7px;
	height:13px;
	margin-right:5px;
	background:url("images/arrow_pink.png") no-repeat 0 0;
	background-size:7px 13px;
	vertical-align:-10%;
}
#sidebar form input {
	margin:0 0 0 0;
}
#sidebar #SideBarSubLink p {
	margin:0 0 0 0;
	padding-bottom:30px;
	border-bottom:1px solid #f894a3;
	text-align:center;
	font-size:80%;
}
#sidebar #SideBarSubLink p a {
	display:inline-block;
	margin:0 0 0 0;
	padding:0 10px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
#sidebar #SideBarBanner ul li {
	margin:0 0 10px 0;
	padding:0 0 0 0;
}
#sidebar #SideBarBanner ul li a {
	display:block;
	width:200px;
	height:50px;
	margin:0px auto;
	padding:0 0 0 0;
	background:yellow;
	border:1px solid #ddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	text-indent:-999em;
}
#sidebar #SideBarBanner ul li.A1corp a {
	background:url(images/sidebanner_a1corp.png) no-repeat center center, #fff;
	background-size:180px 45px;
}
#sidebar #SideBarBanner ul li.Facebook a {
	background:url(images/sidebanner_facebook.png) no-repeat center center, #fff;
	background-size:180px 45px;
}
#sidebar #SideBarBanner ul li.Everyone a {
	background:url(images/sidebanner_everyone.png) no-repeat center center, #fff;
	background-size:180px 45px;
}


@media screen and (min-width:768px) {
	#sidebar aside {
		margin:0 0 30px 0 !important ;
	}
}

@media screen and (max-width:767px) {
	#sidebar {
		background:#fef0f1 ;
	}
	#sidebar aside {
		margin:0 0 15px 0 !important ;
	}
	#sidebar h3 {
		border-bottom:2px solid #f894a3;
	}
	#sidebar ul li {
		margin:5px 0px 5px 0px ;
	}
	#sidebar ul li a {
		border-radius: 3px;
		-webkit-border-radius: 3px;
	}
}

/*トップページ*/

#a1direct_Top .TopImage img {
	border-radius: 10px;
	-webkit-border-radius: 10px;
}

#a1direct_Top .TopLead {
	color:#d7344b;
}

@media screen and (min-width:768px) {
	#a1direct_Top .TopImage {
		margin-bottom: 30px;
	}
	#a1direct_Top .TopLead {
		margin-bottom:60px;
		text-align:center;
	}	
}

#a1direct_Top .TopBlock {
	margin-bottom:80px;
}

@media screen and (max-width:767px) {
	#a1direct_Top .TopBlock {
		margin:25px 0px 0px 0px;
	}
}


/*見出し*/
@media screen and (min-width:768px) {
	#a1direct_Top .TopHeadline {
		font-size:130%;
	}
	#a1direct_Top .TopHeadline a {
		display:block;
		height:60px;
		line-height:60px;
		margin:0 0 0 0;
		padding:0px 0px 0px 80px;
		background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 30%,#eeeeee 100%,#eeeeee 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 30%,#eeeeee 100%,#eeeeee 100%);
		box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 2px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 2px;
		border:2px solid #f894a3;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		color:#444;
		position:relative;
	}
	#a1direct_Top .TopHeadline a:before {
		position:absolute;
		left:0;
		top:0;
		display:block;
		content:"";
		width:60px;
		height:60px;
		border-radius: 6px 0px 0px 6px;
		-webkit-border-radius: 6px 0px 0px 6px;
	}
	#a1direct_Top .TopHeadline a:after {
		position:absolute;
		left:60px;
		top:0;
		display:block;
		content:"";
		width:0px;
		height:0px;
		border: 30px solid transparent;
		border-left: 10px solid #f894a3;
	}
	#a1direct_Top .TopHeadline a:link {
		text-decoration:none;
	}
	#a1direct_Top .TopHeadline a:hover {
		background:linear-gradient(to bottom, #fffde4, #ffffff);
		background:-webkit-gradient(linear, center top, center bottom, from(#fffde4), to(#ffffff));
		text-decoration:none;
	}
	#TopApart .TopHeadline a:before {
		background:url("images/sidenavi_icon_apart.png") no-repeat 0px 0px, #f894a3;
		background-size:60px 60px;
	}
	#TopOffice .TopHeadline a:before {
		background:url("images/sidenavi_icon_office.png") no-repeat 0px 0px, #f894a3;
		background-size:60px 60px;
	}
	#TopColumn .TopHeadline a:before {
		background:url("images/sidenavi_icon_column.png") no-repeat 0px 0px, #f894a3;
		background-size:60px 60px;
	}
}

@media screen and (max-width:767px) {
	#a1direct_Top .TopHeadline {
		font-size:100%;
	}
	#a1direct_Top .TopHeadline a {
		display:block;
		padding:10px 5px;
		background:#f894a3;
		background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 30%,#fef0f1 100%,#fef0f1 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 30%,#fef0f1 100%,#fef0f1 100%);
		box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 2px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 2px;
		border:2px solid #f894a3;
		border-left:10px solid #f894a3;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		color:#444;
		position:relative;
	}
	#a1direct_Top .TopHeadline a:hover {
		text-decoration:none;
	}
	#a1direct_Top .TopHeadline a:after {
		position:absolute;
		right:5px;
		top:0;
		bottom:0;
		margin:auto;
		display:block;
		content:"";
		width:20px;
		height:20px;
		border:1px solid #f894a3;
		border-radius: 100%;
		-webkit-border-radius: 100%;
		background-color:#ffffff;
		background:url("images/arrow_pink.png") no-repeat center center, #ffffff;
		background-size:8px 14px;
	}
}


#a1direct_Top .TopBlockLead dt:before {
	content:"●";
	color:#f894a3;
}
#a1direct_Top .TopBlockLead dd {
	margin:5px 0 0 0;
}
@media screen and (min-width:768px) {
	#a1direct_Top .TopBlockLead dd {
		margin-left:1em;
	}	
}

/*お見積ボタン*/
#a1direct_Top .GoformBtn {
	margin:15px 0px 0px 10px;
}
#a1direct_Top .GoformBtn a {
	display:block;
	height:70px;
	line-height:70px;
	background:#ff6600;
	border-radius: 35px;
	-webkit-border-radius: 35px;
	box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 2px inset ;
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 2px inset ;
	color:#fff;
	font-size:150%;
	font-weight:bold;
	text-align:center;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.3);
	position:relative;
}
#a1direct_Top .GoformBtn a:before {
	position:absolute;
	right:30px;
	top:20px;
	display:block;
	content:"";
	width:33px;
	height:30px;
	background:url("images/arrow_yellow.png") no-repeat 0 0;
	background-size:33px 30px;	
}
#a1direct_Top .GoformBtn a:hover {
	text-decoration:none;
	background:#73cf6a;
}
#a1direct_Top .GoformBtn a span {
	display:inline-block;
	margin-right:10px;
	font-weight:normal;
	font-size:80%;
}

@media screen and (max-width:767px) {
	#a1direct_Top .GoformBtn {
		margin:0 0 0 0;
	}
	#a1direct_Top .GoformBtn a {
		height:auto;
		padding:10px 5px;
		font-size:120%;
		line-height:125%;
	}
	#a1direct_Top .GoformBtn a span {
		display:block;
		margin:0 0 0 0;
	}
	#a1direct_Top .GoformBtn a:before {
		margin:auto;
		right:15px;
		top:0;
		bottom:0;
		width:22px;
		height:20px;
		background-size:22px 20px;
	}	
}



@media screen and (min-width:768px) {
	#a1direct_Top .TopBlockLead {
		min-height:180px;
	}
	#a1direct_Top .TopBlockLead:before {
		display:block;
		content:"";
		width:300px;
		height:180px;
		margin-left:15px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		float:right;
	}
	#TopApart .TopBlockLead:before {
		background:url("images/top_blockmenu_img1.jpg") no-repeat right 0px;
		background-size:300px 180px;
	}
	#TopOffice .TopBlockLead:before {
		background:url("images/top_blockmenu_img2.jpg") no-repeat right 0px;
		background-size:300px 180px;
	}
	#a1direct_Top .TopBlockMenu {
		display:table;
		/*width:860px;*/
		width:100%;
		margin:0 5px 0 5px;
		padding:0 0 0 0;
		list-style:none;
	}
	#a1direct_Top .TopBlockMenu li {
		display:table-cell;
		/*width:215px;*/
		width:25%;
		text-align:center;
	}
	#a1direct_Top .TopBlockMenu li a {
		display:block;
		/*width:205px;*/
		width:95%;
		margin:0px 5px;
		padding:10px 0px 15px 0px;
		background:linear-gradient(to bottom, #ffffff, #fef0f1);
		background:-webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#fef0f1));
		box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 2px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 2px;
		border:2px solid #f894a3;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		text-align:center;
		font-weight:bold;
		color:#444;
	}
	#a1direct_Top .TopBlockMenu li a:before {
		display:block;
		content:"";
		width:35px;
		height:35px;
		margin:0 auto 3px auto;
		border:1px solid #f894a3;
		border-radius: 50%;
		-webkit-border-radius: 50%;
	}
	#a1direct_Top .TopBlockMenu li:nth-child(1) a:before {
		background:url("images/top_blockmenu_icon_check.png") no-repeat 0 0, #fff;
		background-size:35px 35px;
	}
	#a1direct_Top .TopBlockMenu li:nth-child(2) a:before {
		background:url("images/top_blockmenu_icon_faq.png") no-repeat 0 0, #fff;
		background-size:35px 35px;
	}
	#a1direct_Top .TopBlockMenu li:nth-child(3) a:before {
		background:url("images/top_blockmenu_icon_price.png") no-repeat 0 0, #fff;
		background-size:35px 35px;
	}
	#a1direct_Top .TopBlockMenu li:nth-child(4) a:before {
		background:url("images/top_blockmenu_icon_order.png") no-repeat 0 0, #fff;
		background-size:35px 35px;
	}
	#a1direct_Top .TopBlockMenu li a {
		text-decoration:none;
	}
	#a1direct_Top .TopBlockMenu li a:hover {
		background:linear-gradient(to bottom, #fffde4, #ffffff);
		background:-webkit-gradient(linear, center top, center bottom, from(#fffde4), to(#ffffff));
		text-decoration:none;
	}	
}

@media screen and (max-width:767px) {
	#a1direct_Top .TopBlockLead {
		margin-bottom:15px;
		min-height:80px;
	}
	#a1direct_Top .TopBlockLead:before {
		display:block;
		content:"";
		width:80px;
		height:80px;
		margin-right:10px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		float:left;
	}
	#TopApart .TopBlockLead:before {
		background:url("images/top_blockmenu_img1.jpg") no-repeat 0 0;
		background-size:auto 80px;
	}
	#TopOffice .TopBlockLead:before {
		background:url("images/top_blockmenu_img2.jpg") no-repeat 0 0;
		background-size:auto 80px;
	}
	#a1direct_Top .TopBlockMenu {
		margin:0px 0 5px 0 ;
		padding:0 0 0 0 ;
		list-style:none;
	}
	#a1direct_Top .TopBlockMenu:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
	#a1direct_Top .TopBlockMenu { min-height: 1px; }	
	#a1direct_Top .TopBlockMenu li {
		width:49%;
		margin-bottom:10px;
		text-align:center;
		float:left;
	}
	#a1direct_Top .TopBlockMenu li:nth-child(2n) {
		float:right;
	}
	#a1direct_Top .TopBlockMenu li a {
		display:block;
		padding:5px 0px 5px 0px;
		background:linear-gradient(to bottom, #ffffff, #fef0f1);
		background:-webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#fef0f1));
		box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 1px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 1px;
		border:2px solid #f894a3;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		text-align:center;
		font-size:90%;
		font-weight:bold;
		color:#444;
	}
	#a1direct_Top .TopBlockMenu li a:before {
		display:block;
		content:"";
		width:30px;
		height:30px;
		margin:0 auto 3px auto;
		border:1px solid #f894a3;
		border-radius: 50%;
		-webkit-border-radius: 50%;
	}
	#a1direct_Top .TopBlockMenu li:nth-child(1) a:before {
		background:url("images/top_blockmenu_icon_check.png") no-repeat 0 0, #fff;
		background-size:30px 30px;
	}
	#a1direct_Top .TopBlockMenu li:nth-child(2) a:before {
		background:url("images/top_blockmenu_icon_faq.png") no-repeat 0 0, #fff;
		background-size:30px 30px;
	}
	#a1direct_Top .TopBlockMenu li:nth-child(3) a:before {
		background:url("images/top_blockmenu_icon_price.png") no-repeat 0 0, #fff;
		background-size:30px 30px;
	}
	#a1direct_Top .TopBlockMenu li:nth-child(4) a:before {
		background:url("images/top_blockmenu_icon_order.png") no-repeat 0 0, #fff;
		background-size:30px 30px;
	}
}

/*投稿記事一覧カスタマイズ*/

#list article {
	margin:0px 0px 0px 0px !important ;
	padding:20px 10px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	}

.archive #list article {
	margin-top:-1px !important ;
	}

#TopColumn #list article {
	border-top:none;
	}

#TopColumn #list article img {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	}

#list .hover-card:hover {
	text-decoration:none;
	}

#list .hover-card:hover article {
	background-color:#fef7fa !important ;
	}

#list article h2 {
	font-size:120%;
	}
	
#list article .post-meta {
	padding:5px 0px;
	background:#fff;
	border-bottom:1px dotted #ddd;
	font-size:70%;
	text-align:right;
	}
	
#list .hover-card:hover article .post-meta {
	background-color:#fef7fa;
	}
	
#list article .post-meta .category {
	color:#666;
	text-decoration:none;
	}

#list article .entry-read {
	display:inline-block;
	margin-top:10px;
	padding:5px 10px 5px 10px;
	background:linear-gradient(to bottom, #ffffff, #fef0f1);
	background:-webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#fef0f1));
	border:1px solid #f894a3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size:80%;
	line-height:120%;
	text-decoration:none;
	float:right;
	}

#list article .entry-read:before {
	display:inline-block;
	content:"";
	width:7px;
	height:13px;
	margin:0px 5px 0px 0px;
	background:url("images/arrow_pink.png") no-repeat 0 center ;
	background-size:7px 13px;
	vertical-align:-10%;
	}


@media screen and (max-width:767px) {
	#list article {
		padding:10px 0px;
	}
	#list article h2 {
		font-size:100%;
	}
}

/*SNSボタン*/

#sns-group {
}
#sns-group .sns-share-msg {
	display:inline-block;
	margin:0 0 0 0;
	padding:5px 10px;
	background:#f5f5f5;
	border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	font-weight:bold;
	font-size:80%;
}
#sns-group .snsb {
	margin:0 0 20px 0;
	padding:10px 10px 0px 10px;
	background:#f5f5f5;
	border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
}
#sns-group .sns-pages {
	padding:0px 10px;
}
#sns-group .sns-follow-msg {
	padding-bottom:5px;
	border-bottom:1px dotted #ddd;
	font-size:80%;
}


/*関連記事表示*/

#related-entries {
	margin:0 0 30px 0;
	padding:20px 20px 0px 20px;
	border:2px solid #f894a3;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
#related-entries h2 {
	display:inline-block;
	margin-top:0;
	padding:10px 20px;
	background:#fffde4;
	border:1px solid #f894a3;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	font-size:90%;
	font-weight:normal;
}
#related-entries article {
	margin:-1px 0px 0px 0px !important ;
	padding:10px 0px;
	border-top:1px solid #ddd;
}
#related-entries article img {
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
#related-entries .hover-card:hover {
	text-decoration:none;
}
#related-entries .hover-card:hover article {
	background-color:#fef7fa !important ;
}
#related-entries article .related-entry-title {
	margin:0 0 10px 0 ;
	font-size:100%;
}
#related-entries article .related-entry-snippet {
	font-size:90%;
	color:#666;
}
#related-entries article .related-entry-read {
	display:inline-block;
	margin:10px 0 0 0;
	padding:5px 10px 5px 10px;
	background:linear-gradient(to bottom, #ffffff, #f5f5f5);
	background:-webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f5f5f5));
	border:1px solid #f894a3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size:80%;
	line-height:120%;
	text-decoration:none;
	float:right;
}
#related-entries article .related-entry-read:before {
	display:inline-block;
	content:"";
	width:7px;
	height:13px;
	margin:0px 5px 0px 0px;
	background:url("images/arrow_pink.png") no-repeat 0 center ;
	background-size:7px 13px;
	vertical-align:-10%;
}

/*次の記事・前の記事*/

.navigation img {
	width:70px !important ;
	height:70px !important ;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.navigation p {
	font-size:80%; ;
}
.navigation a:hover {
	background-color:#fef7fa !important ;
}
#next-no a,
#prev-no a {
	display:none !important;
}

@media screen and (min-width:768px) {
	.navigation {
		padding:30px;
	}	
}













/* ----------------------------------------------------
iPad横表示をPC表示にざっくり対応
----------------------------------------------------*/

@media screen and (min-width: 1024px) and (max-width: 1110px){
	div#header-in, div#navi-in, div#body-in, div#footer-in {
		width: 1024px;
	}
	#main {
		width: 680px;
		padding-right:20px;
	}
	div#sidebar {
		clear: none;
		float: left;
		margin-left:10px;
		padding: 25px 10px;
		width: 280px;
	}
	#navi ul {
		display: block;
	}
	#navi ul li {
		float: left;
		display: inherit;
		height: inherit;
	}
	#mobile-menu {
		display: none;
	}
	
	#header .alignright {
		display: block;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px){
	div#header-in, div#navi-in, div#body-in, div#footer-in {
		width: 100%;
	}
	#main {
		width: auto;
		margin:0 0 0 0 ;
		padding:15px 15px 0px 15px;
	}
	div#sidebar {
		width: auto;
		margin:0 0 0 0;
		padding: 15px 10px;
		background:#fef0f1;
		border-radius: 0px 0px 0px 0px;
		-webkit-border-radius: 0px 0px 0px 0px;
		box-shadow:none;
	}
	#navi ul {
		display: none;
		border: 0;
	}
	#navi ul li {
		float: none;
		display: block;
		height: auto;
	}
	#mobile-menu {
		display: block;
		position: relative;
	}
	#header .alignright {
		display: none;
	}
}