@charset "utf-8";

/* -------------------------------
   BASE
------------------------------- */

body {
	-webkit-text-size-adjust: 100%;
}
#wrap {
	width:100%;
	min-width:320px;
	overflow:hidden;
}
.pc {
	display:none;
}
.spNL:before {
	content: "\A" ;
	white-space: pre ;
}
img {
	max-width:100%;
	width:auto;
	max-height:100%;
	height:auto;
}

/* -------------------------------
   side
------------------------------- */

.voice .search{
	width:96%;
	margin:0 auto 30px;
}

.voice .search h4{
	text-align: center;
	padding:10px;
	margin-top:0;
}

.voice .search h5{
	border-bottom: dotted 1px #999;
	padding-bottom: 5px;
	margin: 10px 0;
}

.voice .search .search__category__list{
	font-size:0;
	display: inline-block;
}

.voice .search .search__category__list .search__category__list__item {
	width: 50%;
	display: inline-block;
	margin-bottom: 5px;
	font-size: 12px;
	vertical-align: top;
}

.voice .search h3.search__tit{
	background:url(../img/icon_search.png) no-repeat 15px center #333;
	background-size:25px 25px;
	color:#FFF;
	padding:15px 20px 15px 55px;
	font-weight: normal;
	position: relative;
}

.voice .search h3.search__tit::after {
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 5%;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
    -webkit-transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
    content: "";
}

.voice .search h3.search__tit.open::after{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/* -------------------------------
   main
------------------------------- */

.voice .voiceMain h2{
	width:150px;
}

.voice .voiceMain p{
	width:96%;
	margin:10px auto;
}

.voice .main{
	width:96%;
	margin:0 auto 30px;
}

.voice .main .article .article__list .article__list__item:first-child{
	padding-top:30px;
}

.voice .main .article .article__photo{
	margin-bottom:10px;
}

.voice .main .article .article__sentence .article__sentence__text{
	margin-bottom:15px;
}

.search__category__wrap{
	display: none;
}

#modalArea{
	display: none;
}