/*◆◇◆以下はスマホ用のCSS◆◇◆*/
@media screen and (max-width : 501px){



#wrapper {
	background-color: #efefef;
	padding-top: 20px;
}



h2.content_title {
	font-size: 2.4rem;
	width: 90vw;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 45px;/*headerを上部固定しない場合は外す*/
	font-weight: normal;
}



.content {
	width: 90vw;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	background-color: #FFFFFF;
	padding-top: 25px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 6px 6px 6px 6px;
}



p.article_date {
	font-size: 1.2rem;
	line-height: 12px;
	text-align: right;
	margin-bottom: 20px;
	padding-right: 10px;
}

h3.article_title {
	font-size: 1.6rem;
	line-height: 20px;
	margin-bottom: 20px;
	font-weight: normal;
}

.article_intro p {
	font-size: 1.2rem;
}
.article_intro img {
	margin-bottom: 5px;
}

.article_all p {
	font-size: 1.2rem;
}
.article_all img {
	margin-bottom: 5px;
}



p#read_more {
	width: 35vw;
	line-height: 40px;
	background-color: #828282;
	font-size: 1.6em;
	font-weight:bold;
	text-align: center;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
}
p#read_more a {
	color: #FFFFFF;
	text-decoration: none;
}



#pagebute {
	width: 90vw;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 60px;
	text-align: center;
	padding-top: 30px;
	font-size: 1.6em;
}

.current_page {
	background-color: #828282;
	padding: 10px 16px 10px 16px;
	margin: 0px 2px 0px 2px;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	font-weight: bold;
}

.link_page {
	background-color: #828282;
	padding: 10px 16px 10px 16px;
	margin: 0px 2px 0px 2px;
	border-radius: 5px 5px 5px 5px;
}
a.link_page {
	color: #FFFFFF;
	font-weight: bold;
}

.link_next {
	background-color: #828282;
	padding: 10px 16px 10px 16px;
	margin: 0px 2px 0px 2px;
	border-radius: 5px 5px 5px 5px;
}
a.link_next {
	color: #FFFFFF;
	font-weight: bold;
}

.link_before {
	background-color: #828282;
	padding: 10px 16px 10px 16px;
	margin: 0px 2px 0px 2px;
	border-radius: 5px 5px 5px 5px;
}
a.link_before {
	color: #FFFFFF;
	font-weight: bold;
}



}










/*◆◇◆以下はPC用のCSS◆◇◆*/
/*ビューエリアの最小幅がこのサイズより大きい場合に以下のスタイルを適用*/
@media screen and (min-width : 500px){



#wrapper {
	background-color: #efefef;
	padding-top: 70px;/*headerを上部固定しない場合は外す*/
}



h2.content_title {
	width: 450px;
	height: 48px;
	font-size: 48px;
	line-height: 48px;
	text-align: center;
    margin-right: auto;
    margin-left: auto;
	font-weight: normal;
}



.content {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top: 60px;
	padding-bottom: 80px;
	padding-left: 100px;
	padding-right: 100px;
	margin-bottom: 30px;
	border-radius: 6px 6px 6px 6px;
}



p.article_date {
	font-size: 12px;
	line-height: 12px;
	text-align: right;
	margin-bottom: 25px;
}

h3.article_title {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 20px;
	font-weight: normal;
}

.article_intro p {
	font-size: 16px;
	line-height: 26px;
}
.article_all p {
	font-size: 16px;
	line-height: 26px;
}



p#read_more {
	width: 200px;
	height: 50px;
	background-color: #828282;
	text-align: center;
	line-height: 50px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	font-size: 16px;
	font-weight: bold;
}
p#read_more a {
	color: #FFFFFF;
	text-decoration: none;
}



#pagebute {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
    margin-bottom: 160px;
	text-align: center;
	padding-top: 8px; /*各記事と同じクリアランスとするため追加*/
}

.current_page {
	background-color: #828282;
	padding: 10px 16px 10px 16px;
	margin: 0px 2px 0px 2px;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	font-weight: bold;
}

.link_page {
	background-color: #828282;
	padding: 10px 16px 10px 16px;
	margin: 0px 2px 0px 2px;
	border-radius: 5px 5px 5px 5px;
}
a.link_page {
	color: #FFFFFF;
	font-weight: bold;
}

.link_next {
	background-color: #828282;
	padding: 10px 16px 10px 16px;
	margin: 0px 2px 0px 2px;
	border-radius: 5px 5px 5px 5px;
}
a.link_next {
	color: #FFFFFF;
	font-weight: bold;
}

.link_before {
	background-color: #828282;
	padding: 10px 16px 10px 16px;
	margin: 0px 2px 0px 2px;
	border-radius: 5px 5px 5px 5px;
}
a.link_before {
	color: #FFFFFF;
	font-weight: bold;
}



}