@charset "UTF-8";
/*===============================================
●pc.css 画面の横幅が770px以上
===============================================*/
@media screen and (min-width: 770px){
#content {
    width: 1200px;
    margin: 0 auto 140px;
    overflow: hidden;
}
.pageTitle {
    margin: 80px 0 30px;
    width: 100%;
    float: left;
    clear: both;
}
#blog_detail_contens{
	width: 1200px;
	float: left;
	clear: both;
	margin-bottom: 68px;
	font-size: 15px;
	line-height: 26px;
}
#blog_detail_contens .in_box ol{
 padding: 20px;
 border: 1px solid #c1c1c1;
 margin-bottom: 20px;
}
#blog_detail_contens .in_box ol li{
 list-style-position: inside;
 list-style-type: decimal;
}
#blog_detail_contens .in_box ul li{
 list-style-position: inside;
 list-style-type: disc;
}
#blog_detail_contens .in_box blockquote{
 font-size: 21px;
 line-height: 26px;
 font-style: italic;
 border-left: 3px solid #000000;
 padding-left: 20px;
}
#blog_detail_contens .in_box em{
 font-style: italic;
}
#blog_detail_contens .in_box strong{
 font-weight: bold;
}
#blog_detail_contens .in_box hr{
 border-top: 1px dashed #8c8b8b;
 display: block;
}

#blog_detail_contens a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
}
#blog_detail_contens .encircle{
	width: 754px;
	float: left;
	border: 1px solid #DFDFDF;
	padding: 30px 30px 40px 30px;
}

#blog_detail_contens .in_box img{
	max-width: 594px;
	height: auto;
}
#blog_detail_contens .encircle .meta{
	clear: both;
	font-size: 11px;
}
#blog_detail_contens .encircle .category{
	color: #FB358E;
}
#blog_detail_contens .encircle .category a{
	text-decoration: none;
	color: #FB358E;
}
#blog_detail_contens .encircle .category a:hover{
	text-decoration: underline !important;
	color: #FB358E;
}
#blog_detail_contens .encircle > h2,
#blog_detail_contens .encircle .in_box h2{
	font-size: 20px;
	border-bottom: 1px solid #DFDFDF;
	margin-bottom: 30px;
	padding-bottom: 13px;
}
#blog_detail_contens .encircle .in_box{
	margin-bottom: 28px;
}
#blog_detail_contens .encircle .text{
	margin-bottom: 26px;
}
#blog_detail_contens .encircle .img{
	margin-bottom: 26px;
}
#blog_detail_contens .encircle .taC{
	margin-bottom: 26px;
}
#blog_detail_contens .encircle .prev_link {
    float: left;
}
#blog_detail_contens .encircle .next_link {
    float: right;
}
#right_column{
	width: 312px;
	float: right;
}
#right_column .wrap .box a dl {
	text-decoration: none;
}
#right_column .wrap .box a:hover dl{
	text-decoration: underline !important;
	color: #000000;
}
#right_column a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
}
#right_column .from{
	width: 312px;
	float: left;
	clear: both;
	margin-bottom: 28px;
}
#right_column .from .img{
	width: 92px;
	float: left;
	margin-right: 16px;
}
#right_column .from .img img{
	border-radius: 150px;
	-moz-border-image:150px;
        border-radius: 150px;
	-webkit-border-image: 150px;
        border-radius: 150px;
}
#right_column .from .name{
	float: left;
	font-size: 16px;
	margin-top: 20px;
}
#right_column .from .name_small{
	font-size: 12px;
}
#right_column .wrap{
	width: 312px;
	float: left;
	clear: both;
	margin-bottom: 50px;
}
#right_column .wrap h3{
	font-size: 20px;
	border-bottom: 1px solid #DFDFDF;
	margin-bottom: 12px;
	padding-bottom: 8px;
	padding-top: 4px;
}
#right_column .wrap .box{
	width: 312px;
	float: left;
	clear: both;
	border-bottom: 1px solid #DFDFDF;
	margin-bottom: 12px;
	padding-bottom: 12px;
}
#right_column .wrap .box .img{
	width: 82px;
	float: left;
}
#right_column .wrap .box dl{
	width: 216px;
	float: right;
}
#right_column .wrap .box dl dt{
	font-size: 11px;
    line-height: 22px;
}
#right_column .wrap .box dl dd{
	line-height: 18px;
}
#right_column .wrap .more{
	clear: both;
	text-align: right;
}
#right_column .wrap .more a{
	background: url(../assets/images/common/link_cursor.gif) no-repeat 0 5px;
	padding: 0 0 0 11px;
	line-height: 100%;
	color: #222;
	text-decoration: underline;
}
#right_column .wrap .more a:hover{
	text-decoration: none !important;
}
}
/*===============================================
●sp.css  画面の横幅が769pxまで
===============================================*/
@media screen and (max-width:769px){
#content {
    width: 100%;
    margin: 0 auto 70px;
    float: left;
    clear: both;
}
.pageTitle {
    margin: 42px 5% 16px;
    width: 90%;
}
#blog_detail_contens{
	width: 90%;
	margin: 0 auto;
}
#blog_detail_contens .in_box ol{
 padding: 20px;
 border: 1px solid #c1c1c1;
 margin-bottom: 20px;
}
#blog_detail_contens .in_box ol li{
 list-style-position: inside;
 list-style-type: decimal;
}
#blog_detail_contens .in_box ul li{
 list-style-position: inside;
 list-style-type: disc;
}
#blog_detail_contens .in_box blockquote{
 font-size: 21px;
 line-height: 26px;
 font-style: italic;
 border-left: 3px solid #000000;
 padding-left: 20px;
}
#blog_detail_contens .in_box em{
 font-style: italic;
}
#blog_detail_contens .in_box strong{
 font-weight: bold;
}
#blog_detail_contens .in_box hr{
 border-top: 1px dashed #8c8b8b;
}
#blog_detail_contens a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
}
#blog_detail_contens .encircle{
	border: 1px solid #DFDFDF;
	padding: 20px 20px 30px 20px;
	margin-bottom: 54px;
    float: left;
    width: 100%;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#blog_detail_contens .encircle .in_box {
    margin-bottom: 22px;
}
#blog_detail_contens .encircle .meta{
	clear: both;
	font-size: 1.1rem;
}
#blog_detail_contens .encircle .category{
	color: #FB358E;
}
#blog_detail_contens .encircle .category a{
	text-decoration: none;
	color: #FB358E;
}
#blog_detail_contens .encircle .category a:hover{
	text-decoration: underline !important;
	color: #FB358E;
}
#blog_detail_contens .encircle > h2,
#blog_detail_contens .encircle .in_box h2{
	font-size: 1.5rem;
	line-height: 1.6;
	border-bottom: 1px solid #DFDFDF;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
#blog_detail_contens .encircle .text{
	margin-bottom: 26px;
}
#blog_detail_contens .encircle .img{
	margin-bottom: 26px;
}
#blog_detail_contens .encircle .taC{
	margin-bottom: 26px;
}
#blog_detail_contens .encircle .prev_link {
    float: left;
}
#blog_detail_contens .encircle .next_link {
    float: right;
}
#right_column .wrap{
	margin-bottom: 50px;
}
#right_column .wrap h3{
	font-size: 2.2rem;
	border-bottom: 1px solid #DFDFDF;
	margin-bottom: 16px;
	padding-bottom: 6px;
	padding-top: 4px;
	clear: both;
}
#right_column .wrap .box {
	overflow:hidden;
	margin-bottom: 14px;
	padding-bottom: 8px;
	border-bottom: 1px solid #DFDFDF;
}
#right_column .wrap .box .img {
	float: left;
	width: 80px;
}
#right_column .wrap .box.img a {
	display: block;
	width: 80px;
	height: 82px;
	overflow: hidden;
}
#right_column .wrap .box .img a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity:0.70;
}
#right_column .wrap .box .img img {
	position:relative;
}
#right_column .wrap .box .img img:hover {
}
#right_column .wrap .box dl {
	text-align:left;
	margin-left: 94px;
}
#right_column .wrap .box dl dt {
	font-family: 'Cardo', serif;
    font-size: 1.2rem;
}
#right_column .wrap .box dl dd {
	line-height: 1.4;
    font-size: 1.4rem;
}
#right_column .wrap .box dl dd a {
	color:#333;
	text-decoration:none;
}
#right_column .wrap .box dl dd a:hover {
	text-decoration:underline;
}

#right_column .wrap .more{
	clear: both;
	text-align: right;
}
#right_column .wrap .more a{
	background: url(../../assets/images/common/link_cursor.gif) no-repeat 0 5px;
	padding: 0 0 0 11px;
	line-height: 100%;
	color: #222;
	text-decoration: underline;
}
#right_column .wrap .more a:hover{
	text-decoration: none !important;
}
}