@charset "UTF-8";

/*----------------------------------------------------------------default*/
html {
font-size: 62.5%;
}

a {
text-decoration: none;
}

a:focus,
input:focus {
outline: none;
}

p {
margin: 0;
padding: 0;
}

img {
max-width: 100%;
height: auto;
border: 0;
vertical-align: top;
}

ul {
margin: 0;
padding: 0;
}

ul li,
ol li {
list-style-type: none;
padding: 0;
}

dl,
dt,
dd {
margin: 0;
padding: 0;
}

dt {
font-weight: normal;
}

table {
border-collapse: collapse;
}

figure {
margin: 0;
padding: 0;
}

input {
cursor: pointer;
}

.fa {
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/*===============================================================総合TOP*/
.radicosme p {
color: #1f1f1f;
font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif !important;
font-size: 1.8rem;
text-align: left;
line-height: 1.6;
}

.radicosme a {
transition: .3s ease-in-out !important;
}

.radicosme a:hover {
opacity: .7 !important;
filter: alpha(opacity=70) !important;
}

.radicosme .kv {
margin: 0 0 60px;
}

.radicosme h2 {
width: 600px;
margin: 0 0 30px !important;
text-align: center;
}

.radicosme h2 img {
height: 44px;
width: auto !important;
max-width: 100%;
}

.radicosme h2 + p {
width: 560px;
margin: 0 0 60px 20px;
font-size: 2.3rem !important;
line-height: 1.75 !important;
}

.radicosme .channel {
width: 560px;
margin: 0 0 60px 20px;
}

.radicosme .contents-blk {
width: 600px;
padding: 60px 20px;
box-sizing: border-box !important;
}

.radicosme #mitsui {
background: #ffa94b;
}

.radicosme #development {
background: #98e9fd;
}

.radicosme #masuda {
background: #f4b1ce;
}

.radicosme #nakai {
background: url(../img/bg_top_nakai.png) repeat-y center top;
background-size: contain;
}

.radicosme #nitta {
background: #dfb500;
margin: 0 0 60px;
}

.radicosme .contents-blk h3 {
margin: 0 0 30px;
}

.radicosme .contents-blk div {
background: #fff;
border: 2px solid #00307f;
border-radius: 10px;
padding: 30px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
}

.radicosme .contents-blk div .photo {
width: 130px;
}

.radicosme #development div .photo img {
width: 100px;
margin: 0 auto 10px;
}

.radicosme #development div .photo img:last-child {
margin: 0 auto;
}

.radicosme .contents-blk div .text {
width: 360px;
font-size: 2.3rem !important;
line-height: 1.75 !important;
}

.radicosme .btn {
width: 600px;
text-align: center;
margin: 0;
padding: 0;
}

.radicosme .btn a {
display: inline-block !important;
width: 300px;
}





/*===============================================================詳細ページ*/
.detail {
color: #1f1f1f;
font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif !important;
font-size: 1.8rem;
text-align: left;
line-height: 1.6;
margin: 0 0 0 20px;
}

.detail .kv {
margin: 0 0 60px;
}

.detail .contents-blk {
width: 560px;
margin: 0 0 60px 20px;
box-sizing: border-box !important;
}

.detail h2 {
background: #ffa94b;
font-size: 2.6rem;
font-weight: bold;
color: #fff;
line-height: 1.4;
padding: 12px !important;
margin: 0 0 30px !important;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.detail .photo {
margin: 0 0 30px;
}

.detail #corner {
border: 2px solid #ffa94b;
border-radius: 10px;
box-sizing: border-box;
}

.detail #corner p {
margin: 0 20px 30px;
}

.detail #corner .personality-blk {
display: flex;
}

.detail #corner .personality-blk h3 {
font-size: 2.4rem;
font-weight: bold;
color: #ffa94b;
margin: 0 0 10px 20px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.detail #corner .personality-blk .photo {
width: 100px;
height: 100px;
margin: 0 0 0 20px;
}

.detail #corner .personality-blk p {
margin: 0 20px 20px;
}

.detail #enter div {
border: 1px solid #ffa94b;
border-radius: 10px;
padding: 30px;
margin: 0 20px;
box-sizing: border-box;
}

.detail #enter div h3 {
font-size: 4rem;
font-weight: bold;
color: #ffa94b;
text-align: center;
margin: 0 0 30px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.detail #enter div h3:before {
content: url(../mitsui100/img/ico_mail_mitsui.png);
margin: 0 5px 0 0;
vertical-align: -2px;
}

.detail #enter div p {
margin: 0 0 30px;
}

.detail #enter div .btn {
margin: 0;
}

.detail #enter div .btn a {
display: block;
background: #ffa94b;
font-size: 2.6rem;
font-weight: bold;
color: #fff;
line-height: 60px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
}

.detail #enter div .btn a:after {
content: '';
position: absolute;
right: 20px;
top: 20px;
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 17px;
border-color: transparent transparent transparent #ffffff;
}

.detail #enter div .btn a:hover {
text-align: center;
}

.detail #prof {
background: #ffa94b;
padding: 30px;
box-sizing: border-box;
}

.detail #prof h2 {
background: transparent;
line-height: 1;
padding: 0 !important;
}

.detail #prof div {
display: flex;
align-items: center;
}

.detail #prof div .photo {
margin: 0 30px 0 0;
}

.detail #prof div p {
color: #fff;
margin: 0;
}

.detail #bn h2 {
background: transparent;
line-height: 1;
color: #1f1f1f;
}

.detail #bn ul {
display: flex;
flex-wrap: wrap;
margin: 0 0 30px;
}

.detail #bn li {
width: 178px;
border: 1px solid #ffa94b;
padding: 10px;
box-sizing: border-box;
margin: 0 13px 13px 0;
}

.detail #bn li:nth-child(3n) {
margin: 0 0 13px;
}

.detail #bn li img {
height: 158px;
margin: 0 0 10px;
}

.detail #bn li .title {
font-size: 1.4rem;
}

.detail #bn li .date {
font-size: 1.1rem;
color: #999999;
text-align: right;
}

.detail #bn .btn {
text-align: right !important;
padding: 0;
}

.detail #bn .btn a {
text-align: center;
width: 140px;
display: inline-block;
background: #ffa94b;
font-size: 1.4rem;
color: #fff;
line-height: 30px;
position: relative;
}

.detail #bn .btn a:after {
content: '';
position: absolute;
right: 10px;
top: 8px;
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 0 7px 12px;
border-color: transparent transparent transparent #ffffff;
}

/*---------------------------------------------潜入！水曜日の商品開発会議*/
.development #corner {
border: 2px solid #98e9fd;
}

.development h2 {
background: #98e9fd;
}

.development #corner .personality-blk h3 {
color: #98e9fd;
}

.development #talk li {
display: flex;
align-items: center;
margin: 0 0 30px;
}

.development #talk li:last-child {
margin: 0;
}

.development #talk li img {
width: 70px;
height: 70px;
border: 2px solid #98e9fd;
border-radius: 50%;
margin: 0 30px 0 0;
}

.development #talk li p {
margin: 0 0 0 1em;
text-indent: -1em;
}

.development #enter div {
border: 1px solid #98e9fd;
}

.development #enter div h3 {
color: #98e9fd;
}

.development #enter div h3:before {
content: url(../development/img/ico_mail_development.png);
}


.development #enter div .btn a {
background: #98e9fd;
}

.development #prof {
background: #98e9fd;
}

.development #prof div {
margin: 0 0 30px;
}

.development #prof div:last-child {
margin: 0;
}

.development #bn li {
border: 1px solid #98e9fd;
}

.development #bn .btn a {
background: #98e9fd;
}

/*---------------------------------------------木曜は益田の妄想セリフ*/
.masudamousou #corner {
border: 2px solid #f4b1ce;
}

.masudamousou h2 {
background: #f4b1ce;
}

.masudamousou #corner .personality-blk h3 {
color: #f4b1ce;
}

.masudamousou #enter div {
border: 1px solid #f4b1ce;
}

.masudamousou #enter div h3 {
color: #f4b1ce;
}

.masudamousou #enter div h3:before {
content: url(../masudamousou/img/ico_mail_masuda.png);
}


.masudamousou #enter div .btn a {
background: #f4b1ce;
}

.masudamousou #odai h3 {
font-size: 2.6rem;
color: #f4b1ce;
text-align: center;
margin: 0 0 30px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.masudamousou #odai p {
margin: 0 20px;
}

.masudamousou #prof {
background: #f4b1ce;
}

.masudamousou #bn li {
border: 1px solid #f4b1ce;
}

.masudamousou #bn .btn a {
background: #f4b1ce;
}

.masudamousou #talk2 li {
display: flex;
align-items: center;
margin: 0 0 30px;
}

.masudamousou #talk2 li:last-child {
margin: 0;
}

.masudamousou #talk2 li img {
width: 70px;
height: 70px;
border: 2px solid #F8BBFD;
border-radius: 50%;
margin: 0 30px 0 0;
}

.masudamousou #talk2 li p {
margin: 0 0 0 1em;
text-indent: -1em;
}



/*---------------------------------------------火曜にお答え！ 中居の窓*/
.nakainomado #corner {
border: 2px solid #755434;
}

.nakainomado h2 {
background: url(../img/bg_top_nakai.png) no-repeat center center;
}

.nakainomado #corner .personality-blk h3 {
color: #755434;
}

.nakainomado #enter div {
border: 1px solid #755434;
}

.nakainomado #enter div h3 {
color: #755434;
}

.nakainomado #enter div h3:before {
content: url(../nakainomado/img/ico_mail_nakai.png);
}


.nakainomado #enter div .btn a {
background: #755434;
}

.nakainomado #q_a h3 {
font-size: 2.6rem;
color: #755434;
text-align: center;
margin: 0 0 30px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.nakainomado #q_a dl {
margin: 0 20px;
}

.nakainomado #q_a dt {
background: rgba(117,76,36,.1);
padding: 30px;
margin: 0 0 30px;
}

.nakainomado #q_a dt h3 {
text-align: left;
border-bottom: 1px solid #755434;
margin: 0 0 20px;
padding: 0 0 20px;
}

.nakainomado #q_a p {
margin: 0;
}

.nakainomado #q_a dd {
display: flex;
margin: 0 0 30px;
}

.nakainomado #q_a dd img {
width: 70px;
height: 70px;
border: 2px solid #755434;
border-radius: 50%;
margin: 0 30px 0 0;
}

.nakainomado #q_a div {
margin: 0 20px;
border: 3px dotted #755434;
border-radius: 10px;
padding: 30px;
position: relative;
}

.nakainomado #q_a div h3 {
position: absolute;
font-size: 2.6rem;
color: #fff;
background: #755434;
display: inline-block;
line-height: 36px;
border-radius: 18px;
width: 100px;
text-align: center;
top: -18px;
left: 30px;
}

.nakainomado #prof {
background: #755434;
}

.nakainomado #bn li {
border: 1px solid #755434;
}

.nakainomado #bn .btn a {
background: #755434;
}

/*---------------------------------------------新田の金曜リサーチランキング*/
.nittaranking #corner {
border: 2px solid #dfb500;
}

.nittaranking h2 {
background: #dfb500;
}

.nittaranking #corner .personality-blk h3 {
color: #dfb500;
}

.nittaranking #update ul {
padding: 0 20px 30px;
margin: 0 0 60px;
border-bottom: 1px solid #1f1f1f;
}

.nittaranking #update li {
margin: 0 0 30px;
}

.nittaranking #ranking1 {
margin: 0 20px 60px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.nittaranking #ranking1 h2,
.nittaranking #ranking2 h2 {
padding: 0 !important;
background: transparent;
}

.nittaranking #ranking1 .ranking-blk .crown {
margin: 0 auto 30px;
}

.nittaranking #ranking1 .ranking-blk .photo {
margin: 0 130px 30px;
width: 300px;
}

.nittaranking #ranking1 .ranking-blk .item-title {
font-size: 2.6rem;
text-align: center;
margin: 0 0 30px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.nittaranking .point {
margin: 0 20px 30px;
border: 3px dotted #dfb500;
border-radius: 10px;
padding: 48px 30px 30px;
position: relative;
}

.nittaranking .point h3 {
position: absolute;
font-size: 2.6rem;
color: #fff;
background: #dfb500;
display: inline-block;
line-height: 36px;
border-radius: 18px;
width: 150px;
text-align: right;
top: -18px;
left: 30px;
padding: 0 8px 0 0;
box-sizing: border-box;
}

.nittaranking .point h3:before {
content: url(../nittaranking/img/ico_point.png);
position: absolute;
top: 4px;
left: 8px;
display: inline-block;
}

.nittaranking #ranking1 .point p {
font-size: 2rem;
}

.nittaranking #ranking1 .ranking-blk:nth-child(n + 3) {
width: 250px;
}

.nittaranking #ranking1 .ranking-blk:nth-child(3) {
margin: 0 0 0 20px;
}

.nittaranking #ranking1 .ranking-blk:nth-child(4) {
margin: 0 20px 0 0;
}

.nittaranking #ranking1 .ranking-blk:nth-child(n + 3) .crown {
margin: 0 auto 15px;
}

.nittaranking #ranking1 .ranking-blk:nth-child(n + 3) .photo {
width: 250px;
margin: 0 0 15px;
}

.nittaranking #ranking1 .ranking-blk:nth-child(n + 3) .item-title {
font-size: 1.8rem;
line-height: 1.3;
}

.nittaranking #ranking1 .ranking-blk:nth-child(n + 3) .point {
margin: 0;
padding: 36px 20px 20px;
}

.nittaranking #ranking1 .ranking-blk:nth-child(n + 3) .point h3 {
width: 120px;
font-size: 2rem;
top: -16px;
left: 65px;
line-height: 32px;
}

.nittaranking #ranking1 .ranking-blk:nth-child(n + 3).point h3:before {
content: '';
display: inline-block;
width: 20px;
height: 23px;
background: url(../nittaranking/img/ico_point.png) no-repeat left center;
background-size: contain;
top: 3px;
left: 7px;
}

.nittaranking #ranking1 .ranking-blk:nth-child(n + 3) .point p {
font-size: 1.6rem;
}

.nittaranking #ranking2 {
margin: 0 20px 60px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.nittaranking #ranking2 .ranking-blk {
width: 520px;
display: flex;
margin: 0 20px 30px;
align-items: center;
justify-content: space-between;
}

.nittaranking #ranking2 .ranking-blk .item-title {
font-size: 2rem;
text-align: left;
font-weight: bold;
line-height: 1.3;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.nittaranking #ranking2 .ranking-blk .photo {
width: 300px;
height: 300px;
margin: 0;
}

.nittaranking #ranking2 .ranking-blk div {
width: 180px;
padding: 0;
margin: 0;
}

.nittaranking #ranking2 .ranking-blk .crown {
margin: 0 auto 20px;
}


.nittaranking #ranking2 .ranking-blk:nth-child(n + 3) {
width: 115px;
display: block;
margin: 0 20px 30px 0;
}

.nittaranking #ranking2 .ranking-blk:nth-child(3) {
margin: 0 20px 30px;
}

.nittaranking #ranking2 .ranking-blk:nth-child(n + 3) .photo {
width: 115px;
height: 115px;
margin: 0 0 5px;
}

.nittaranking #ranking2 .ranking-blk:nth-child(n + 3) .crown {
margin: 0 auto 10px;
}

.nittaranking #ranking2 .ranking-blk:nth-child(n + 3) .item-title {
font-size: 1.5rem;
line-height: 1.3;
}

.nittaranking #ranking2 .ranking-blk:nth-child(n + 7) {
width: 92px;
display: block;
margin: 0 15px 0 0;
}

.nittaranking #ranking2 .ranking-blk:nth-child(7) {
margin: 0 15px 0;
}

.nittaranking #ranking2 .ranking-blk:nth-child(n + 7) .photo {
width: 92px;
height: 92px;
margin: 0 0 5px;
}

.nittaranking #ranking2 .ranking-blk:nth-child(n + 7) .item-title {
font-size: 1.3rem;
}

.nittaranking #ranking2 .point {
margin: 48px 20px 0;
}

.nittaranking #enter div {
border: 1px solid #dfb500;
}

.nittaranking #enter div h3 {
color: #dfb500;
}

.nittaranking #enter div h3:before {
content: url(../nittaranking/img/ico_mail_nitta.png);
}

.nittaranking #enter div .btn a {
background: #dfb500;
}

.nittaranking #prof {
background: #dfb500;
}

.nittaranking #bn li {
border: 1px solid #dfb500;
}

.nittaranking #bn .btn a {
background: #dfb500;
}


/*===============================================================カテゴリーページ*/
.cat .btn {
width: 600px;
text-align: center;
margin: 0;
padding: 0;
}

.cat .btn a {
display: inline-block !important;
width: 300px;
}


