@charset "UTF-8";
/**
* ================================================================================
* voice.css
* Author : Kazuya Nishi
* Since  : 2012/12/8
* Update : 2012/12/8
* ================================================================================
**/
/*-------------------------------------------------------------------------
	Common styles
/*-----------------------------------------------------------------------*/
#main .wrap h5 {
	margin:30px 0 0 0;
	padding:10px 0 6px 10px;
	outline: 1px solid #ccc;
	border-bottom: 3px solid #005ac8;
	background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
}

#main #voiceBox {
	width:620px;
	margin:0 auto;
	}
#main .lead {
	margin:0 auto;
	}
#main .lead.f-container {
	display: flex;
	align-items: center;
}
#main .lead .f-item {
	width: 13%;
}
#main .lead .f-item.text {
	width:85%;
	font-size: 1.4rem;
}

#main #columnTab {
	width:600px;
	height:40px;
	margin-bottom:0;
	padding:0 20px 10px 20px;
	}
#main .current1 #columnTab {
	background:url(../img/voice/bg_head1.png) left 39px no-repeat;
	}
#main .current2 #columnTab {
	background:url(../img/voice/bg_head2.png) left 39px no-repeat;
	}
#main .current3 #columnTab {
	background:url(../img/voice/bg_head3.png) left 39px no-repeat;
	}
#main #columnTab li {
	width:190px;
	height:40px;
	margin-right:15px;
	display:inline;
	float:left;
	overflow:hidden;
	}
#main #columnTab li span {
	width:190px;
	height:40px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	}
#main #columnTab li.last {
	margin-right:0;
	}
#main #columnTab li.tab1 span {
	background:url(../img/voice/btn01_off.jpg) left top no-repeat;
	}
#main #columnTab li.tab2 span {
	background:url(../img/voice/btn02_off.jpg) left top no-repeat;
	}
#main #columnTab li.tab3 span {
	background:url(../img/voice/btn03_off.jpg) left top no-repeat;
	}
#main #columnTab li.tab1 span.hover {
	background:url(../img/voice/btn01_h.jpg) left top no-repeat;
	}
#main #columnTab li.tab2 span.hover {
	background:url(../img/voice/btn02_h.jpg) left top no-repeat;
	}
#main #columnTab li.tab3 span.hover {
	background:url(../img/voice/btn03_h.jpg) left top no-repeat;
	}
#main .current1 #columnTab li.tab1 span {
	background:url(../img/voice/btn01_on.jpg) left top no-repeat;
	}
#main .current2 #columnTab li.tab2 span {
	background:url(../img/voice/btn02_on.jpg) left top no-repeat;
	}
#main .current3 #columnTab li.tab3 span {
	background:url(../img/voice/btn03_on.jpg) left top no-repeat;
	}
#main #voiceBox .wrap {
/*	width:620px;*/
	}
#main .current1 .wrap {
	background:url(../img/voice/bg_foot1.png) left bottom no-repeat;
	}
#main .current2 .wrap {
	background:url(../img/voice/bg_foot2.png) left bottom no-repeat;
	}
#main .current3 .wrap {
	background:url(../img/voice/bg_foot3.png) left bottom no-repeat;
	}
#main #postBox {
	}
#main .column {
	}
#main .column ul {
	margin-bottom:0;
	}
#main .column ul li {
	border-bottom:1px #CCC solid;
	padding:20px 0 0 0;
	}

#main .column ul li.last {
	border-bottom:none;
	padding:20px 0 0 0;
	}

#main .column ul li .color001 {
	color:#F00;
}
#main #voice1 ul li.odd {
	background-color:#fef4e8;
	}
#main #voice2 ul li.odd {
	background-color:#f3f9ec;
	}
#main #voice3 ul li.odd {
	background-color:#fef1f7;
	}

#main .column ul li dl {
	width:620px;
	margin-bottom:30px;
	clear:both;
	overflow:hidden;
	}
#main .column ul li dl dt {
	width:46px;
	margin-top:5px;
	float:left;
	overflow:hidden;
	}
#main .column ul li dl dd {
	width:560px;
	float:right;
	overflow:hidden;
	}
#main #voice1 ul li dl dd.name {
	color:#f49320;
	}
#main #voice2 ul li dl dd.name {
	color:#86c047;
	}
#main #voice3 ul li dl dd.name {
	color:#f172ac;
	}
#main .column ul li dl dd.name span.school {
	font-weight:bold;
	}
#main .column ul li dl dd.message {
	font-size: 1.2rem;
	line-height:21px;
	}
#main #columnTop {
	line-height:32px;
	margin-bottom:0;
	background:url(/hellographic/files/img/common/bg_side.png) left top repeat-x;
	text-align:center;
	}
#main #columnTop.hover {
	color:#0050c8;
	font-weight:bold;
	background:url(/hellographic/files/img/common/bg_side_o.png) left top repeat-x;
	}

#main .btn{
	width:280px;
	margin:0 auto;
	}


/*-------------------------------------------------------------------------
  ------------------------------------------------------------------------
	ブレイクポイント
	940px未満 @media screen and (max-width: 939px) {...}
	560px未満 @media screen and (max-width: 559px) {...}
  ------------------------------------------------------------------------
/*-----------------------------------------------------------------------*/
@media screen and (max-width: 939px) {
	#main #voiceBox {
		width:100%;
	}
	#main .column ul li dl {
		width: auto;
	}
	#main .column ul li dl dt {
		width:10%;
		}
	#main .column ul li dl dd {
		width: 88%;
	}

}