@charset "utf-8";
@media screen and (min-width: 641px){
	#pageVoice  #contents h2 { margin-bottom: 15px; padding: 0 0 0 45px; font-size: 30px; border-bottom: 2px solid #222; background: url(/almondkouka/common/images/icon_title.png) left center no-repeat; background-size: 40px 40px; color: #000; }

	/* ページャー */
	.bbsPager { position: relative; padding: 5px 0 20px; width: 720px; text-align: center; }
	.bbsPager a { padding: 0 8px; font-size: 18px; font-weight: bold; color: #444; }
	.bbsPager a:hover { text-decoration: none; border-bottom: 3px solid #11a5f1; color: #11a5f1; }
	.bbsPager  span { padding: 0 8px; font-size: 18px; font-weight: bold; color: #ccc; }
	.bbsPager .prev { position: absolute; top: 5px; left:0 }
	.bbsPager .next { position: absolute; top: 5px; right:0 }

	/* カテゴリから見る */
	.categoryList h3 { margin-bottom: 15px; padding: 5px 10px; font-size: 16px; background: #f0f0f0; font-weight: bold;}
	.categoryList ul { width: 240px; overflow: hidden; }
	.categoryList li { position: relative;  float: left; margin: 0 10px 10px 0; line-height: 1.5; width: 70px; height: 70px; background: #ffffff; text-align: center; font-weight: bold; border: 1px solid #dcdcdc; border-bottom: 1px solid #b4b4b4; box-sizing: border-box; font-size: 12px;}
	.categoryList li.active { background: #f0f0f0; }
	.categoryList li a { position: absolute; display: block; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; white-space: nowrap; color: #444; }

	/* ページネーション */
	.bbsContents .entryPager { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ccc; }
	.bbsContents .entryPager .prev { float: left; font-size: 16px; }
	.bbsContents .entryPager .next { float: right; font-size: 16px; }
	.bbsContents .entryPager a { color: #444; }
	
	.bbsContents .comment { clear: both; margin-top: 20px; padding-top: 20px; color: #444; font-size: 12px;}
	.bbsContents .comment h4 { margin-bottom: 10px; padding: 5px 10px; background: #f0f0f0; color: #444; font-size: 14px; font-weight: bold;}
	.bbsContents .comment h5 { margin-bottom: 10px; padding-left: 35px; font-size: 14px; background: url(/almondkouka/common/images/icon_fukidashi.png) left center no-repeat; background-size: 30px auto; line-height: 30px; }
	.bbsContents .comment ul { margin-bottom: 15px; }
	.bbsContents .comment li { padding: 10px 15px; }

	.bbsContents .comment li .nickName { font-size: 11px; }
	.bbsContents .comment li .child { display: none; clear: both; margin: 10px 0 10px 0; padding: 15px 15px 5px 15px; background: #fff; }
	.bbsContents .comment li .child h6 { padding-bottom: 5px; }
	.bbsContents .comment li .child h6 + p { padding-bottom: 10px; }
	.bbsContents .comment .text { margin-bottom: 10px; padding-bottom: 5px; font-size: 12px; }
	.bbsContents .comment .input { margin-bottom: 10px; width: 720px; }
	.bbsContents .comment .input .textarea   { float: left; width: 560px; font-size: 12px; color: #666;}
	.bbsContents .comment .input .textarea textarea { padding: 10px; width: 560px; height: 70px; box-sizing: border-box; border: 1px solid #666; resize: both;}
	.bbsContents .comment .input .btnConfirm { float: right; width: 140px; }
	.bbsContents .comment .input .btnConfirm a { display: block; padding-bottom: 3px; width: 140px; height: 70px; line-height: 70px; }

	.bbsContents .comment .input span { display: block; padding: 5px 5px 5px 0; }
	.bbsContents .comment .input span i { font-style:normal; } 
	.bbsContents .comment .input span input { padding: 5px; width: 300px; font-size: 12px;}
	.bbsContents .comment .commentArea { clear: both; }

	.bbsContents .comment .confirm  { clear: both; margin-bottom: 15px; padding: 10px; border-radius: 10px; font-size: 12px;}
	.bbsContents .comment .confirm dl { width: 100%!important; }
	.bbsContents .comment .confirm dt span { color: #f27f8e; }
	.bbsContents .comment .confirm ul { margin: 0 auto 10px auto; width: 280px; }
	.bbsContents .comment .confirm ul li.btnRevice { float: left; padding: 0; }
	.bbsContents .comment .confirm ul li.btnSend   { float: right; padding: 0; }
	.bbsContents .comment .confirm ul li a { display: block; width: 120px; height: 30px; text-align: center; color: #fff; font-weight: bold; line-height: 30px; border-radius: 8px; -webkit-radius: 8px; -moz-border-radius: 8px; box-sizing: border-box; }
	.bbsContents .comment .confirm ul li.btnRevice a { background: #aeaeae; }
	.bbsContents .comment .confirm ul li.btnSend   a { background: #11a5f1; }
	.bbsContents .comment .confirm .confirmTitle { padding: 10px 0 5px 0; font-size: 12px; }
	.bbsContents .comment .confirm .confirmText  { padding-bottom: 10px; font-size: 12px; }
	.bbsContents .comment  textarea { margin-bottom: 5px; padding: 10px; width: 580px; height: 70px; box-sizing: border-box; }
	.bbsContents .comment .good a { padding-left: 16px; background: url(/almondkouka/common/images/icon_good.png) left center no-repeat; background-size: 14px auto; color: #444; }
	.bbsContents .comment .goodOff span { padding-left: 16px; background: url(/almondkouka/designBase/images/comment/icon_good_off.png) left center no-repeat; background-size: 14px auto; color: #444; }

	.bbsContents .comment .childCommet { margin-bottom: 10px; padding-bottom: 10px; }
	.bbsContents .comment .childCommet .good,
	.bbsContents .comment .childCommet .goodOff { text-align: right; }
	.bbsContents .comment .inputChild { margin-bottom: 15px; display: table; width: 660px; }
	.bbsContents .comment .inputChild .textarea   { display: table-cell; width: 560px; }
	.bbsContents .comment .inputChild .childText  { margin: 0; width: 540px!important; height: 40px!important; padding: 5px; box-sizing: border-box;  }
	.bbsContents .comment .inputChild .btnConfirm { display: table-cell; width: 100px; vertical-align: top; text-align: right;  }
	.bbsContents .comment .inputChild .btnConfirm a { display: block; width: 100px; line-height: 40px; background: #11a5f1; color: #fff; font-weight: bold; text-decoration: none; text-align: center; border-radius: 8px; -webkit-radius: 8px; -moz-border-radius: 8px; }
	.bbsContents .comment #commentList > li  { border-bottom: 1px solid #bebebe; background: #f0f0f0 /*url(/almondkouka/designBase/images/comment/bg_sankaku.png) 0 0 no-repeat*/; }
	.bbsContents .comment #commentList > li:last-child { border: none; }
	.bbsContents .comment li .childRes  { margin-bottom: 10px; padding: 10px 0 0 0; background: #fff; border-top: 1px solid #bebebe; }
	.bbsContents .accordion { position: relative; }
	.bbsContents .accordion .open  { position: absolute; right: -5px; top: 5px; width: 700px; height: 28px; background: url(/almondkouka/designBase/images/comment/arrow_donw.png) right center no-repeat; cursor: pointer; text-indent: -9999px; }
	.bbsContents .accordion .open.active { background: url(/almondkouka/designBase/images/comment/arrow_up.png) right center no-repeat;}	
	.bbsContents .accordion .title { margin: 0 35px 0 0; }
	.bbsContents .accordion .date  { margin: 10px 15px 0 0; text-align: right; box-sizing: border-box; }
	.bbsContents .accordion .date .resCount { padding: 0 5px 0 15px; }
	.bbsContents .accordion .date .good { padding-left: 15px; color: #444; text-align: right; background: url(/almondkouka/common/images/icon_good.png) left center no-repeat; background-size: 14px auto; }
	.bbsContents .accordion .date .good:hover { text-decoration: underline; }
	.bbsContents .accordion .date .goodOff { padding-left: 15px; text-align: right; background: url(/almondkouka/designBase/images/comment/icon_good_off.png) left center no-repeat; background-size: 14px auto;}
	.bbsContents .accordion .commentTitle { font-size: 12px; }
	.bbsContents .childResComment input { clear: both; padding: 5px; width: 250px; font-size: 12px;}
	.bbsContents .childResComment  span { padding-left: 10px; }
	.bbsContents .childResComment .date { padding-right: 10px; font-style: normal; }
	.bbsContents .childResComment .good { margin: 10px 0; text-align: right; } 
	.bbsContents .childResComment .res { margin-right: 10px; padding: 0 10px 0 16px; background: url(/almondkouka/common/images/icon_res.png) left center no-repeat; background-size: 14px auto; border-right: 1px solid #bebebe; font-style: normal; cursor: pointer; }
	.bbsContents .childResComment .res:hover { text-decoration: underline; }
	.bbsContents .childResComment .goodOff { margin: 10px 0; text-align: right; } 
	.bbsContents .childResComment i { font-style: normal; }
	.bbsContents .childResComment .delete  { padding: 0 0 0 16px; background:  url(/almondkouka/common/images/icon_delete.png) left center no-repeat!important; background-size: 14px auto!important; font-style: normal; cursor: pointer; color: #333; }

	/* コメント 確認＆送信 */
	.bbsContents .comment .confirm{ border: 4px solid #f0f0f0; font-size: 12px;}
	.bbsContents .comment .confirm dt span,
	.bbsContents .comment .input span i,
	.bbsContents .comment .child h6 span { color: #bebebe; }
 	.bbsContents .comment .childCommet { border-bottom: 2px solid #bebebe; }
	.bbsContents .comment .good a { background: url(/almondkouka/common/images/icon_good.png) left center no-repeat; background-size: 14px auto; }	
	.bbsContents .comment .goodOff span { background: url(/almondkouka/designBase/images/comment/icon_good_off.png) left center no-repeat; background-size: 14px auto; }	
	.bbsContents .comment .btnLoginBbs { margin: 0 0 15px; }
	.bbsContents .comment .btnLoginBbs a { background: #11a5f1; color:#fff;}

	/* みんなの声 一覧ページ */
	#pageVoice .comment { margin: 0; padding: 0; }
	#pageVoice .voiceList h3 { margin-bottom: 15px; padding: 5px 10px; font-size: 16px; background: #f0f0f0; font-weight: bold;}
	#pageVoice .voiceList ul { margin: 0; padding: 0; width: 720px; }
	#pageVoice .voiceList li { margin: 0 0 15px ; padding: 0 0 15px 0!important; border-bottom: 1px solid #ccc; }
	#pageVoice .voiceList li a { text-decoration: none; }
	#pageVoice .voiceListInner { display: table; border-left: 5px solid #11a5f1; padding-left: 15px; box-sizing: border-box; }
	#pageVoice .voiceListInner p  { display: table-cell; padding: 0 5px 5px; width: 200px; vertical-align: bottom; box-sizing: border-box; }
	#pageVoice .voiceListInner dl { display: table-cell; margin-bottom: 0!important; padding: 10px 0 5px;  width: 520px; color: #444; }
	#pageVoice .voiceListInner .nickName { padding-left: 5px; font-size: 12px; }
	#pageVoice .voiceListInner .voiceTitle { padding-bottom: 5px; font-size: 20px; font-weight: bold; }
	#pageVoice .voiceListInner .voiceTitle a { color: #444!important; }
	#pageVoice .voiceListInner .voiceTitle a:hover { text-decoration: none; color: #444;  } 
	#pageVoice .voiceListInner .date  { text-align: right; box-sizing: border-box;color: #444; font-size: 12px; }
	#pageVoice .voiceListInner .date .resCount { padding-right: 5px; font-size: 12px;}
	#pageVoice .voiceListInner:hover { background: #f0f0f0; } 


	/* みんなの声 詳細ページ */
	#pageVoice .entry { clear: both; margin-bottom: 20px; padding-bottom: 20px; }	
	#pageVoice .entry .voiceTitle { margin-bottom: 20px; background: #f0f0f0; }
	#pageVoice .entry .voiceTitle h3 { float: left; width: 540px; padding: 5px 10px; font-size: 16px; box-sizing: border-box; }
	#pageVoice .entry .voiceTitle .good { float: right; padding: 5px 10px 5px 26px; font-size: 16px; background: url(/almondkouka/common/images/icon_good.png) left center no-repeat; background-size: 25px auto; }
	#pageVoice .entry .voiceTitle .good a { color: #444; }
	#pageVoice .entry .voiceTitle .goodOff { float: right; padding: 5px 10px 5px 26px; font-size: 16px; background: url(/almondkouka/designBase/images/comment/icon_good_off.png) left center no-repeat; background-size: 25px auto;  }
	#pageVoice .entry .voiceTitle .good span { color: #444; }

	#pageVoice .entry .voiceText { font-size: 14px; line-height: 2.0; color: #444;}
	#pageVoice .entry .voiceText img { float: right; display: block; margin: 0 0 10px 15px; width: 250px; height: auto; border: 10px solid #fff; box-shadow: 0px 0px 3px 1px #ccc; -moz-box-shadow: 0px 0px 3px 1px #ccc; -webkit-box-shadow: 0px 0px 3px 1px #ccc; }
	#pageVoice .entry .voiceDate { clear: both; padding: 20px 0; font-size: 14px; text-align: right; color: #444;}

	/* みんなの声 コメント部分 */
	#pageVoice .child { display: block; margin: 5px 0; }
	#pageVoice .comment .childRes:first-child  { padding: 0;  border-top: none; }
	#pageVoice .comment .childRes dl { padding: 10px; background: #fff; border-top: 1px solid #bebebe;}
	#pageVoice .comment .childRes dl:first-child { border: none; }
	#pageVoice .comment .childResComment { margin-bottom: 0px!important; }
	#pageVoice .comment .resFrm {  display: none; }
	#pageVoice .comment .childRes .resText { margin-left: 15px; padding: 10px 0 10px 10px; background: #f0f0f0; border-bottom: 2px solid #fff; }
	#pageVoice .comment .childRes .resText:last-child { margin-bottom: 15px; }
	#pageVoice .comment .childRes .resText .date { text-align: right; font-size: 12px; } 
	#pageVoice .comment .childRes .resText .delete { margin-left: 10px; color: #333; } 
	#pageVoice .comment .childRes .resConfirm { margin-left: 15px; padding: 10px; background: #f0f0f0; border-bottom: 2px solid #fff; }
	#pageVoice .comment .inputChild { margin: 0 0 0 15px; padding: 0; display: table; width: 605px!important; border-top: none!important; border-bottom: 2px solid #fff; background: #f0f0f0!important }
	#pageVoice .comment .inputChild .textarea   { display: table-cell; padding: 0; width: 490px!important; }
	#pageVoice .comment .inputChild .childText  { margin: 0; width: 490px!important; height: 26px!important; padding: 0!important; box-sizing: border-box; }
	#pageVoice .comment .inputChild .btnConfirm { display: table-cell; width: 100px; vertical-align: top; text-align: right!important; }
	#pageVoice .comment .inputChild .btnConfirm a { display: block; width: 100px; line-height: 26px; background: #11a5f1; color: #fff; font-weight: bold; text-decoration: none; text-align: center; border-radius: 8px; -webkit-radius: 8px; -moz-border-radius: 8px; }

	#pageVoice .comment .resConfirm ul { margin: 10px 0 0 180px; padding: 0;  }
	#pageVoice .comment .resConfirm .btnRevice { float: left; padding: 0; }
	#pageVoice .comment .resConfirm .btnRevice a { padding: 0; width: 100px; height: 26px; line-height: 26px; font-weight: normal; font-size: 12px; color:#fff;}
	#pageVoice .comment .resConfirm .btnRevice a:hover { text-decoration: underline; color:#fff;}
	#pageVoice .comment .resConfirm .btnSend { float: left; padding: 0; margin-left: 20px; }
	#pageVoice .comment .resConfirm .btnSend a { display: block; padding: 0; width: 100px; height: 26px; line-height: 26px; font-weight: normal; background: #11a5f1; color: #fff; text-align: center; border-radius: 8px; -webkit-radius: 8px; -moz-border-radius: 8px; }

	/* みんなの声 ランキング部分 */
	#pageVoice .voiceRanking { clear: both; padding-top: 20px; }
	#pageVoice .voiceRanking h3 { margin-bottom: 10px; padding: 5px 10px; font-size: 16px; background: #f0f0f0; font-weight: bold;}
	#pageVoice .voiceRanking li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
	#pageVoice .voiceRanking li a { color: #444; }
	#pageVoice .voiceRanking dl { padding: 10px 0 0 10px; background: #fff; }
	#pageVoice .voiceRanking dl:hover { background: #f0f0f0; }
	#pageVoice .voiceRanking .nickName { font-size: 10px; }	
	#pageVoice .voiceRanking .voiceTitle { padding-bottom: 5px; font-size: 14px; font-weight: bold; }	
	#pageVoice .voiceRanking .detail { padding-bottom: 5px; text-align: right; font-size: 10px; }
	#pageVoice .voiceRanking dd a { color: #444; }
	#pageVoice .voiceRanking dd a:hover { text-decoration: underline!important; }

	.btnDefault a { background: #11a5f1; color: #fff;}
	.btnArrow::after { right: 10px; width: 10px; height: 8px; border: 6px solid transparent; border-left: 6px solid #11a5f1; box-sizing: border-box; }

	.almondCaution .lead { font-size: 14px; font-weight: bold; }
	.almondCaution .inner { margin: 15px 0; padding: 10px; box-sizing: border-box; border: 1px solid #bebebe; }
	.almondCaution .inner p { font-size: 12px; }
	.almondCaution  h4 { margin-bottom: 10px; padding: 5px 10px; background: #f0f0f0; font-weight: bold; } 
	.almondCaution .last { margin-top: 15px; }

	

	/* レポート 第二弾 */
	#report2Title { margin-bottom: 15px; padding: 15px!important; border: none!important; background: none!important; text-align: center; }
	#report2Intro { padding: 30px 0; background: url(../almondkouka/report2/bg.png) center top no-repeat; }
	#report2Intro p { margin-bottom: 25px; text-align: center; font-size: 18px; color: #000; }
	#report2Text { position: relative; margin: 0 auto; padding: 20px; width: 760px; background: #f6ebda; box-sizing: border-box; }
	#report2Text h3 { margin-bottom: 10px; font-size: 22px; color: #0096e4; background: #f6ebda; text-shadow: 0 3px 0 #fff, 3px 0 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff; }
	#report2Text .text1 { padding: 0 150px 30px 0; font-size: 17px; line-height: 2.0; }
	#report2Text .image { position: absolute; top: -45px; right: 0px; }
	#report2Text2 { padding: 30px 0; font-size: 18px; line-height: 2.0; text-align: center; }
	#report2textarea { margin: 0 auto 50px auto; width: 760px; }
	#report2textarea .caution { margin-top: 20px; padding-bottom: 10px; color: #d60000; font-size: 14px; }
	#report2textarea textarea { padding: 10px; width: 760px; height: 200px; font-size: 14px; box-sizing: border-box; }
	#report2textarea #countText { padding-bottom: 10px; text-align: right; font-size: 16px; }
	#report2textarea  .count_num span { padding: 0 3px; color: #d60000; font-size: 22px; font-weight: bold; }
	#report2textarea .btnDefault { margin: 0 200px; }
	#report2Confirm { margin-top: 30px; }
	#report2Confirm p { padding: 15px; border: 1px solid #bebebe; font-size: 16px; } 
	#report2Confirm ul { margin: 20px 100px 0 100px; }
	#report2Confirm .btnDefault { float: right; margin: 0 30px; width: 240px; }
	#report2Confirm .btnRevice { float: left;  width: 240px; }

	/* 吹き出し */
	#report2Fukidashi { margin-bottom: 20px; position: relative; display: inline-block; padding: 10px; width: auto; color: #F6F6F6; background: #11a5f1; z-index: 0; font-size: 12px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
	#report2Fukidashi:after { content: ""; position: absolute; bottom: -10px; left: 85%; margin-left: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: #11a5f1 transparent transparent transparent; }

	/* twitter */ 
	#twList li { margin-bottom: 15px; padding: 10px; border: 1px solid #ccc; box-sizing: border-box; }
	#twList li dl { display: table; }
	#twList li dt { display: table-cell; width: 60px; vertical-align: middle; }
	#twList li dd { display: table-cell; vertical-align: middle; font-size: 16px; }
	#twList li dd a { color: #000; text-decoration: none!important; }
	#twList li .twText { margin-bottom: 10px; padding: 10px 0; border-bottom: 1px solid #ccc; font-size: 14px; }

	/* コメント部分 */
	#commentList.report2 { }
	#commentList.report2 li { padding:0; margin:0 0 40px 0; border: 1px solid #bebebe!important; border-top: 10px solid #11a5f1!important;  }
	#commentList.report2 li .child { margin:0; padding-bottom: 40px; background: #fdfbf8 url(../almondkouka/report2/bg_comment.png) center bottom no-repeat; }
	#commentList.report2 li .child .childRes { margin:0; background: none; }
	#commentList.report2 li .child .childRes .childResComment { margin:0;background: none; }
	#commentList.report2 li .child .childRes .childResComment .female { margin-bottom: 20px; padding-left: 65px; font-size: 20px; background: url(../almondkouka/report2/icon_female.png) 0 0 no-repeat; line-height: 1.5; }
	#commentList.report2 li .child .childRes .childResComment .male   { margin-bottom: 20px; padding-left: 65px; font-size: 20px; background: url(../almondkouka/report2/icon_male.png) 0 0 no-repeat; line-height: 1.5;  }
	#commentList.report2 li .child .childRes .childResComment .text1 { padding: 0 0 0 20px; font-size: 14px; } 
	#commentList.report2 li .child .childRes .childResComment .text2 { padding: 20px 0 20px 20px; font-size: 14px; }
	#commentList.report2 li .child .childRes .childResComment .text1 span,
	#commentList.report2 li .child .childRes .childResComment .text2 span { display: block; margin: 0 0 5px -20px; padding: 0; font-size: 18px; font-weight: bold; }
	#commentList.report2 li .child .childRes .childResComment .text1 span strong,
	#commentList.report2 li .child .childRes .childResComment .text2 span strong { color: #11a5f1; font-size: 18px;  }
	#commentList.report2 li .child .childRes .resFrm .btnDefault { margin-bottom: 10px; }
	#commentList.report2 li .child .childRes .resFrm .btnDefault a { margin-right: 400px; height: 40px; line-height: 40px; }
	#commentList.report2 li .inputChild { background: #fdfbf8!important; }
	#commentList.report2 li .resText { margin: 0!important; padding: 20px 0 10px 0!important; background: none!important; border-top: 1px solid #bebebe; }
	#commentList.report2 li .resText p { font-size: 14px; }
	#commentList.report2 .resConfirm { margin:0!important; background: none!important; border: 1px solid #bebebe; }
	#commentList.report2 .resConfirm li { border: none!important }
	#commentList.report2 .resConfirm a { text-decoration: none; }
	#commentList.report2 .resConfirm a:hover { text-decoration: underline; }
}
@media screen and (max-width: 640px){
	#pageVoice  #contents h2 { padding: 0 0 0 50px; font-size: 18px; border-bottom: 2px solid #222; background: url(/almondkouka/common/images/icon_title.png) 10px center no-repeat; background-size: 36px 36px; color: #000; line-height: 56px; font-weight: bold; }


	/* 一覧のページャー */
	.bbsPager { position: relative; padding: 5px 10px 20px 10px; width: 100%; text-align: center; box-sizing: border-box; }
	.bbsPager a { padding: 0 8px; font-size: 14px; font-weight: bold; color: #444; }
	.bbsPager a:hover { text-decoration: underline; color: #11a5f1; }
	.bbsPager span { padding: 0 8px; font-size: 14px; font-weight: bold; color: #ccc; }
	.bbsPager .prev { position: absolute; top: 5px; left:0 }
	.bbsPager .next { position: absolute; top: 5px; right:0 }

	/* カテゴリから見る */
	.categoryList h3 { margin-bottom: 10px; padding: 5px 10px; font-size: 14px; background: #11a5f1; color: #fff; font-weight: bold; }
	.categoryList ul { width: 100%; box-sizing: border-box; }
	.categoryList li { position: relative;  float: left; margin: 0 0 10px 10px; line-height: 1.5; width: 30%; height: 50px; background: #ffffff; text-align: center; font-weight: bold; border: 1px solid #dcdcdc; border-bottom: 1px solid #b4b4b4; box-sizing: border-box; }
	.categoryList li.active { background: #f0f0f0; }
	.categoryList li a { position: absolute; display: block; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; white-space: nowrap; color: #444; }


	/* 詳細のページャー */
	.bbsContents .entryPager { margin-top: 10px; padding: 15px 10px 0 10px; border-top: 1px solid #ccc; }
	.bbsContents .entryPager .prev { float: left; }
	.bbsContents .entryPager .next { float: right; font-size: 12px; }
	.bbsContents .entryPager a { color: #444; }

	
	/* 記事詳細 */
	.bbsContents .entry { clear: both; }	
	.bbsContents .entry.last { margin-bottom: 0; }
	.bbsContents .entry .voiceTitle { margin-bottom: 15px; background: #f0f0f0; }
	.bbsContents .entry .voiceTitle h3 { float: left; width: 62%; padding: 5px 10px; font-size: 12px; box-sizing: border-box; }
	.bbsContents .entry .voiceTitle .good,
	.bbsContents .entry .voiceTitle .goodOff { float: right; width: 38%; padding: 5px 5px 5px 26px; font-size: 12px; box-sizing: border-box; text-align: right; }
	.bbsContents .entry .voiceTitle .good a  { padding: 5px 0 5px 23px; color: #444; background: url(/almondkouka/common/images/icon_good.png) left center no-repeat; background-size: 20px auto; }
	.bbsContents .entry .update     .goodOff span,
	.bbsContents .entry .voiceTitle .goodOff span { padding: 5px 0 5px 23px; color: #444; background: url(/almondkouka/designBase/images/comment/icon_good_off.png) left center no-repeat; background-size: 20px auto; }
	.bbsContents .entry .entryMain { padding: 10px; }
	.bbsContents .entry .entryMain p { font-size: 13px; margin: 0 0 40px 0; line-height: 1.8; }
	 #pageReport .entry .entryMain p:last-child { margin-bottom: 0px!important; }


	/* コメント 確認＆送信 */
	.bbsContents .comment { clear: both; margin-top: 20px; padding-top: 20px; color: #444; font-size: 12px;}
	.bbsContents .comment h4 { margin-bottom: 10px; padding: 5px 10px; color: #fff; background: #11a5f1; font-size: 12px; font-weight: bold;}
	.bbsContents .comment h5 { margin: 10px; padding-left: 30px; font-size: 12px; background: url(/almondkouka/common/images/icon_fukidashi.png) left center no-repeat; background-size: 25px auto; line-height: 25px; }
	.bbsContents .comment li { padding: 10px; }
	.bbsContents .comment li .nickName { font-size: 10px; }
	.bbsContents .comment li .child { display: none; clear: both; margin-top: 10px; padding: 10px; background: #fff;  }
	.bbsContents .comment li .child h6 { padding-bottom: 5px; }
	.bbsContents .comment li .child h6 span { color: #bebebe; }
	.bbsContents .comment li .child h6 + p { padding-bottom: 10px; }
	.bbsContents .comment .text { margin: 0 10px 10px 10px; padding-bottom: 5px; font-size: 12px; }
	.bbsContents .comment .input { margin: 0 10px 20px 10px; }
	.bbsContents .comment .input span { display: block; padding: 5px 5px 5px 0; }
	.bbsContents .comment .input span i { font-style:normal; color: #bebebe; } 
	.bbsContents .comment .input span input { clear: both; padding: 5px; width: 250px; font-size: 12px;}
	.bbsContents .comment .input .textarea textarea { border: 1px solid #666; resize: both;}

	.bbsContents .comment .confirm { clear: both; margin-bottom: 15px; padding: 10px; border-radius: 10px; }
	.bbsContents .comment .confirm { margin: 0 10px; border: 4px solid #f0f0f0; }
	.bbsContents .comment .confirm dl { width: 100%!important; }
	.bbsContents .comment .confirm dt span { color: #bebebe; }
	.bbsContents .comment .confirm ul { margin: 0 auto 10px auto; }
	.bbsContents .comment .confirm ul li.btnRevice { float: left; padding: 0; width: 48%; }
	.bbsContents .comment .confirm ul li.btnSend   { float: right; padding: 0; width: 48%; }
	.bbsContents .comment .confirm ul li a { display: block; height: 30px; text-align: center; color: #fff; font-weight: bold; line-height: 30px; border-radius: 8px; -webkit-radius: 8px; -moz-border-radius: 8px; box-sizing: border-box; font-size: 12px; }
	.bbsContents .comment .confirm ul li.btnRevice a { padding: 0; background: #aeaeae; }
	.bbsContents .comment .confirm ul li.btnSend   a { background: #11a5f1; }
	.bbsContents .comment .confirm .confirmTitle { padding: 10px 0 5px 0; font-size: 12px; }
	.bbsContents .comment .confirm .confirmText  { padding-bottom: 10px; font-size: 12px; }

	.bbsContents .comment  textarea { margin-bottom: 5px; padding: 10px; width: 100%; height: 60px; box-sizing: border-box; }
	.bbsContents .comment .child .confirm { margin: 0!important; }
	.bbsContents .comment .childCommet .good,
	.bbsContents .comment .childCommet .goodOff { text-align: right; }
	.bbsContents .comment .childCommet { margin-bottom: 10px; padding-bottom: 10px; }
 	.bbsContents .comment .childCommet { border-bottom: 2px solid #bebebe; }
	.bbsContents .comment .inputChild { margin-bottom: 15px; }
	.bbsContents .comment .inputChild .childText  { margin: 0 0 10px 0; width: 100%; height: 40px!important; padding: 5px; box-sizing: border-box; }
	.bbsContents .comment .btnConfirm a { display: block; margin: 0 auto; width: 50%; line-height: 30px; color: #fff; font-weight: bold; text-decoration: none; background: #11a5f1;text-align: center; border-radius: 8px; -webkit-radius: 8px; -moz-border-radius: 8px; text-align: center; font-size: 12px; }

	.bbsContents .comment .good a { padding-left: 17px; background: url(/almondkouka/common/images/icon_good.png) left center no-repeat; background-size: 14px auto; color: #444; }	
	.bbsContents .comment .goodOff span { padding-left: 17px; background: url(/almondkouka/designBase/images/comment/icon_good_off.png) left center no-repeat; background-size: 14px auto; }	
	.bbsContents .comment .btnLoginBbs { margin: 0 10px 15px 10px; }
	.bbsContents .comment .btnLoginBbs a { background: #11a5f1; color:#fff;}

	/* 記事 */
	.bbsContents .entryTitle dt span { background: #11a5f1; }
	.bbsContents .entry .comment #commentList > li  { border-bottom: 1px solid #bebebe; background: #f0f0f0; }
	.bbsContents .entry .comment #commentList > li:last-child { border: none; }
	.bbsContents .entry .comment li .childRes dl { padding: 10px 0 ; background: #fff; border-top: 1px solid #bebebe;}
	.bbsContents .entry .comment .childResComment { margin-top: 10px; }
	.bbsContents .entry .comment .childResComment:last-child { border-bottom: none!important; margin-bottom: 0!important; padding-bottom: 0px!important; }

	.bbsContents .accordion { position: relative; }
	.bbsContents .accordion.active { background: url(/images/comment/arrow_up.png) right center no-repeat; background-size: 24px 24px; }	
	.bbsContents .accordion .title { margin: 0!important; padding-right: 30px; }
	.bbsContents .accordion .open { position: absolute; top: 5px; right: -5px; width: 24px; height: 24px; background: url(/almondkouka/designBase/images/comment/arrow_donw.png) right center no-repeat; cursor: pointer; background-size: 24px 24px; text-indent: -9999px; }
	.bbsContents .accordion .date  { padding-top: 5px; text-align: right; }
	.bbsContents .accordion .date .resCount { padding: 0 10px; }
	.bbsContents .accordion .date .good { padding-left: 17px; background: url(/almondkouka/common/images/icon_good.png) left center no-repeat; background-size: 14px auto; color: #444; }
	.bbsContents .accordion .date .goodOff { padding-left: 17px; background: url(/almondkouka/designBase/images/comment/icon_good_off.png) left center no-repeat; background-size: 14px auto; color: #444; }
	.bbsContents .accordion .commentTitle { font-size: 12px; }
	.bbsContents .childResComment input { clear: both; padding: 5px; width: 250px; font-size: 12px;}
	.bbsContents .childResComment  span { padding-left: 10px; font-size: 10px; }
	.bbsContents .childResComment .good,
	.bbsContents .childResComment .goodOff { margin: 10px 0; text-align: right; }

	/* みんなの声 一覧 */
	#pageVoice .comment { margin: 0; padding: 0; }
	#pageVoice .voiceList h3 { padding: 5px 10px; font-size: 12px; background: #f0f0f0; font-weight: bold;}
	#pageVoice .voiceList ul { margin: 0; padding: 0; }
	#pageVoice .voiceList li { padding: 10px 30px 10px 10px; border-bottom: 1px solid #ccc; background: url(/almondkouka/common/images/arrow_right.png) right center no-repeat; }
	#pageVoice .voiceList li a { text-decoration: none; color: #444; }
	#pageVoice .voiceListInner .nickName { font-size: 12px; }
	#pageVoice .voiceListInner .voiceTitle { font-size: 14px; font-weight: bold; }
	#pageVoice .voiceListInner p { box-sizing: border-box; text-align: right; }
	#pageVoice .voiceListInner .resCount { padding: 0 10px; }

	/* sidebar ランキング部分 */
	#pageVoice #sidebar h3 { padding: 5px 10px; font-size: 12px; background: #11a5f1!important; color: #fff; }
	#pageVoice .voiceRanking { clear: both; padding-top: 20px; }
	#pageVoice .voiceRanking li { padding: 10px 30px 10px 10px; border-bottom: 1px solid #ccc; background: url(/almondkouka/common/images/arrow_right.png) right center no-repeat;}
	#pageVoice .voiceRanking li:last-child { border: none; }
	#pageVoice .voiceRanking li a { color: #444; }
	#pageVoice .voiceRanking dl { padding: 0; background: #fff; }
	#pageVoice .voiceRanking .nickName { font-size: 10px; }	
	#pageVoice .voiceRanking .voiceTitle { padding-bottom: 5px; font-size: 12px; font-weight: bold; }	
	#pageVoice .voiceRanking .detail { padding-bottom: 5px; text-align: right; font-size: 10px; }
	#pageVoice .voiceRanking .detail .resCount { padding: 0 10px; }
	#pageVoice .voiceRanking dd a { color: #444; }
	#pageVoice .voiceRanking dd a:hover { text-decoration: underline!important; }

	/* みんなの声詳細 */
	#pageVoice .entry .voiceText { margin: 0 10px; line-height: 1.8; }
	#pageVoice .entry img { display: block; margin: 0 auto 15px auto; width: 100%; }
	#pageVoice .entry .voiceDate { padding: 10px 10px 10px; text-align: right; color: #444;}
	#pageVoice .child { display: block; margin: 5px 0; }
	#pageVoice .comment .childRes dl { padding: 10px 0 0 0; background: #fff; border-top: 1px solid #bebebe;}
	#pageVoice .comment .childRes dl:first-child { border: none; }

	#pageVoice .comment .childResComment { margin-bottom: 0px!important; }
	#pageVoice .comment .resFrm { display: none; }
	#pageVoice .comment .childRes .resText { margin-left: 15px; padding: 10px; background: #f0f0f0; border-bottom: 2px solid #fff; }
	#pageVoice .comment .childRes .resText:last-child { margin-bottom: 15px; }
	#pageVoice .comment .childRes .resConfirm { margin-left: 15px; padding: 10px; background: #f0f0f0; border-bottom: 2px solid #fff; }
	#pageVoice .comment .inputChild { margin: 0 0 0 15px; padding: 10px; border-top: none!important; border-bottom: 2px solid #fff; background: #f0f0f0!important }
	#pageVoice .comment .inputChild .textarea   { padding: 0; }
	#pageVoice .comment .inputChild .childText  { display: block; margin: 0 10px; width: 92%; height: 26px!important; padding: 0!important; box-sizing: border-box; }
	#pageVoice .comment .inputChild .btnConfirm { margin: 0 auto; padding: 10px 0; width: 100px; vertical-align: top; text-align: right!important; }
	#pageVoice .comment .inputChild .btnConfirm a { display: block; width: 100px; line-height: 26px; background: #11a5f1; color: #fff; font-weight: bold; text-decoration: none; text-align: center; border-radius: 8px; -webkit-radius: 8px; -moz-border-radius: 8px; }

	#pageVoice .comment .resConfirm ul { margin: 10px auto 0 auto; padding: 0; width: 220px; }
	#pageVoice .comment .resConfirm .btnRevice { float: left; padding: 0; }
	#pageVoice .comment .resConfirm .btnRevice a { padding: 0; width: 100px; height: 26px; line-height: 26px; font-weight: normal; font-size: 12px; color:#fff;}
	#pageVoice .comment .resConfirm .btnRevice a:hover { text-decoration: underline; color:#fff;}
	#pageVoice .comment .resConfirm .btnSend { float: left; padding: 0; margin-left: 20px; }
	#pageVoice .comment .resConfirm .btnSend a { display: block; padding: 0; width: 100px; height: 26px; line-height: 26px; font-weight: normal; background: #11a5f1; color: #fff; text-align: center; border-radius: 8px; -webkit-radius: 8px; -moz-border-radius: 8px; }

	#pageVoice .comment .childResComment .res { margin-right: 10px; padding: 0 10px 0 16px; background: url(/almondkouka/common/images/icon_res.png) left center no-repeat; background-size: 14px auto; border-right: 1px solid #bebebe; font-style: normal; cursor: pointer; }
	#pageVoice .comment .childResComment .res:hover { text-decoration: underline; }
	#pageVoice .comment .childResComment .date { padding-right: 10px; font-style: normal; }

	.btnArrow::after	{ right: 10px; width: 10px; height: 8px; border: 6px solid transparent; border-left: 6px solid #11a5f1; box-sizing: border-box; }



	/* レポート 第二弾 */
	#report2Title { margin: 10px; padding: 0!important; border: none!important; background: none!important; text-align: center; }
	#report2Intro { margin: 0 15px; padding-top: 15px; background: url(/almondkouka/report2/bg.png) center top no-repeat; background-size: contain; }
	#report2Intro p { margin-bottom: 15px; text-align: left; font-size: 12px; color: #000; }
	#report2Text { position: relative; margin: 10px 15px 0 15px; padding: 10px; background: #f6ebda; box-sizing: border-box; }
	#report2Text h3 { margin-bottom: 10px; font-size: 14px; color: #0096e4; background: #f6ebda; text-shadow: 0 3px 0 #fff, 3px 0 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff; }
	#report2Text .text1 { padding-right: 100px; font-size: 12px; }
	#report2Text .image { position: absolute; top: -10px; right: -10px; }
	#report2Text .image img { width: 100px; height: auto; }

	#report2Text2 { padding: 20px 0 10px 0; font-size: 14px; font-weight: bold; }
	#report2textarea { margin: 0 10px 20px 10px; }
	#report2textarea .caution { padding-bottom: 10px; color: #d60000; font-size: 12px; }
	#report2textarea textarea { padding: 10px; width: 100%; height: 200px; font-size: 12px; box-sizing: border-box; }
	#report2textarea #countText { padding-bottom: 10px; text-align: right; font-size: 12px; }
	#report2textarea  .count_num span { padding: 0 3px; color: #d60000; font-size: 16px; font-weight: bold; }
	#report2textarea .btnDefault { margin: 0;  }
	#report2textarea .btnDefault a { background: #11a5f1; }
	#report2Confirm p { margin-bottom: 15px; padding: 10px; border: 1px solid #bebebe; font-size: 12px; } 
	#report2Confirm ul { margin: 0; }
	#report2Confirm .btnDefault { float: right; margin: 0; width: 48%; }
	#report2Confirm .btnRevice { float: left; margin: 0; width: 48%; }



	/* 吹き出し */
	#report2Fukidashi { margin: 20px 10px 10px 10px; position: relative; display: inline-block; padding: 10px; width: auto; color: #F6F6F6; background: #11a5f1; z-index: 0; font-size: 12px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
	#report2Fukidashi:after { content: ""; position: absolute; bottom: -10px; left: 85%; margin-left: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: #11a5f1 transparent transparent transparent; }

	/* twitter */ 
	#twList { margin: 0 10px; } 
	#twList li { margin-bottom: 15px; padding: 10px; border: 1px solid #ccc; box-sizing: border-box; }
	#twList li dl { display: table; }
	#twList li dt { display: table-cell; width: 60px; vertical-align: middle; }
	#twList li dd { display: table-cell; vertical-align: middle; font-size: 13px; }
	#twList li dd a { color: #000; text-decoration: none!important; }
	#twList li .twText { margin-bottom: 10px; padding: 10px 0; border-bottom: 1px solid #ccc; font-size: 12px; }

	/* コメント部分 */
	#commentList.report2 { margin: 0 10px; }
	#commentList.report2 li { padding:0; margin: 0 0 20px 0; border: 1px solid #bebebe!important; border-top: 10px solid #11a5f1!important;  }
	#commentList.report2 li .child { margin: 0; padding-bottom: 30px; background: #fdfbf8 url(/almondkouka/report2/bg_comment.png) center bottom no-repeat; background-size: 300px auto; }
	#commentList.report2 li .child .childRes { margin: 0; background: none; }
	#commentList.report2 li .child .childRes .childResComment { margin: 0; background: none; }
	#commentList.report2 li .child .childRes .childResComment .female { margin-bottom: 20px; padding-left: 45px; font-size: 14px; background: url(/almondkouka/report2/icon_female.png) 0 0 no-repeat; background-size: 35px auto; line-height: 1.6; }
	#commentList.report2 li .child .childRes .childResComment .male   { margin-bottom: 20px; padding-left: 45px; font-size: 14px; background: url(/almondkouka/report2/icon_male.png) 0 0 no-repeat; background-size: 35px auto; line-height: 1.6;  }
	#commentList.report2 li .child .childRes .childResComment .text1 { padding: 0 0 0 20px; font-size: 12px; } 
	#commentList.report2 li .child .childRes .childResComment .text2 { padding: 20px 0 20px 20px; font-size: 12px; }
	#commentList.report2 li .child .childRes .childResComment .text1 span,
	#commentList.report2 li .child .childRes .childResComment .text2 span { display: block; margin: 0 0 5px -10px; padding: 0; font-size: 14px; font-weight: bold; }
	#commentList.report2 li .child .childRes .childResComment .text1 span strong,
	#commentList.report2 li .child .childRes .childResComment .text2 span strong { color: #11a5f1; font-size: 14px; }
	#commentList.report2 li .child .childRes .childResComment i { font-style: normal; }
	#commentList.report2 li .child .childRes .resFrm .btnDefault a { background: #11a5f1; }
	#commentList.report2 li .inputChild { background: #fdfbf8!important; }
	#commentList.report2 li .resText { margin: 0!important; padding: 10px 0 10px 0!important; background: none!important; border-top: 1px solid #bebebe; border-bottom: none!important; }
	#commentList.report2 li .resText p { font-size: 12px; }
	#commentList.report2 li .resText p.date { text-align: right; }
	#commentList.report2 li .goodOff span { font-size: 12px!important; }
	#commentList.report2 li .resText p.date .delete,
	#commentList.report2 li .goodOff .delete { padding-left: 18px; background: url(/almondkouka/common/images/icon_delete.png) left center no-repeat; background-size: 14px auto; color: #000; } { padding-left: 18px; background: url(/almondkouka/common/images/icon_delete.png) left center no-repeat; background-size: 14px auto; color: #000; }
	#commentList.report2 .resConfirm { margin:0!important; background: none!important; border: 1px solid #bebebe!important; }
	#commentList.report2 .resConfirm li { border: none!important }
	#commentList.report2 .resConfirm a { text-decoration: none; }
	#commentList.report2 .resConfirm a:hover { text-decoration: underline; }

	#commentList.report2  .delete { margin-left: 10px; background: url(/almondkouka/common/images/icon_delete.png) left center no-repeat; background-size: 14px auto; }

}