@charset "utf-8";

@font-face {
  font-family:'myfont';
  src: url('/common/fonts/d-din.bold-webfont.woff') format('woff')
}

.comingsoon{
  background: #f1f1f1;
  display: flex;
  height: 325px;
  max-width: 580px;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width:767px) {
  .comingsoon{
    max-width: 100%;
  }
}

/* ラジオCM */
.mc.duo.radio .col{margin:0 0 18px 0; }

.radio .cmLink{display:flex;}
body.cp .imgLink {margin-bottom:40px;}
body.cp .imgLink a strong{color:#2a549b;}

.vtrBox {width:940px; height:560px; margin:0 auto; position: relative;}
.vtrBox figure {position: absolute; right:0; bottom:0; margin-bottom:0; z-index:1;}
.vtrBox figure img {margin-bottom:0;}

.tubeBox {position:relative; width:100%; max-height:560px;}
.tubeBox .vtrBox {padding-top: 56.25%; height:auto;}
.vtrBox .embed{position:absolute; top:2.5%; right:0; width:100%; height:95%; max-height:530px; border:1px solid #95989a;}

.radcm h4{margin-top:2em;}
.radcm dl{border:0;}
.radcm dl dt{float:left; width:30%; background:#fff; border:0;}
.radcm dl dd{float:left; width:70%;}

.radcm table{border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; margin-top:20px;}
.radcm table th {vertical-align:top; text-align:right; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#f6f6f6;}
.radcm table td{border-bottom:1px solid #ccc;}

.radcm .profile strong{display:block; margin-bottom:3px;}

#pageBody.radcm section.regular > header h2 {font-size:26px;}

h4 {font-size:16px; margin-bottom:10px; }
.mc.duo .col {width:460px; }
.mc.duo .col img {width:100%;}

/* リンク */
section.link{padding: 0 0 30px 0; text-align: center;}
/* section.link a{ position:relative; width:100%; font-size:21px; text-decoration:none; display:block; padding:20px; background:#2e373f; color:#fff; font-weight:bold; border:solid 5px #8597a6}
section.link a:before{content:'\e902'; width:10px; height:10px; line-height:10px; position:absolute; right:20px; top:50%; margin-top:-6px;} */
section.link a{ position:relative; width:auto; font-size:21px; text-decoration:none; display:inline-block; padding:20px 70px 20px 60px; background:#2e373f; color:#fff; font-weight:bold; border-radius: 50px;}
section.link a:before{content:'\e902'; width:10px; height:10px; line-height:10px; position:absolute; right:40px; top:50%; margin-top:-6px;}
section.link a:hover {color:#fff; opacity:0.7;}

/* イラスト */
body.cp #a06 .illust a {display:block; border:1px solid #ccc; background:url(/corporate/news_center/channel/img/illust01.png) no-repeat right bottom; background-size:cover; height:200px; }
body.cp #a06 .illust a:hover {display:block; border:1px solid #ccc; background:#fff9ca url(/corporate/news_center/channel/img/illust01.png) no-repeat right bottom; background-size:cover; height:200px;}
body.cp #a06 .illust figcaption {margin-top:5px; }
.contents_illust {text-align:center; margin-top:40px; }
.contents_illust img {width:70%; margin-bottom:110px; }


/* 完全養殖クロマグロ */
.kuromaguro_ftr{
background: url(/corporate/news_center/channel/img/kuromaguro_ftr.jpg) center bottom no-repeat;
background-size: 100% auto;
width: 100%;
min-height:450px;
}


.kuromaguro_step {width:100%; margin:70 0 100px; }
.kuromaguro_step .step {width:100%; margin-bottom:110px; }

.kuromaguro_step .step .text {width:50%; float:left; }
.kuromaguro_step .step:nth-child(odd) .text{padding-left:5%;}
.kuromaguro_step .step:nth-child(even) .text{padding-right:5%;}

.kuromaguro_step .step .text h4 {font-size:36px; font-weight:bold; line-height:125px; margin-bottom:50px; white-space:nowrap; }
.kuromaguro_step .step .text h4 span {font-family:'myfont'; font-size:180px; line-height:125px; color:#00AAEA; padding-right:30px; float:left; }
.kuromaguro_step .step .text p {font-size:16px; line-height:30px; margin:0; }

.kuromaguro_step .step:nth-child(odd) img {width:50%; float:right; padding-left:5%; }
.kuromaguro_step .step:nth-child(even) img {width:50%; float:left; padding-right:5%; }

.kuromaguro_step .step:nth-child(even) .text h4 span {float:right; }




.members{width: 100%; background: #E9E6E0; padding: 93px 0 93px 80px; overflow:hidden; background-image:url(/corporate/news_center/channel/img/amami.png); background-repeat:no-repeat; background-position:left bottom; }
.members h4 {font-size:28px; font-weight:bold; margin-bottom:30px; }
.members img {float:right; width:50%;}
.members p {float:left; width:50%; font-size:16px; line-height:30px; }

/* 歴史 */
div.container#history {width:100%; margin:0 auto; padding:50px 0 10px; }
div.container#history h4 {font-size:52px; text-align:center; margin:70px 0 65px; font-family:myfont; color:#00AAEA; }
div.container#history h4 span {display:block; font-size:18px; font-weight:normal; }

div.container#history .history-table {margin:55px 0 0; }
div.container#history .history-table .year {font-size:40px; color:#00AAEA; letter-spacing:-2px; font-family:'Bahnschrift', sans-serif; text-align:right; width:130px; padding-right:30px; display:table-cell; vertical-align:top; }

div.container#history .history-table .detail {padding:10px 0 75px 30px; display:table-cell; vertical-align:top; background: url(/corporate/news_center/channel/img/history_table_line.png) repeat-y left top; line-height:24px; }



@media screen and (max-width:767px) {
.tubeBox{width:100%; height:auto; background:none;}
.tubeBox .vtrBox{width:100%;}
.vtrBox .embed{top:0; right:0; width:100%; height:100%; box-shadow:none;}

.radcm dl dt{float:left; width:100%; background:#fff; border:0; padding:0 10px;}
.radcm dl dd{float:left; width:100%; padding:0 10px 20px;}

body.cp #a06 .illust a {display:block; border:1px solid #ccc; background:url(/corporate/news_center/channel/img/illust01.png) no-repeat center center; background-size:cover; height:250px; }
body.cp #a06 .illust a {display:block; border:1px solid #ccc; background:#fff9ca url(/corporate/news_center/channel/img/illust01.png) no-repeat center center; background-size:cover; height:250px; }

.contents_illust img {width:100%; margin-bottom:80px; }

.mc.duo .col {width:100%; margin-bottom:20px; }

/* 完全養殖クロマグロ */
.kuromaguro_step .step .text{width:100%;}
.kuromaguro_step .step:nth-child(odd) img {width:100%; float:none; padding:0; }
.kuromaguro_step .step:nth-child(even) img {width:100%; float:none; padding:0; }
.kuromaguro_step .step .text {margin-top:30px; }

.kuromaguro_step .step:nth-child(odd) .text{padding-left:5%; padding-right:5%;}
.kuromaguro_step .step:nth-child(even) .text{padding-left:5%; padding-right:5%;}

.kuromaguro_step .step .text h4 span {font-size:100px; line-height:70px; }
.kuromaguro_step .step:nth-child(2n) .text h4 span {float:none;}
.kuromaguro_step .step .text h4 {font-size:30px; margin:0; }

.members {padding:60px 15px; }
.members div {display:block; }
.members img {width:100%; float:none; }
.members p {width:100%; float:none; margin-top:30px; }

.kuromaguro_ftr {min-height:200px; }



}


@media screen and (min-width:1200px) {
/* 完全養殖クロマグロ */
.kuromaguro_step .step .text h4 {line-height:200px; }
.kuromaguro_step .step .text h4 span {font-size:240px; line-height:180px; }
}