@charset "utf-8";



/*////////////////////////////////////////////////////
PC
////////////////////////////////////////////////////*/

/*/表紙////////////////////////////////////////////////////*/
.c-wrap{width:100%;}
#c-bg{width:100%;background-color:#55619c;padding:3% 0 0 0;text-align:center;}
#c-sub-title2{width:48%;max-width:600px;border:0;}/*豆読本*/
#c-sub-title{width:36%;max-width:500px;border:0;}/*高齢者にもおすすめ！*/
#c-title{width:45%;max-width:600px;border:0;}/*便秘の仕組み＆解決法*/
#c-boy{position:relative;z-index:10;width:70%;max-width:420px;margin-top:-50px;}

/*2,3,4,5,6,7ページ////////////////////////////////////////////////////*/
.two-block{width:1040px;margin-top:50px;}
.two-block-one{display:inline-block;width:460px;max-width:460px;margin:0 20px;vertical-align:top;}
.subtitle{background-color:#55619c;padding:4% 5% 4% 5%;font-size:30px;color:#fff;
font-weight:600;text-align:left;}
.bodytxt{font-size:16px;text-align:left;text-align:justify;line-height:2.0em;}

/*2ページ*/
#img-boy2{width:40%;margin:-70px -100px 10px 20px;border:0;}

/*6ページ*/
#img-boy3{width:47%;margin:-60px -100px 10px 10px;border:0;}
#img-old-lady{width:20%;margin:0px 10px 0px -5px;border:0;}


/*3,5,7ページ*/
#f-i-g1{z-index:10;width:75%;margin:30px 10px 30px 60px;}
#f-i-g2{z-index:10;width:75%;margin:30px 10px 30px 0px;}
#f-i-g3{z-index:10;width:75%;margin:30px 10px 30px 0px;}
#f-i-g4{z-index:10;width:75%;margin:30px 10px 30px 60px;}
#f-i-g5{width:75%;margin:-30px 0px 20px 0px;}
#f-i-g6{width:90%;margin:0px 0px 30px;}

#fig1-encl{width:460px;margin:0;border:solid 0px #55619c;padding-top:20px;}
#fig1-title{float:left;font-size:24px;color:#55619c;margin:30px 0 -30px 60px;clear:both;}

/*/4ページ////////////////////////////////////////////////////*/
.bodytxt#encl-dot{margin:30px 0 40px 0;border:dotted 4px #55619c;border-radius: 10px;padding:15px 20px;line-height:1.8em;}
#dot{text-align:center;margin:0;color:#55619c;}

/*/8クレジットページ////////////////////////////////////////////////////*/
#end-bg{margin-top:50px;padding-top:50px;width:100%;background-color:#55619c;}

#com-boy4{width:50%;margin-bottom:50px;text-align:left;color:#fff;font-size:16px;}/*少年画像とコメントbox*/
#com-boy4-L{font-size:20px;font-weight:600;}
#boy4{width:35%;margin:-100px 30px 0 0;}/*少年画像*/

/*#facility-box{float:left;width:100%;margin-left:50px;}*/
#facility{width:40%;margin:50px 0 0 50px;}
#facility-txt{margin:5px 0 10px 50px;font-size:0.9em;text-align:left;line-height:1.0em;}

#company{width:100%;float:left;font-size:14px;text-align:left;margin:50px 0 0 50px;}
/*/////////////////////////////////////////////////////*/

	.pc{
		display: block;
	}
	
	.sp{
		display: none;
	}
	.tl{
		display: none;
	}

	
	/*
	mainWrap
	*/
	
	#postContents{
	margin:0;
	padding:0;
	font-size:1em;
	line-height: 2em;
	}

	#mainWrap{
		width: 960px;
		margin: 0px auto;
		padding-bottom: 40px;
		/*min-height: 580px;*//*外した2020*/
	}



/*--------------------------------
	footer
--------------------------------*/

footer{
	width:100%;
	background: #222;
	min-width: 960px;/*min-width: 980pxを変えた2020*/
}

footer #copy{
	text-align: center;
	font-size: 11px;
	padding: 10px 0 30px 0;
	color: #fff;
}

/***--------------------------------
	mainWrap
--------------------------------***/


/*--------------------------------
	aside
--------------------------------*/
aside{
	display: inline-block; /*float:left;*/
	vertical-align:top;/*re77*/
	width: 450px;/*250px re77*/
	margin-right:30px;/*re77*/
}
aside h1{
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: normal;
	height: 30px;
	padding-top: 10px;
	margin-bottom: 5px;
}

aside #catBlock{
 vertical-align:top;/*re77*/
	width: 450px;/*230px re77*/
	padding:8px;
	background: #fff;
	border:dotted 2px #ccc;
}

aside #catBlock ul{
	overflow: hidden;
	margin-left:-20px;
}
aside #catBlock li.catBox{
	display: inline-block; /*float: left;*/
	font-size: 0.7em;
	font-weight: bold;
	width: 100%;
	
}

/*--------------------------------
	#contents
--------------------------------*/

#contents{
	display: inline-block; /*float: right;*/
	width: 450px;/*690px re77*/
}


/*--------------------------------
	#postWrap
--------------------------------*/

#postWrap{
	display: inline-block; /*float: right;*/
	width: 450px;/*690px re77*/
}


#postWrap #postContentsBlock{
padding:0;
	background: #fff;
	border:dotted 1px #33c;
	margin: 20px 0;
}

#subtitle{font-size: 1.1em;}

#postWrap #postContentsBlock #postBlock{
	padding: 25px 20px;
	position: relative;
}

#postWrap #postContentsBlock #postBlock .ttl{
	font-size: 1.6em;
	line-height: 1.5em;
	width: 420px;/*width: 530px;*/
	margin:0;
	margin-bottom: 15px;
}


/*--------------------------------
	postContents
--------------------------------*/

#postContents img{
	/*max-width: 650px;
	margin:0;
	padding:0;
	*/
}

img.pctlsp{margin:0;
width:23%;          /* 横幅を固定して */
    display: inline-block; /* インラインブロック化 */
    *display: inline; /*IE7対策*/
    *zoom: 1;/*IE7対策*/
    vertical-align: top;   /* 上端を揃える */
    margin: 5px 0px;
}