.ttl_voice_detail {
max-width: 1090px;
margin: 0 auto 40px;
padding: 0;
border-bottom: 1px solid #ccc;
}
.new {
position: inherit;
}
.voice_newarea {
flex-basis: 70px;
}
.ttl_voice {
font-size: 2.4rem;
line-height: 1.5;
letter-spacing: 0.05em;
flex-basis: 1000px;
margin:0 auto 20px;
}
.cms_detail_share {
max-width: 1140px;
margin: auto;
text-align: right;
}
.cms_detail_share .social_btn {
margin: 0 0 10px;
padding: 0 25px;
}
@media screen and (max-width:1140px) {
.ttl_voice_detail {
max-width: 96%;
}
}
@media screen and (max-width:767px) {
.ttl_voice_detail {
max-width: 96%;
}
.ttl_voice {
flex-basis: 100%;
}
.cms_voice_share .social_btn {
text-align: right;
}
} .headline_voice{
width:100%;
padding:40px 0;
background-color: #fffaf5;
}
.voice_contents{
border-bottom:none;
}
.ttl_head{
font-family: 'Josefin Sans', sans-serif;
font-size: 36px;
font-weight: bold;
letter-spacing: 0.2em;
margin-bottom: 25px;
}
.detail_ttl{
font-size: 2rem;
font-weight: bold;
line-height: 30px;
letter-spacing:-0.01em;
}
.voice_contents_inner .right{
position:relative;
}
@media screen and (max-width: 767px) {
.contents_tag{
position:inherit;
}
}
.left_img img:hover{
opacity:1;
}
.contents_txt:hover{
opacity:1;
} .voice_detail_mainimg{
max-width:1140px;
width:100%;
margin:0 auto 60px;
padding:0 25px;
align-items: center;
}
.voice_detail_mainimg .img_box{
max-width:625px;
width:100%;
}
.voice_detail_mainimg .img_box .img_box_inner{
padding-bottom: 75.2%;
}
.voice_detail_mainimg .data_box{
margin:0 auto;
text-align:center;
font-size:2.4rem;
letter-spacing:0.05em;
line-height:1.5;
}
.voice_detail_mainimg .data_box .data_add{
border-bottom: #ff9934 1px solid;
padding:0 0 10px;
}
.voice_detail_mainimg .data_box .data_name{
padding:10px 0 0;
}
@media screen and (min-width: 768px) {
.voice_detail_mainimg .img_box{
width:60%;
}
.voice_detail_mainimg .data_box{
width:40%;
padding:0 25px;
}
}
@media screen and (max-width: 767px) {
.voice_detail_mainimg{
flex-direction: column-reverse;
}
.voice_detail_mainimg .data_box{
max-width:400px;
width:100%;
padding:0 0 20px;
font-size:2rem;
}
} .voice_detail_inner{
max-width: 1140px;
padding:0 25px;
margin:0 auto 60px auto;
font-size: 16px;
line-height: 30px;
font-weight: 500;
}
.voice_format04_img .img_box,
.voice_format05_img .img_box,
.voice_format06_img01 .img_box,
.voice_format06_img02 .img_box{
flex-basis:500px;
max-width:500px;
width:100%;
text-align:center;
margin:0 auto;
}
.voice_format04_img img,
.voice_format05_img img,
.voice_format06_img01 img,
.voice_format06_img02 img{
max-height:500px;
}
.voice_format07_img img{
max-height:800px;
} .voice_format01{
margin:50px auto;
}
.voice_format01 .voice_detail_h2{
padding:20px 25px;
font-size: 2.4rem;
background-color: #efefef;
line-height: 1.6;
}
@media screen and (max-width: 480px) {
.voice_format01 .voice_detail_h2{
font-size: 2.1rem;
}
}
@media screen and (max-width: 480px) {
.voice_format01{
margin:30px auto;
}
}
.voice_format05_img .img_box{
text-align:center;
width:100%;
text-align:center;
} .voice_format02{
border-bottom:1px dashed #c9c9c9;
color:#ffa347;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.6;
margin:40px auto 20px;
}
@media screen and (max-width: 480px) {
.voice_format02{
margin:25px auto;
}
} .voice_format03{
margin:50px auto;
}
@media screen and (max-width: 480px) {
.voice_format03{
margin:30px auto;
}
} .voice_format04{
margin:50px auto;
}
.voice_format04_img{
flex-basis:500px;
}
.voice_format04_img img{ }
.voice_format04_img span{
line-height: 1.5;
display:block;
font-weight: normal;
}
.voice_format04_txt{
flex-basis:550px;
}
@media screen and (min-width: 768px) {
.voice_format04_txt{
padding:0 0 0 2.5%;
}
}
@media screen and (max-width: 767px) {
.voice_detail_inner{
padding:0 4%;
}
.voice_format04_img{
flex-basis:100%;
}
.voice_format04_img img{
max-width:100%;
}
.voice_format04_txt{
flex-basis:100%;
margin-top:30px;
}
}
@media screen and (max-width: 480px) {
.voice_format04{
margin:30px auto;
}
} .voice_format05{
margin:50px auto;
}
.voice_format05_img{
flex-basis:500px;
}
.voice_format05_img img{ }
.voice_format05_img span{
line-height: 1.5;
display: block;
font-weight: normal;
}
.voice_format05_txt{
flex-basis:550px;
}
@media screen and (min-width: 768px) {
.voice_format05_txt{
padding:0 2.5% 0 0;
}
}
@media screen and (max-width: 767px) {
.voice_format05{
margin:50px auto;
}
.voice_format05_inner{
flex-direction:column;
}
.voice_format05_img{
flex-basis:100%;
order:1;
}
.voice_format05_img img{
max-width:100%;
}
.voice_format05_txt{
flex-basis:100%;
margin-top: 30px;
order:2;
}
}
@media screen and (max-width: 480px) {
.voice_format05{
margin:30px auto;
}
} .voice_format06{
margin:50px auto;
}
.voice_format06_img01,
.voice_format06_img02{ max-width:500px;
width:49%;
}
.voice_format06_img01 img,
.voice_format06_img02 img{ }
.voice_format06_img01 span,
.voice_format06_img02 span{
line-height: 1.5;
display:block;
font-weight: normal;
}
@media screen and (min-width: 768px) {
.voice_format06_img01{
margin:0 2.5% 0 0;
}
}
@media screen and (max-width: 767px) {
.voice_format06_img01,
.voice_format06_img02{
flex-basis:100%;
margin:0 auto;
}
.voice_format06_img01{
margin-bottom:20px;
}
.voice_format06_img01 img,
.voice_format06_img02 img{
max-width:100%;
}
}
@media screen and (max-width: 480px) {
.voice_format06{
margin:30px auto;
}
} .voice_format07{
margin:50px auto;
}
.voice_format07_img{
text-align: center;
}
.voice_format07_img img{ }
.voice_format07_img span{
display: block;
text-align:left;
font-weight: normal;
line-height:1.5;
}
@media screen and (max-width: 767px) {
.voice_format07_img img{
max-width:100%;
}
}
@media screen and (max-width: 480px) {
.voice_format07{
margin:30px auto;
}
} .read_more_voice{
background-color: #fffaf5;
margin:70px auto 80px;
padding-bottom:45px;
}
.read_more_voice .more_voice_ttl{
text-align: center;
font-size: 2.2rem;
font-weight: bold;
padding:40px 0 30px;
}
.read_more_voice_inner{
max-width: 1140px;
margin:0 auto;
padding:0 25px;
}
.read_more_voice_inner ul{
flex-wrap: wrap;
}
.read_more_voice_inner ul::before{
content:"";
display: block;
width:23%;
order:1;
}
.read_more_voice_inner ul::after{
content:"";
display: block;
width:23%;
order:1;
}
.read_more_voice_inner ul li{
background-color: #fff;
border:1px solid #c9c9c9;
width:23%;
position:relative;
margin-right:14px;
}
.read_more_voice_inner ul li a{
display:block;
padding:30px 15px 15px;
}
.read_more_voice_inner ul li:last-child{
margin-right:0;
}
.read_more_voice_inner ul li .left_item_ttl{
font-size: 2rem;
font-weight:500;
line-height: 1.5;
margin:10px auto 10px;
letter-spacing:0.05em;
}
.read_more_voice_inner ul li .contents_tag_readmore{
position:absolute;
bottom:30px;
right:0;
}
.line_3em{
height:3.2em;
}
@media all and (-ms-high-contrast:none) {
.line_3em{
height:3.1em;
}
}
.read_more_voice_inner ul li .contents_tag{
line-height:1.5;
}
.read_more_voice_inner ul li .tag_date{
display:block;
}
@media screen and (max-width: 767px) {
.read_more_voice_inner{
padding:0 2.5%;
}
.read_more_voice_inner ul li{
flex-basis:49%;
margin:0 0 20px 0; }
.read_more_voice_inner ul li:not(:nth-child(2n)){
margin-right:2%;
}
.read_more_voice_inner ul li .left_item_ttl{
font-size: 2rem;
}
.ellipsis:before{
padding:0;
}
}
@media screen and (max-width: 480px) {
.read_more_voice_inner ul li a {
padding: 30px 2.5% 15px;
}
.read_more_voice_inner ul li .left_item_ttl{
font-size:1.6rem;
}
.read_more_voice_inner ul li .contents_tag{
font-size:1.4rem;
}
}