aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
*/
.nte_col_half {
width: 430px;
padding: 0 10px;
float: left;
}
/*
文字列寄せ
nte_taCenter: 中央寄せ
nte_taRight : 右寄せ
nte_taLeft : 左寄せ
*/
.nte_taCenter {text-align: center !important;}
.nte_taRight {text-align: right !important;}
.nte_taLeft {text-align: left !important;}
/*
余白
nte_m◯△
◯ 方向
t: top
r: right
b: bottom
l: left
△ 間隔
*/
.nte_mt10 {margin-top: 10px !important;}
.nte_mt20 {margin-top: 20px !important;}
.nte_mt30 {margin-top: 30px !important;}
.nte_mt40 {margin-top: 40px !important;}
.nte_mr10 {margin-right: 10px !important;}
.nte_mr20 {margin-right: 20px !important;}
.nte_mr30 {margin-right: 30px !important;}
.nte_mr40 {margin-right: 40px !important;}
.nte_ml10 {margin-left: 10px !important;}
.nte_ml20 {margin-left: 20px !important;}
.nte_ml30 {margin-left: 30px !important;}
.nte_ml40 {margin-left: 40px !important;}
.nte_mb10 {margin-bottom: 10px !important;}
.nte_mb20 {margin-bottom: 20px !important;}
.nte_mb30 {margin-bottom: 30px !important;}
.nte_mb40 {margin-bottom: 40px !important;}
/* インデント
----------------------------- */
.ind{
text-indent: -1em;
margin: 0 0 0 1em;
}
.link.ico_nav.next:after {
position: absolute;
right: 2%;
top: 50%;
transform: translate(0, -45%) rotate(90deg);
content: "";
height: 32px;
width: 28px;
background: url(../img/ico_nav_next@1.5x.png) no-repeat center center;
background-size: auto 28px;
}
.link.ico_nav {
position: relative;
width: 65%;
margin: 0 auto;
}
.link {
display: block;
margin: 8px 0;
padding: 10px 0 8px;
border: 1px solid #54a2c4;
border-radius: 10px;
background: #fff;
font-size: 15px;
text-align: center;
text-decoration: none;
}
/* ------------------ .icon_new ------------------ */
.icon_new {
position: absolute;
left: 0;
top: 4px;
z-index: 5;
padding: 3px 6px;
background: #ff0000;
color: #ffffff;
font-size: 18px;
line-height: 1;
text-align: center;
}
.icon_new_right {
left: auto;
right: -10px;
top: -5px;
}
/********************************************************************************
02. forSP Layout
*横幅が667px以下の場合
********************************************************************************/
@media screen and (min-width: 0px) and (max-width: 668px) {
body {min-width: 320px;}
img {
height: auto;
/*width: 100%;*/
}
.nte_top2 {
height: auto;
min-width: 0;
}
.nte_top_inner2 {
width: 96%;
padding: 15px 2% 20px;
}
.nte_content_document {
padding: 30px 2% 50px;
min-width: 0;
}
.nte_content_document_inner {
overflow: visible;
width: 94%;
padding: 30px 3% 80px;
}
/*太字タイトル*/
.nte_top_title_en {
margin: 0 0 8px;
}
.title_top2 {
margin:15px 0 0;
}
/*太字の上タイトル*/
.nte_top_title_sub_top2 {
display: inline-block;
margin: 0 -3px;
padding: 3px 3% 2px;
width: 40%;
max-width: 180px;
border-radius: 20px;
}
.nte_article_tit2 {
padding: 4px 1px 5px;
font-size: 22px;
}
/*リード文*/
.nte_top_title_lead {
float: none;
width: 100%;
margin: 0 0 15px;
font-size: 14px;
line-height: 1.8;
}
/*著者名*/
.nte_top_title_author_sub img {
width: 150px;
margin: 0 0 -30px;
}
/* ============================================================ firstview */
.firstview_wrap{
}
.firstview {
width: 100%;
margin: 0 auto;
height: auto;
}
.firstview .title{
float: none;
width: 88%;
margin: 0 6%;
padding: 30px 0 0;
}
.firstview .profile{
float: none;
width: 94%;
margin: 0 3%;
padding: 20px 0 0;
}
/* ============================================================ johoshiContent */
#johoshiContent h3 {
margin: 0 2% 10px;
}
#johoshiContent h3 img{
height: 20px;
}
#johoshiContent {
width: 96%;
margin: 0 2%;
padding: 0;
}
#johoshiContent .box-bg {
width: 100%;
padding: 0;
}
#johoshiContent a:hover .box-bg {
background: #fff;
}
#johoshiContent .box.detail {
display: block;
margin: 0;
padding: 10px 4%;
}
#johoshiContent .box.detail.linex2 {
margin: 12px 0;
}
#johoshiContent .box.detail.col-4 {
margin: 5px 2% 15px;
width: 96%;
}
#johoshiContent .box.detail.col-6 {
min-height: 0;
width: 94%;
}
#johoshiContent .box.detail.col-6:nth-child(even) {
margin-left:0;
}
#johoshiContent .box.detail dt{
padding: 0 0 10px;
}
#johoshiContent .box.detail dt .unpublished {
font-size: 20px;
right: 4%;
top: -4px;
}
#johoshiContent .box.cover {
display: block;
width: 100%;
}
#johoshiContent .box.cover dt {
padding: 0 0 5px;
}
#johoshiContent span.ico_new {
position: absolute;
right: -1px;
top: -1px;
z-index: 5;
color: #ffffff;
line-height: 2em;
font-size: 14px;
text-align: center;
}
#johoshiContent span.ico_new img {
height: 80px;
width: 80px;
}
#johoshiContent span.ribbonW66 {
padding: 1px 0 0;
}
#johoshiContent .substance {
width: 100%;
padding: 0;
}
#johoshiContent .substance img {
width: 40%;
margin: 11px 20% 5px;
}
#johoshiContent .substance img.wid56per_sp {
width: 56%;
margin: 11px 22% 5px;
}
#johoshiContent .substance img.ico_face_eigorilla{
width: 47px;
}
#johoshiContent .substance p {
float: none;
width: 100%;
margin: 0px 0 0;
line-height: 1.2;
}
#johoshiContent .substance dd {
padding: 4px 0 0;
}
#johoshiContent .link {
display: block;
padding: 6px 5px;
height: auto;
}
#johoshiContent .link li {
width: 95%;
}
#johoshiContent .link li span.ico_new{
position: absolute;
left: -22px;
top: -4px;
padding: 1px 1px 0 2px;
color: #fff;
font-size: 10px;
}
#johoshiContent .link li span.ico_new:after {
position: absolute;
top: 50%;
right: -4px;
width: 0;
height: 0;
margin-top: 2px;
border-width: 3px 0 3px 7px;
}
#johoshiContent .link li.link01,
#johoshiContent .link li.link02 {
padding: 5px 5px 5px 3%;
}
#johoshiContent .link li a {
font-size: 13px;
}
#johoshiContent .link li.link01 a.ico_pulldown.active,
#johoshiContent .link li.link01 a.ico_pulldown {
margin: 0 3px 0 0;
}
#johoshiContent .link li.link01 a.detail.ico_pulldown.active,
#johoshiContent .link li.link01 a.detail.ico_pulldown{
background-position:right 45%;
}
/* コンテンツ
----------------------------- */
#contents {
padding: 25px 0 95px;
}
#contents_inner {
margin-top: 0;
width: 100%;
}
.section_wrap {
margin: 0 0 -80px;
padding: 110px 0 0;
}
.substance {
height: auto !important;
width: 100%;
}
.substance p {
}
#johoshiContent .link.ico_nav {
width: auto;
padding: 6px 10%;
}
/* ------------------ .icon_new ------------------ */
.icon_new {
top: 2px;
}
.icon_new_right {
right: -6px;
top: -12px;
}
}