/*voice css(17.12.15Renewal)*/

@charset "euc-jp";

@import url(http://fonts.googleapis.com/css?family=Sintony:400,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Arvo);
@import url('https://fonts.googleapis.com/css?family=Work+Sans');

body{margin:0; background-color:#FFFFFF; font-family: 'Noto Sans Japanese', sans-serif;}

img{max-width:100%; border:none; vertical-align:bottom;}

.fw_b {font-weight:bold;}
.mb_5 {margin-bottom:5px;}
.ta_l {text-align:left;}
.fw_b {font-weight:bold;}
.fl_r {float:right;}
.fl_l {float:left;}
.clb {clear:both; visibility:hidden; margin:0;}

a:link{ color:#333; }
a:visited{ color:#333; }
a:hover{ color:#999; text-decoration:none;}

.mtitleA {display:none}

/*clearfix*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
 
.clearfix {
  overflow: hidden;
  zoom: 1;
}

/*戻るボタン*/
.bkbtn{display:block; width:250px; padding:5px; margin:-20px auto 50px auto; text-align:center; font-size:16px; font-weight:bold; background-color:rgba(39,180,174,1.00); color:#FFFFFF !important; border-radius:10px; box-sizing:border-box; text-decoration:none;}
.bkbtn:hover{opacity:0.7;}


/*****************************************************************************************************************************************************/

@media screen and (min-width: 100px) and (max-width: 739px){

#pagetop{position:fixed; bottom:20px; right:5px;}
#pagetop:hover{opacity:0.7;}

#pnkz{font-size:12px; line-height:1.3em; padding:5px; background-color:rgba(255,255,255,0.65); display:table;}
#pnkz p{padding:0; margin:0;}

#contents{width:100%; padding:0; box-sizing:border-box; font-family: 'Noto Sans Japanese', sans-serif; overflow-x:hidden;}
#voiceWrap {width:100%; margin:0; padding:0;}

#voiceWrap h2{display:block; padding:20px 0 0 0; margin:0 auto 10px auto; width:95%; box-sizing:border-box;}
#voiceWrap .htx{ width:95%; box-sizing:border-box; padding:0px; margin:0 auto 20px auto;}

#voiceWrap #boxWrap{display:block; width:95%; margin:0 auto;}

#voiceWrap #boxWrap .box{display:block; width:50%; min-height:300px; background-color:#FFFFFF; padding:10px; margin:2.5% auto; box-sizing:border-box; text-decoration:none; float:left;}
#voiceWrap #boxWrap .box .inbox1{margin:0 0 10px 0; padding:0;}
#voiceWrap #boxWrap .box .inbox1 .icon{display:block; width:inherit; height:inherit; text-align:center; padding:0; margin:0 auto; box-sizing:border-box; transition:all 0.2s;}
#voiceWrap #boxWrap .box .inbox1 .icon:hover{opacity:0.7;}
#voiceWrap #boxWrap .box .inbox1 .bu{display:block; width:100%; padding:5px; margin:0; font-size:12px; line-height:1.3em; letter-spacing:-1px; box-sizing:border-box;}
#voiceWrap #boxWrap .box .inbox1 .nm{display:block; width:100%; padding:5px; margin:0; font-size:20px; line-height:1.3em; font-weight:bold; box-sizing:border-box;}
#voiceWrap #boxWrap .box .inbox1 .yy{display:block; width:100%; padding:0px 10px 0 0; text-align:right; margin:0; font-size:12px; line-height:1.3em; box-sizing:border-box;}
#voiceWrap #boxWrap .box .syousai{display:block; width:85%; margin:0 auto; padding:5px; border:2px #00abca solid; border-radius:10px; color:#00abca; text-align:center; font-size:14px; font-weight:bold; text-decoration:none; transition:all 0.2s;}
#voiceWrap #boxWrap .box .syousai:hover{background-color:#00abca; color:#ffffff;}


/*夜明け*/.yoake{text-align:center; margin:0 auto; padding:20px 0 50px 0; width:90%; transition:all 0.5s;}

/*個別ページ*/
#voiceWrap #boxWrap .kanban{margin:0 0 20px 0;}
#voiceWrap #boxWrap .qaWrap{padding:0; margin:0 0 30px 0;}
#voiceWrap #boxWrap .Qbox{display:block; padding:5px; margin:0 0 10px 0; background-color:#7FDEED; font-weight:bold;}
#voiceWrap #boxWrap .Abox{padding:5px; margin:0; font-size:14px; line-height:1.5em;}


}

/*****************************************************************************************************************************************************/

@media screen and (min-width: 740px) and (max-width: 5000px) , print{

#pagetop{position:fixed; bottom:20px; right:5px;}
#pagetop:hover{opacity:0.7;}

#pnkz{font-size:14px; line-height:1.3em; padding:10px 0 10px 0;
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0.09) 55%, rgba(255,255,255,0) 58%);
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.09) 55%,rgba(255,255,255,0) 58%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.09) 55%,rgba(255,255,255,0) 58%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
#pnkz p{display:block; padding:0; margin:0 auto; max-width:1280px;}
/*パンくず*/


#contents{width:95%; margin:0 auto; padding:0; font-family: 'Noto Sans Japanese', sans-serif;}
#voiceWrap {width:100%; margin:0; padding:0;}

#voiceWrap h2{display:table; padding:20px 0 10px 0; margin:0 auto; max-width:900px; box-sizing:border-box;}
#voiceWrap .htx{max-width:900px; box-sizing:border-box; padding:0px; margin:0 auto 20px auto;}

#voiceWrap #boxWrap{display:block; width:900px; margin:0 auto;}

#voiceWrap #boxWrap .box{display:block; width:280px; height:370px; background-color:#FFFFFF; padding:10px; margin:10px; float:left; box-sizing:border-box; text-decoration:none;}
#voiceWrap #boxWrap .box .inbox1{margin:0 0 10px 0; padding:0;}
#voiceWrap #boxWrap .box .inbox1 .icon{display:block; width:inherit; height:inherit; text-align:center; padding:0; margin:0 auto; box-sizing:border-box; transition:all 0.2s;}
#voiceWrap #boxWrap .box .inbox1 .icon:hover{opacity:0.7;}
#voiceWrap #boxWrap .box .inbox1 .bu{display:block; width:100%; padding:5px 10px 5px 10px; margin:0; font-size:14px; line-height:1.3em; box-sizing:border-box;}
#voiceWrap #boxWrap .box .inbox1 .nm{display:block; width:55%; padding:5px 10px 5px 10px; margin:0; font-size:23px; line-height:1.3em; font-weight:bold; box-sizing:border-box; float:left;}
#voiceWrap #boxWrap .box .inbox1 .yy{display:block; width:45%; padding:12px 10px 0 0; text-align:right; margin:0; font-size:14px; line-height:1.3em; box-sizing:border-box; float:left;}
#voiceWrap #boxWrap .box .syousai{display:block; width:70%; margin:0 auto; padding:5px; border:2px #00abca solid; border-radius:10px; color:#00abca; text-align:center; font-size:16px; font-weight:bold; text-decoration:none; transition:all 0.2s;}
#voiceWrap #boxWrap .box .syousai:hover{background-color:#00abca; color:#ffffff;}

/*夜明け*/.yoake{text-align:center; margin:0 auto; padding:30px 0 50px 0; width:90%;}
.yoake a{transition:all 0.5s;}
.yoake a:hover{opacity:0.75;}

/*個別ページ*/
#voiceWrap #boxWrap .kanban{margin:0 0 30px 0;}
#voiceWrap #boxWrap .qaWrap{padding:0; margin:0 0 30px 0;}
#voiceWrap #boxWrap .Qbox{display:block; padding:5px; margin:0 0 10px 0; background-color:#7FDEED; font-weight:bold;}
#voiceWrap #boxWrap .Abox{padding:5px; margin:0; font-size:14px; line-height:1.5em;}

}


@media screen and (min-width: 740px) and (max-width: 999px){

#voiceWrap #boxWrap{display:block; width:100%; margin:0 auto;}
#voiceWrap #boxWrap .box{display:block; width:31%; background-color:#FFFFFF; box-shadow:#7B7B7B 2px 2px 3px; border-radius:10px; padding:10px; margin:10px 1%; float:left; box-sizing:border-box; text-decoration:none; transition:all 0.5s;}
#voiceWrap #boxWrap .box .inbox1 .bu{display:block; width:50%; padding:5px 10px 5px 5px; margin:0; font-size:14px; line-height:1.3em; box-sizing:border-box; float:left;}
#voiceWrap #boxWrap .box .inbox1 .nm{display:block; width:50%; padding:5px 10px 5px 5px; margin:0; font-size:20px; font-weight:bold; line-height:1.3em; box-sizing:border-box; float:left;}

}