.lower #blog .page_ttl {
padding: 50px 0;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
margin: 0 0 50px 0;
height: auto;
}
.lower #blog .page_ttl .en{
padding-top: 0;
}
#blog a:hover {
opacity: 0.7;
}/*/*/#blog  {
width: 100%;
overflow: hidden;
}
.cw{color:#4ea97f;}
.man{color:#3780a6;}
.woman{color:#e35d5d;}
.third{color:#b58426;}
.breadcrumb {
display:block;
}
.breadcrumb li{
font-size:10px;
float:left;
}
.breadcrumb li a{
float:left;
}
.breadcrumb  .current {
color:#cccccc;
}
#blog .sec_inner {
width:1020px;
margin:0 auto;
}
#blog .sec_inner p a{
border-bottom: 1px solid #333;
display: inline-block;
white-space: nowrap;
}
#blog .sec_inner .refer a{
border-bottom: none;
}
.sns_btn {
padding: 16px 20px 0px 20px;
margin-bottom: 20px;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.sns_btn .shareon{
min-height: 25px;
font-size: 13px;
display: inline-block;
vertical-align: top;
padding: 12px 10px 20px 0;
}
.sns_btn .wp_social_bookmarking_light{
display: inline-block;
vertical-align: top;
}
.wsbl_facebook_like,
.wsbl_line,
.wsbl_hatena_button {
margin: 0 15px 0 0;
}
.wsbl_twitter {
margin: 0;
}
.wsbl_pinterest > span{
background-size: 14px 14px !important;
text-indent: 25px !important;
font: 12px/22px "Helvetica Neue", Helvetica, Arial, "sans-serif" !important;
height: 20px !important;
}
#blog .sec_inner #column_content{
width: 670px;
float: left;
box-sizing: border-box;
}
#blog .sec_inner #column_content h1{
font-size: 28px;
margin-bottom: 15px;
font-weight: normal;
line-height: 1.6em;
}
#blog .sec_inner #column_content .post_info {
display: block;
font-size: 12px;
color: #999;
margin-bottom: 30px;
}
#blog .sec_inner #column_content .articleLeadimg {
margin: 0 0 20px 0;
}
#blog .sec_inner #column_content .articleLeadimg img{
width: 100%;
height: 100%;
}
#blog .sec_inner #column_content .articleLeadtxt {
margin: 0 0 60px 0;
}
#blog .sec_inner #column_content h2{
padding: .1em 0 .1em .75em;
border-left: 8px solid #000;
text-align: left;
font-size: 24px;
margin: 0 0 40px 0;
line-height: 1.4em;
}
#blog .sec_inner #column_content p{
font-size: 16px;
line-height: 1.6em;
margin-bottom: 30px;
}
#blog .sec_inner #column_content .article_image img{
width: 100%;
height: 100%;
margin:0 0 10px 0;
}
#blog .sec_inner #column_content .caption{
display: block;
text-align: center;
color:#aaa;
font-size: 12px;
margin: 0 0 60px 0;
line-height: 1.6em;
}
#blog .sec_inner #column_content .col7{
width: 280px;
}
#blog .sec_inner #column_content .col9{
width: 360px;
}
.f-left {float: left;}
.f-right{float: right;}
#blog .sec_inner #column_content .refer {
text-align: center;
font-size: 13px;
width: 100%;
padding: 15px 0;
background: #f5f5f5;
margin: 30px 0 60px 0;
}
#blog .sec_inner #column_content .refer a{
color: #0099ff;
display: inline-block;
}
#blog .sec_inner #column_sidebar{
width: 290px;
float: right;
margin: 40px 0 0 0;
}
#blog .sec_inner #column_sidebar > div {
margin: 0 0 60px 0;
}
#blog .sec_inner #column_sidebar ul li {
font-size: 13px;
margin: 0 0 10px 0;
}
#blog .sec_inner #column_sidebar ul li:last-child {
margin: 0;
}
#blog .sec_inner #column_sidebar .headline{
text-align: left;
width: 100%;
display: block;
font-weight: normal;
font-style:italic;
font-size: 16px;
border-bottom: 1px solid #e5e5e5;
margin: 0 0 15px 0;
padding: 0 0 10px 0;
}
#blog .sec_inner #column_sidebar .headline span{
padding: 0 0 0 10px;
}
#blog .sec_inner #column_sidebar .post_list {
margin: 0 10px;
}
#blog .sec_inner #column_sidebar .post_list li{
margin: 0 0 15px 0;
width: 100%;
height: 80px;
}
#blog .sec_inner #column_sidebar .post_list li:last-child{
margin: 0;
}
#blog .sec_inner #column_sidebar .post_list .left-box {
display:inline-block;
vertical-align:middle;
width: 30%;
margin: 0 2% 0 0;
float: none;
}
#blog .sec_inner #column_sidebar .post_list .left-box img{
width: 100%;
height: 100%;
}
#blog .sec_inner #column_sidebar .post_list .right-box {
display:inline-block;
vertical-align:middle;
width: 65%;
float: none;
}
#blog .sec_inner #column_sidebar .post_list .right-box .ttl{
margin: 0 0 10px 0;
}
#blog .sec_inner #column_sidebar .post_list .right-box .post_info{
color: #aaa;
}
#blog .sec_inner #column_sidebar .category ul li{
margin: 0 0 10px 10px;
color: #999;
}
#blog .sec_inner #column_sidebar .cat-item a{
color: #999;
display: inline-block;
}
#blog .sec_inner #column_sidebar .archieve ul li{
margin: 0 0 10px 10px;
color: #999;
}
#blog .sec_inner #column_sidebar .archieve a{
color: #999;
display: inline-block;
}
#blog .pager {
position: relative;
width:100%;
font-size:13px;
padding:10px 0;
margin-bottom:40px;
border: 0;
}
#blog .pager .icon-arrow_right {
font-size:10px;
padding:0 5px;
}
#blog .pager .prev a{
display:block;
text-align:left;
width:40%;
padding:2px 0 0 20px;
float:left;
margin-left:10px;
background: url(/images/prev.png) center left no-repeat;
}
#blog .pager .next a{
display:block;
text-align:right;
padding:2px 20px 0 0 ;
width:40%;
float:right;
margin-right:10px;
background: url(/images/next.png) center right no-repeat;
}
#blog .pager .separate {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
height: 28px;
width: 1px;
background: #e5e5e5;
margin-top:-1em;
}
#blog .contact span {
margin-bottom: 60px;
}
#blog .contact .btn a {
width: 100%;
margin: 0 auto 20px;
}/**/@media screen and (max-width:1080px){
.f-left {float: none;}
.f-right{float:none;}
#blog .sec_inner {
width:100%;
padding:5%;
box-sizing:border-box;
}
#blog .sec_inner #column_content {
width: 100%;
float: none;
}
#blog .sec_inner #column_sidebar{
width: 100%;
float: none;
}
.lower #blog .page_ttl {
margin: 60px 0 50px 0;
}
#blog .sec_inner #column_content .col7 {
width: 100%;
}
#blog .sec_inner #column_content .col9 {
width: 100%;
}
#blog .sec_inner #column_sidebar .post_list li {
width: 50%;
float: left;
}
#blog .sec_inner #column_sidebar .post_list .left-box {
display:inline-block;
vertical-align:middle;
width: 20%;
margin: 0 2% 0 0;
}
#blog .sec_inner #column_sidebar .post_list .left-box img{
width: 100%;
height: 100%;
}
#blog .sec_inner #column_sidebar .post_list .right-box {
display:inline-block;
vertical-align:middle;
width: 75%;
}
} @media screen and (max-width:850px){
.breadcrumb {
margin-bottom:20px;
}
.breadcrumb li{
line-height:1.5em;
}
.pager .prev a{
width:20%;
padding:2px 0 0 20px;
margin-left:5px;
background: url(/images/prev.png) center left no-repeat;
}
.pager .next a{
padding:2px 20px 0 0 ;
width:20%;
margin-right:5px;
background: url(/images/next.png) center right no-repeat;
}
#blog .sec_inner {
width:100%;
padding:5%;
box-sizing:border-box;
}
#blog .sec_inner #column_content h1{
font-size: 18px;
margin-bottom: 5px;
}
#blog .sec_inner #column_content h2 {
font-size: 18px;
}
#blog .sec_inner #column_content p {
font-size: 15px;
}
#blog .sec_inner #column_sidebar .post_list li {
width: 100%;
height: 100%;
float: none;
}
#blog .sec_inner #column_sidebar > div {
margin: 0 0 30px 0;
}
.sns_btn .shareon {
padding: 0;
}
} @media screen and (min-width:1081px) {
.fb-page {
width:290px !important;
}
}
@media screen and (max-width:1080px) {
.fb-page {
width:100% !important;
}
}/*/*/.list #blog .sec_inner #column_content{
padding-right: 0;
margin: 30px 0 30px 0;
}
.list #blog .contact {
margin: 0 0 60px 0;
}
.list #blog .contact span{
margin-bottom:30px;
}
.archieve_list li {
width: 320px;
float: left;
margin-right: 30px;
min-height: 360px;
}
.archieve_list li:nth-child(even){
margin-right: 0px;
}
.archieve_list .post_ttl {
font-size: 15px;
line-height: 1.5em;
margin: 0 0 10px 0;
}
.archieve_list .articleLeadimg {
position: relative;
width: 100%;
height: 195px;
overflow: hidden;
margin-bottom: 20px;
}
.archieve_list .articleLeadimg a .icon-arrow_right:before {
text-align:center;
display:block;
width:100%;
font-size:30px;
margin:70px 0 20px;
}
.archieve_list .articleLeadimg a .vd {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
color:#fff;
font-size:12px;
text-align:center;
background: rgba(0,0,0,.6);
-webkit-transition: .3s;
transition: .3s;
opacity: 0;
letter-spacing:0.2em;
}
.archieve_list .articleLeadimg a .vd .mont{
letter-spacing: 0.2em;
font-weight: bold;
}
.archieve_list .articleLeadimg  img{
width:100%;
height:auto;
-webkit-transition: .3s;
transition: .3s;
}
.archieve_list .articleLeadimg:hover img{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.archieve_list .articleLeadimg:hover .vd {
opacity: 1;
}
#blog .pagenation {
float: none;
width: 100%;
margin-bottom: 45px;
padding: 10px 0;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
#blog .pagenation ul li {
text-align: center;
font-size: 13px;
padding: 6px 10px;
margin: 0 7px;
display: inline-block;
float: none;
background: none;
}
#blog .pagenation ul{
text-align: center;
margin: 0 auto;
width: auto;
}
#blog .pagenation ul li .current{
color: #aaa;
}
#blog .term_ttl {
font-size: 16px;
text-align: center;
margin: 0 0 30px 0;
}
#blog .term_ttl .crim{
font-size: 24px;
font-style: italic;
}
.single #blog #column_sidebar{
margin: 0;
}
@media screen and (max-width:1080px) {
.archieve_list li {
display: inline-block;
float: none;
width: 47%;
margin-right: 5%;
}
}
@media screen and (max-width:850px){
.archieve_list li {
width: 100% !important;
float: none !important;
margin-right: 0 !important;
margin-bottom: 40px !important;
min-height: 260px;
}
#blog .sec_inner #column_content .post_info {
margin-bottom: 0px;
}
.single #blog .sec_inner #column_content .post_info {
margin-bottom: 30px;
}
}