/* Enter Your Custom CSS Here */

/*** 悩み画像メニュー ***/

div.nayami {
  	margin-bottom: 1.5em;
	text-align: center;
}

.nayami .nayami-item {
	margin: 1px;
	display: inline;
}

.nayami .nayami-item img {
	max-width: 46%;
  	height: auto;
  	margin-bottom: 8px;
}

/* Mobile (Portrait) Width 320px 
 * ------------------------------------------------------- */
@media only screen and (max-width: 479px) {
.nayami .nayami-item img {
    max-width: 100%;
	width: 100%;
}
}


/*** サイトヘッダー部分 ***/
div#site-title {
	font-weight:700;
	font-family:Helvetica, Arial, sans-serif;
	letter-spacing:-0.72pt;
}
div#site-title a {
	color:#CC4E5C;
}
div#site-title a:hover{
	color:#fff;
	text-decoration:none;
}

#footer div#site-description {
	text-shadow: none;	
  	margin-bottom: 20px;
}



/*** マーカー ***/

.marker01-green {
  background: linear-gradient(transparent 70%, #66FFCC 70%);
}

.marker01-blue {
  background: linear-gradient(transparent 70%, #99FFFF 70%);
}

.marker01-yellow {
  background: linear-gradient(transparent 70%, #FFFF66 70%);
}

.marker01-pink {
  background: linear-gradient(transparent 70%, #FF99CC 70%);
}



/*** BOX ***/

.box3 {
	/*position:relative;*/
	/*background: #f5f5f5;*/
	border: 1px solid #dddddd; 
	margin-bottom: 20px; 
	padding: 20px;
	/*padding-left:60px;*/
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; 
  	line-height: 25px;
}

.box3 p {
 	margin-bottom: 0px;
}

/** ボーダーカラー **/

.box3.gray01,
.box3.color01 {
  	/* デフォルトと同じ */
 	border: 1px solid #dddddd;
}

.box3.gray02 {
 	border: 1px solid #efefef;
}

.box3.red01 {
 	border: 1px solid #eba1a1; 
  	color: #666666;
}

.box3.yellow01 {
 	border: 1px solid #ebebb7;
}

.box3.yellow02 {
 	border: 1px solid #f6f0c7;
}

.box3.green01 {
 	border: 1px solid #c9ebb7;
}

.box3.green02 {
 	border: 1px solid #8CBF72;
}

.box3.pink01 {
 	border: 1px solid #ffcccc;
}

.box3.blue01 {
 	border: 1px solid #aedefc;
}

.box3.skyblue01 {
 	border: 1px solid #bff2ea;
}

/** 背景色 **/

.box3.bg-color01 {
	background-color: #ffffff;
}

.box3.bg-gray01 {
	background-color: #f5f5f5;
}

.box3.bg-gray02 {
	background-color: #fbfbfb;
}

.box3.bg-red01 {
	background-color: #ffd3d3; 	 
}

.box3.bg-yellow01 {
	background-color: #ffffc7; 	 
}

.box3.bg-yellow02 {
	background-color: #fdfbf0; 	 
}

.box3.bg-green01 {
	background-color: #daffc7; 	 
}

.box3.bg-pink01 {
	background-color: #fdf0f0; 	 
}

.box3.bg-blue01 {
	background-color: #c9eaff; 	 
}

.box3.bg-skyblue01 {
	background-color: #eafffc; 	 
}

/** 画像大挿入 **/

.box3.male01,
.box3.male02,
.box3.male03,
.box3.female01,
.box3.female02,
.box3.female03 {
  	padding-left:100px;
	background-repeat: no-repeat;
	background-position: 15px 20px;
  	background-size: 70px auto;
}

.box3.male01 {
	background-image: url(/wp-content/uploads/2015/03/user1.png);
}

.box3.male02 {
	background-image: url(/wp-content/uploads/2015/02/male002.gif);
}

.box3.female01 {
	background-image: url(/wp-content/uploads/2015/03/user2.png);
}

.box3.female02 {
	background-image: url(/wp-content/uploads/2015/02/female003.gif);
}

.box3.female03 {
	background-image: url(/wp-content/uploads/2015/02/female002.gif);
}

/** 画像小挿入 **/

.box3.warning01,
.box3.check01,
.box3.error01,
.box3.block01,
.box3.help01,
.box3.pin01,
.box3.star01,
.box3.heart01,
.box3.info01,
.box3.msg01 {
  	padding-left:60px;
  	background-repeat: no-repeat;
	background-position: 15px 15px;
  	background-size: 32px 32px;
}

.box3.warning01 {
	background-image: url(/wp-content/themes/confidence/images/icons/icon_warning.png);
}

.box3.check01 {
	background-image: url(/wp-content/themes/confidence/images/icons/icon_success.png);
}

.box3.error01 {
	background-image: url(/wp-content/themes/confidence/images/icons/icon_error.png);
}

.box3.block01 {
	background-image: url(/wp-content/themes/confidence/images/icons/icon_block.png);
}

.box3.help01 {
	background-image: url(/wp-content/themes/confidence/images/icons/icon_help.png);
}

.box3.pin01 {
	background-image: url(/wp-content/themes/confidence/images/icons/icon_pinned.png);
}

.box3.star01 {
	background-image: url(/wp-content/themes/confidence/images/icons/icon_star.png);
}

.box3.heart01 {
	background-image: url(/wp-content/themes/confidence/images/icons/icon_heart.png);
}

.box3.info01 {
	background-image: url(/wp-content/themes/confidence/images/icons/icon_info.png);
}

.box3.msg01 {
	background-image: url(/wp-content/themes/confidence/images/icons/icon_message.png);
}

/** 角丸 **/

.box3.corner01 {
  	/* デフォルトと同じ */
}

.box3.corner02 {
  	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
}

.box3.corner03 {
  	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
}




/*** よく読まれている記事 ***/

.pop-posts {
	overflow: hidden; /*floatの解除*/
  	position: relative; /*DWで正常にプレビューできるようになります。*/
  	zoom:1; /*IE6でレイアウト崩れを防ぐ。*/
  	border-top: 1px solid #CCCCCC;
  	border-left: 1px solid #CCCCCC;
  	border-right: 1px solid #CCCCCC;
}

.pop-posts .pop-post {
	clear: both;
  	padding: 10px 10px 25px 10px;
  	border-bottom: 1px solid #CCCCCC;
}

.pop-posts .pop-post .pop-title {
	font-weight: bold;
  	font-size: 1.1em;
  	margin: -15px 0px 10px 0px;
}
  
.pop-posts .pop-post img {
  	float: left;
  	border: 1px solid #CCCCCC;
  	padding: 1px;
  	margin: 0px 15px 15px 0px;
}

.pop-posts .pop-post p {
	margin-bottom: 0px;
}
  


/*** ランキング ***/

.ranking01 {
	overflow: hidden; /*floatの解除*/
  	position: relative; /*DWで正常にプレビューできるようになります。*/
  	zoom:1; /*IE6でレイアウト崩れを防ぐ。*/
}

.ranking01 .rank1,
.ranking01 .rank2,
.ranking01 .rank3,
.ranking01 .rank4,
.ranking01 .rank5,
.ranking01 .rank6 {
  	border: 1px solid #CCCCCC;
  	padding: 10px 15px 15px 15px;
  	margin-bottom: 20px;
  	clear: both;
  	overflow: hidden; /*floatの解除*/
  	position: relative; /*DWで正常にプレビューできるようになります。*/
  	zoom:1; /*IE6でレイアウト崩れを防ぐ。*/
  	line-height: 175%;
}

/*
.ranking01 .rank-title {
	font-weight: bold;
  	font-size: 1.15em;
  	padding-top: 3px;
  	padding-left: 35px;
  	height: 25px;
    background-repeat: no-repeat;
    background-position: left top;
}
*/

.ranking01 .rank-title {
	font-weight: bold;
  	font-size: 1.3em;
  	padding-top: 3px;
  	padding-left: 65px;
  	height: 60px;
    background-repeat: no-repeat;
    background-position: left top;
  	display: table-cell;
  	vertical-align: middle;
}

.ranking01 .rank1 .rank-title {
 	background-image: url("/wp-content/uploads/2015/03/rank4_1_60.gif");
}
.ranking01 .rank2 .rank-title {
 	background-image: url("/wp-content/uploads/2015/03/rank4_2_60.gif");
}
.ranking01 .rank3 .rank-title {
 	background-image: url("/wp-content/uploads/2015/03/rank4_3_60.gif");
}
.ranking01 .rank4 .rank-title {
 	background-image: url("/wp-content/uploads/2015/03/rank4_4_60.gif");
}
.ranking01 .rank5 .rank-title {
 	background-image: url("/wp-content/uploads/2015/03/rank4_5_60.gif");
}
.ranking01 .rank6 .rank-title {
 	background-image: url("/wp-content/uploads/2015/07/rank4_6_60.png");
}

.ranking01 .rank-desc {
  	padding-top: 10px;
}

.ranking01 .rank-desc p {
	line-height: 175%;
}

.ranking01 .rank-desc img {
	width: 210px;
  	/*border: 1px solid #CCCCCC;*/
  	padding: 1px;
  	float: left;
  	margin: 0px 15px 15px 0px;
}




/*** 人気のポスト（WordPress Popular Widget）の修正 ***/

.popular-posts,
.popular-posts .entry-title,
.popular-posts .entry-details,
.popular-posts .entry-meta {
	-webkit-text-size-adjust: 100% !important;
}

.popular-posts .entry-details {
	padding-left: 65px;
}

.popular-posts .entry-title {
	font-size:12px;
}

.popular-posts .entry-meta {
	font-size:11px;
}




/* *** LINE型吹き出し *** */

.fukidashi-wrapper,
.fukidashi-wrapper-right {
	position: relative;
	z-index: 0;
}

.fukidashi-wrapper img,
.fukidashi-wrapper-right img {
	box-shadow: 0px 0px 0px 3px #CCC;
	border-radius: 300px;
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	height: 50px;
	width: 50px;
	float: left;
}

.fukidashi-wrapper .fukidashi01,
.fukidashi-wrapper .fukidashi02,
.fukidashi-wrapper-right .fukidashi01,
.fukidashi-wrapper-right .fukidashi02 {
	border: 1px solid #FF0000;
	float: left;
	max-width: 70%;
	margin-top: -25px;
	margin-bottom: 25px;
	margin-left: 30px;
	padding: 20px;
	position: relative;
	border-radius: 20px;
	border: 2px solid #cccccc;
	box-shadow: 0 8px 6px -6px #999999;
	z-index: auto;
	background-color: #FFFFFF;
}

/* 右寄せのとき */
.fukidashi-wrapper-right img,
.fukidashi-wrapper-right .fukidashi01,
.fukidashi-wrapper-right .fukidashi02 {
	float: right;
}

.fukidashi-wrapper-right .fukidashi01,
.fukidashi-wrapper-right .fukidashi02 {
	margin-left: 0px;
	margin-right: 30px;
}

/* 会話 */
.fukidashi-wrapper .fukidashi01:after,
.fukidashi-wrapper-right .fukidashi01:after {
	content: '';
	position: absolute;
	height: 50px;
	width: 50px;
	border-radius: 20px;
	background: #fff !important;
	top: -5px;
	left: -25px;
	z-index: -1;
}

.fukidashi-wrapper .fukidashi01:before,
.fukidashi-wrapper-right .fukidashi01:before {
	content: '';
	position: absolute;
	height: 50px;
	width: 50px;
	border-radius: 25px;
	background: #ccc;
	top: 5px;
	left: -20px;
	z-index: -1;
}

.fukidashi-wrapper-right .fukidashi01:after {
	top: -5px;
	left: auto;
	right: -25px;
}

.fukidashi-wrapper-right .fukidashi01:before {
	top: 5px;
	left: auto;
	right: -20px;
}

/* 想い */
.fukidashi-wrapper .fukidashi02:after,
.fukidashi-wrapper-right .fukidashi02:after {
	content: '';
	position: absolute;
	height: 10px;
	width: 10px;
	border-radius: 5px;
	background: #ccc;
	bottom: 17px;
	left: -32px;
	z-index: -1;
}

.fukidashi-wrapper .fukidashi02:before,
.fukidashi-wrapper-right .fukidashi02:before {
	content: '';
	position: absolute;
	height: 20px;
	width: 20px;
	border-radius: 10px;
	background: #ccc;
	bottom: 5px;
	left: -20px;
	z-index: -1;
}

.fukidashi-wrapper-right .fukidashi02:after {
	bottom: 20px;
	left: auto;
	right: -32px;
}

.fukidashi-wrapper-right .fukidashi02:before {
	bottom: 5px;
	left: auto;
	right: -20px;
}

/* カラー */
.fukidashi-wrapper .box-blue,
.fukidashi-wrapper-right .box-blue {
	border: 2px solid #bff2ea;
}
.fukidashi-wrapper .box-blue:before,
.fukidashi-wrapper-right .box-blue:before,
.fukidashi-wrapper .box-blue:after,
.fukidashi-wrapper-right .box-blue:after {
	background: #bff2ea;
	border-top-color: #bff2ea;
}

.fukidashi-wrapper .box-pink,
.fukidashi-wrapper-right .box-pink {
	border: 2px solid #ffcccc;
}
.fukidashi-wrapper .box-pink:before,
.fukidashi-wrapper-right .box-pink:before,
.fukidashi-wrapper .box-pink:after,
.fukidashi-wrapper-right .box-pink:after {
	background: #ffcccc;
	border-top-color: #ffcccc;
}


.fukidashi-wrapper .box-yellow,
.fukidashi-wrapper-right .box-yellow {
	border: 2px solid #ebebb7;
}
.fukidashi-wrapper .box-yellow:before,
.fukidashi-wrapper-right .box-yellow:before,
.fukidashi-wrapper .box-yellow:after,
.fukidashi-wrapper-right .box-yellow:after {
	background: #ebebb7;
	border-top-color: #ebebb7;
}

.fukidashi-wrapper .box-green,
.fukidashi-wrapper-right .box-green {
	border: 2px solid #c9ebb7;
}
.fukidashi-wrapper .box-green:before,
.fukidashi-wrapper-right .box-green:before,
.fukidashi-wrapper .box-green:after,
.fukidashi-wrapper-right .box-green:after {
	background: #c9ebb7;
	border-top-color: #c9ebb7;
}