@charset "utf-8";

/*---------------------------------------------*\
 *
 *  pc.css
 *  トップ　カス丸仕事しろ 年表ページのpcで読み込む
 *
\*---------------------------------------------*/

/* ========= 全ページ共通 ========= */

/* ヘッダー */
.header {
  padding: 15px;
  background: #FFF;
  border-bottom: 1px solid #0076a9;
}

.header .header-body {
  display: table;
}

.header .header-body .logo,
.header .header-body .heading {
  display: table-cell;
  vertical-align: top;
}

.header .header-body .logo img {
  width: 160px;
  height: 34px;
}
.header .header-body .heading {
  padding-left: 1rem;
}
.header .header-body .heading .title {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: normal;
}

/* セクション 共通 */
.section {}

.section-inner {
  max-width: 1280px;
  min-width: 960px;
  margin: 0 auto;
}

p.text {
  font-size: 1.6rem;
}

p.text.small {
  font-size: 1.2rem;
  line-height: 1.5;
}

/* フッター */
.footer {
  padding: 20px 0;
  background: #000;
  text-align: center;
  color: #FFF;
}

/* トップに戻る */
.pagetop-wrapper {
  padding: 60px 0 10px;
} 

.pagetop {
  width: 220px;
  margin: 0 auto;
  cursor: pointer;
}

.pagetop img {
  width: 100%;
  height: auto;
}

/* ニュースサイトはこちらボタン */
.back-to-site-bnr-wrapper {
  padding: 10px 0 20px;
}
.back-to-site-bnr-wrapper .back-to-site-bnr {
  width: 200px;
  margin: 0 auto;
}
.back-to-site-bnr-wrapper .back-to-site-bnr img {
  width: 100%;
  height: auto;
}

#wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
}

/* ========= トップページ ========= */

body.index {
  background: #EEE;
}

/* hero */

.hero-wrapper {
  min-width: 960px;
  background-image: url(../../img/10th-anniversary/bg-gold.jpg);
}

.hero-wrapper .hero {
  position: relative;
  width: 860px;
  margin: 0 auto;
  padding: 10px 0 0;
}

.hero-wrapper .hero img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.hero-wrapper .hero .title span {
  display: none;
}

/* miya */
.hero-wrapper .hero-lead {
  position: absolute;
  top: 67%;
  left: 29%;
  width: 60%;
}

/* miya */
.hero-wrapper .hero-lead .text {
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 10px 0 0 0;
  padding: 0;
}


/* 各セクション 見出し */
/* miya */
.index .section-inner .section-title {
  position: relative;
  padding: 0 0 15px;
}
/* miya */
.index .section-inner .section-title::before {
  position: absolute;
  width: 100px;
  height: 4px;
  left: calc(50% - 50px);
  background: #000;
  content:"";
}
/* miya */
.index .section-inner .section-title .title-inner {
    margin: 0;
    padding: 18px 0 0 0;
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.4;
}

.index .section-inner .section-title .title-inner span {
  font-size: 1.6rem;
  font-weight: normal;
}

.index .section-inner {
  padding: 40px 0 0;
}

/* セクション　ごあいさつ */
.section.greeting {
  
}

.section.greeting .section-inner {
  max-width: 100%;
}
.section.greeting .section-inner .inner {
  display: flex;
}
.section.greeting .greeting-wrapper {
  width: 50%;
}

.section.greeting .greeting-wrapper.oomori {
  background-image: url(../../img/10th-anniversary/bg-blue-2.jpg);
}

.section.greeting .greeting-wrapper.sugiura {
  background-image: url(../../img/10th-anniversary/bg-blue-1.jpg);
}

.section.greeting .greeting-wrapper .greeting-body {
  display: flex;
  width: 100%;
  margin: 0 auto; 
  overflow: hidden;
}

.section.greeting .greeting-wrapper .greeting-body .greeting-person {
  width: 50%;
}

.section.greeting .greeting-wrapper.oomori .greeting-body .greeting-person {
  float: right;
  background-image: url(../../img/10th-anniversary/person-oomori.png);
  background-size: 90%;
  background-position: 60% 35%;
  background-repeat: no-repeat;
}

.section.greeting .greeting-wrapper.sugiura .greeting-body .greeting-person {
  float: left;
  background-image: url(../../img/10th-anniversary/person-sugiura.png);
  background-size: 110%;
  background-position: 50% 35%;
  background-repeat: no-repeat;
}

.section.greeting .greeting-wrapper .greeting-body .greeting-person span {
  display: none;
}

.section.greeting .greeting-wrapper .greeting-body .greeting-inner {
  position: relative;
  float: left;
  width: 50%;
  padding: 60px 30px 60px 50px;
}

.section.greeting .greeting-wrapper .greeting-body .greeting-inner .child {
  width: 100%;
}

.section.greeting .greeting-wrapper.sugiura .greeting-body .greeting-inner {
  float: right;
  padding: 60px 50px 60px 30px;
}

.section.greeting .greeting-wrapper .greeting-body .greeting-inner .greeting-name-subinfo {
  font-size: 3rem;
  color: #FFF;
}

.section.greeting .greeting-wrapper .greeting-body .greeting-inner .greeting-name img {
  width: 100%;
  height: auto;
}

.section.greeting .greeting-wrapper .greeting-body .greeting-inner .greeting-btn-wrapper {
  padding: 10% 5% 0;
  width: 100%;
}

@media screen and (max-width: 1280px) {
  .section.greeting .greeting-wrapper .greeting-body .greeting-inner .greeting-btn-wrapper{
    padding: 40px 5px 0;
  }
}

.section.greeting .greeting-wrapper .greeting-body .greeting-inner .greeting-btn-wrapper .greeting-btn {
  cursor: pointer;
  opacity: 1;
  transition: all .2s;
}

.section.greeting .greeting-wrapper .greeting-body .greeting-inner .greeting-btn-wrapper .greeting-btn img {
  width: 100%;
  height: auto;
}

.section.greeting .greeting-wrapper .greeting-body .greeting-inner .greeting-btn-wrapper .greeting-btn:hover {
  opacity: 0.7;
}



/* セクション サブコンテンツ共通*/
.section.special {}

.section.special .section-inner {
  max-width:1280;
}

@media screen and (max-width: 1280px) {
  .section.special .section-inner,
  .section.renewal .section-inner,
  .section.attempt .section-inner {
    padding: 60px 40px 0;
  }
}

.section .block {
  display: block;
  position: relative;
  padding: 40px;
  color: #000;
  text-decoration: none;
  font-size: 1.6rem;
  border-bottom: 5px solid #3490e5;
  background: #FFF;
  top:0;
  box-shadow: 0;
  transition: all .2s;
}

.section .block:hover {
  top:-5px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.2);
}

.section .block .block-body {
}

.section .block::after {
  position: absolute;
  bottom:0;
  right: 0;
  width: 40px;
  height: 40px;
  background-image: url(../../img/10th-anniversary/btn-chevron-right.svg);
  -webkit-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  content:"";
}


/*カス丸仕事しろ*/
.section.special .block.kasumaru {}

.section.special .block-wrapper.kasumaru{
  display: block;
  padding: 50px 0 50px 90px;
  width: 100%;
  background: url(../../img/10th-anniversary/kasumaru-ph-02.jpg);
  background-size: cover;
}

.section.special .block.kasumaru {
  padding: 40px;
  width: 50%;
}

.section.special .block.kasumaru .block-body.body-kasumaru .kasumaru-title {
  width: 300px;
  margin: 0 auto;
}

.section.special .block.kasumaru .block-body.body-kasumaru .kasumaru-title img {
  width: 100%;
  height: auto;
}

.section.special .block.kasumaru .block-body.body-kasumaru .kasumaru-body-text .text {
  margin: 2em 0 20px;
}

.section.special .block.kasumaru .block-body.body-kasumaru .kasumaru-body-text .kasumaru-body-text-attention {
  padding: 5px 0;
  background: #e61e00;
  color: #FFF;
  font-size: 2.8rem;
  font-family: "Hiragino Maru Gothic ProN", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
  font-weight: bold;
  text-align: center;
  border-radius: 40px;
}

/* youtube チャンネル */
.section.special .block-wrapper.channel {
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  align-items: flex-start;
}

.section.special .block.channel {
  width: 40%;
  margin: 40px auto 0;
}
.section.special .block.channel .block-body.body-channel {
}

.section.special .block.channel .block-body.body-channel .body-image,
.section.special .block.channel .block-body.body-channel .channel-body-text {
}

.section.special .block.channel .block-body.body-channel .body-image {
  width: 100%;
  text-align: center;
}

.section.special .block.channel .block-body.body-channel .body-image img {
  width: 200px;
}

/* ラーニング */
.section.special .block.learning {
  padding: 0 ;
  width: 40%;
  margin: 40px auto 0;
}

.section.special .block.learning .block-body.body-learning .body-image img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

/*10年の歩み*/
.section .block.history {
  padding: 0 ;
  margin: 40px auto 0;
  width: 540px;
}

.section .block.history .block-body.body-history {
  padding: 0;
}

.section .block.history .block-body.body-history img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* リニューアル */
.section.renewal .block-wrapper {
  width: 100%;
  padding: 0;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.section.renewal .block {
  margin: 0 10px;
  width: calc(33.3333% - 20px);
}

.section.renewal .block-body {
 
}

.section.renewal .block-body .tv-title,
.section.renewal .block-body .kaisha-title,
.section.renewal .block-body .tbm-title {
  height: 90px;
}

.section.renewal .block-body .tbm-title {
  padding: 15px 0;
}

.section.renewal .block-body .tv-title img,
.section.renewal .block-body .kaisha-title img,
.section.renewal .block-body .tbm-title img {
  width: 100%;
}

.section.renewal .block-body .tv-title img,
.section.renewal .block-body .kaisha-title img {
  height: 70px;
}

/* 新しい試み */
.section.attempt {
  padding: 0 0 120px 0;
}

.section.attempt .block-wrapper {
  width: 100%;
  padding: 0;  
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.section.attempt .block {
  padding: 40px;
  margin: 0 auto;

}


/* トイダス */
.section.attempt .block.toidas {
  width: 80%;
}
.section.attempt .block.toidas .block-body.body-toidas {
  display: table;
}

.section.attempt .block.toidas .block-body.body-toidas .body-image,
.section.attempt .block.toidas .block-body.body-toidas .toidas-body-text {
  display: table-cell;
  vertical-align: middle;
}

.section.attempt .block.toidas .block-body.body-toidas .body-image {
  width: 50%;
  text-align: center;
}

.section.attempt .block.toidas .block-body.body-toidas .body-image img {
  width: 75%;
}

/* ライトフェイス */
.section.attempt .block.lightface {
  padding: 0;
} 

.section.attempt .block-body {
}


.section.attempt .block.lightface .block-body.body-lightface {

}

.section.attempt .block.lightface .block-body.body-lightface .lightface-title img{
  width: 100%;
  height: auto;
}

.section.attempt .block.lightface .block-body.body-lightface .lightface-body-text {
  padding: 0 40px;
}

.section.attempt .block.lightface .block-body.body-lightface .lightface-body-text img{
  width: 100%;
  height: auto;
}

/*==================================*\ 
 *
 * カス丸仕事しろページ
 *
\*==================================*/
.kasumaru .wrapper {
  background: #FFF;
}
/* hero */

.kasumaru .hero-wrapper {
  background: #0076e3;
}

.kasumaru .hero-wrapper .hero {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 20px 0 0;
}

.kasumaru .hero-wrapper .hero-sub {
  position: absolute;
  top: 420px;
  right: -40px;
  width: 200px;
}

.kasumaru .hero-wrapper .hero-sub img {
  width: 100%;
}

/* 見出し */
.kasumaru .section .section-title .title {
  width: 100%;
  height: 3rem;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.kasumaru .section .section-title .title span {
  display: none;
}

.section.kasumaru-profile .section-title .title {
  background-image: url(../../img/10th-anniversary/kasumaru-title-profile.png);
}
.section.kasumaru-summary .section-title .title {
  background-image: url(../../img/10th-anniversary/kasumaru-title-summary.png);
}
.section.kasumaru-flow .section-title .title {
  background-image: url(../../img/10th-anniversary/kasumaru-title-flow.png);
}
.section.kasumaru-apply .section-title .title {
  background-image: url(../../img/10th-anniversary/kasumaru-title-apply.png);
}
.section.kasumaru-archive .section-title .title {
  background-image: url(../../img/10th-anniversary/kasumaru-title-archive.png);
}

/* カス丸プロフィール */
.section.kasumaru-profile {
  padding: 40px 0;
}

.section.kasumaru-profile .kasumaru-profile-wrapper {
  display: table;
  width: 80%;
  margin: 0 auto;
}

.section.kasumaru-profile .kasumaru-profile-wrapper .kasumaru-profile-body {
  display: table-cell;
  vertical-align: middle;
  width: 62.5%;
}

.section.kasumaru-profile .kasumaru-profile-wrapper .kasumaru-profile-image {
  display: table-cell;
  vertical-align: middle;
  width: 37.5%;
  text-align: center;
}

.section.kasumaru-profile .kasumaru-profile-wrapper .kasumaru-profile-image img {
  width: auto;
  height: 540px;
}

.kasumaru-profile-body-title.title-01 {
  width: 480px;
  height: 60px;
  background-image: url(../../img/10th-anniversary/kasumaru-prof-heading-01.png);
  background-repeat: no-repeat;
  background-size: auto 60px;
}

.kasumaru-profile-body-title.title-02 {
  width: 517px;
  height: 60px;
  background-image: url(../../img/10th-anniversary/kasumaru-prof-heading-02.png);
  background-repeat: no-repeat;
  background-size: auto 60px;
}

.kasumaru-profile-body-title .title span {
  display: none;
}

.kasumaru-profile-body-text {
  padding: 10px 0 0 60px;
}

.kasumaru-profile-body-text .list {
  margin: 0;
  padding: 0 0 20px;
  list-style: none;
}

.kasumaru-profile-body-text .list .list-item {
  font-size: 1.6rem;
}

.kasumaru-profile-body-text .list .list-item .heading{
  font-weight: bold;
}

/* 間の写真 */
.section.kasumaru-photo {
  width: 100%;
  height: 380px;
}

.section.kasumaru-photo.photo-01 {
  background-image: url(../../img/10th-anniversary/kasumaru-ph-01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 5%;
}

/*カス丸仕事しろ　とは*/
.section.kasumaru-summary {
  padding: 40px 0 0;
}
.section.kasumaru-summary .kasumaru-summary-body {
  width: 960px;
  margin: 0 auto;
}

.section.kasumaru-summary .kasumaru-summary-body img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* 仕事の流れ */
.section.kasumaru-flow {
  background: #60c9ff;
  padding: 40px 0;
}

.section.kasumaru-flow .kasumaru-flow-item-wrapper {
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  padding: 20px 0 0;
}

.section.kasumaru-flow .kasumaru-flow-item-wrapper .kasumaru-flow-item {
  width: 25%;
  padding: 0 20px;
}

.section.kasumaru-flow .kasumaru-flow-item-wrapper .kasumaru-flow-item .kasumaru-flow-item-image,
.section.kasumaru-flow .kasumaru-flow-item-wrapper .kasumaru-flow-item .kasumaru-flow-item-image-last {
  position: relative;
  padding: 0 30px;
}

.section.kasumaru-flow .kasumaru-flow-item-wrapper .kasumaru-flow-item .kasumaru-flow-item-image::after {
  position: absolute;
  top: calc(50% - 10px);
  right: -30px;
  width: 18px;
  height: 20px;
  background-image: url(../../img/10th-anniversary/kasumaru-flow-next.png);
  -webkit-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  content:'';
}

.section.kasumaru-flow .kasumaru-flow-item-wrapper .kasumaru-flow-item .kasumaru-flow-item-image img,
.section.kasumaru-flow .kasumaru-flow-item-wrapper .kasumaru-flow-item .kasumaru-flow-item-image-last img {
  width: 100%;
}

.section.kasumaru-flow .kasumaru-flow-item-wrapper .kasumaru-flow-item .kasumaru-flow-item-heading {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
}

.section.kasumaru-flow .kasumaru-flow-gift {
  width: 640px;
  margin: 0 auto;
  padding: 40px 0 0;
}

.section.kasumaru-flow .kasumaru-flow-gift .kasumaru-flow-gift-text {
  padding: 0 40px 0;
}

.section.kasumaru-flow .kasumaru-flow-gift .kasumaru-flow-gift-heading img{
  width: 100%;
  height: auto;
}

/* 依頼　応募方法 */
.section.kasumaru-apply {
  padding: 40px 0;
  background: #469AE8;
}
.section.kasumaru-apply .kasumaru-apply-body-wrapper {
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 80%;
  margin: 0 auto;
  padding: 20px 0 0;
}

.section.kasumaru-apply .kasumaru-apply-body-wrapper .kasumaru-apply-body {
  position: relative;
  width: 50%;
  padding: 0 10px;
}

.section.kasumaru-apply .kasumaru-apply-body-wrapper .kasumaru-apply-body img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.section.kasumaru-apply .kasumaru-apply-body-wrapper .kasumaru-apply-body .kasumaru-apply-btn {
  padding: 0 20px 20px;
  background: #FFF;
}

.section.kasumaru-apply .kasumaru-apply-body-wrapper .kasumaru-apply-body .kasumaru-apply-btn img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.section.kasumaru-apply .kasumaru-apply-body-wrapper .kasumaru-apply-body .kasumaru-apply-btn a {
  display: block;
  position: relative;
  top: 0;
  box-shadow:0 0 0 #ccc;
  transition: all .1s;
}

.section.kasumaru-apply .kasumaru-apply-body-wrapper .kasumaru-apply-body .kasumaru-apply-btn a:hover {
  position: relative;
  top: -10px;
  box-shadow: 0 10px 0 #ccc;
}

.section.kasumaru-apply .kasumaru-apply-body-wrapper .kasumaru-apply-body .kasumaru-apply-deco.deco-1 {
  position: absolute;
  top: 200px;
  left: -100px;
  width: 160px;
}

.section.kasumaru-apply .kasumaru-apply-body-wrapper .kasumaru-apply-body .kasumaru-apply-deco.deco-2 {
  position: absolute;
  top: -20px;
  right: -80px;
  width: 160px;
}

/* これまでにカス丸がやった仕事　entry */
.section.kasumaru-archive {
  padding: 40px 0;
  background: #eee;
}

.section.kasumaru-archive .kasumaru-entry-list {
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  padding: 20px 0 0;
}

.section.kasumaru-archive .kasumaru-entry-list .kasumaru-entry-item,
.section.kasumaru-archive .kasumaru-entry-list .kasumaru-entry-item-pre {
  width: 25%;
  padding: 0 10px;
  text-decoration: none;
}

.section.kasumaru-archive .kasumaru-entry-photo {
  width: 100%;
}

.section.kasumaru-archive .kasumaru-entry-photo img{
  width: 100%;
}

.section.kasumaru-archive .kasumaru-entry-list .kasumaru-entry-item-pre img {
  padding: 20px 50px 0;
  width: 100%;
}

.section.kasumaru-archive .kasumaru-entry-list .kasumaru-entry-item .kasumaru-entry-date {
  font-size: 1.4rem;
  color:#000;
  text-decoration: none;
}

.section.kasumaru-archive .kasumaru-entry-list .kasumaru-entry-item .kasumaru-entry-title {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.4;
  color:#000;
  font-weight: bold;
  text-decoration: none;
}

.section.kasumaru-archive .kasumaru-entry-list .kasumaru-entry-item:hover .kasumaru-entry-title {
  text-decoration: underline;
}

/* バナー */
.section.kasumaru-banner {
  padding:60px 0 0 ;
}
.section.kasumaru-banner .kasumaru-banner-image {
  width: 640px;
  margin: 0 auto;
}

.section.kasumaru-banner .kasumaru-banner-image img {
  width: 100%;
  height: auto;
  opacity: 1;
  transition: all .1s;
}

.section.kasumaru-banner .kasumaru-banner-image a:hover img {
  opacity: 0.8;
}


/* sns埋め込み */
.section.kasumaru-sns {
  padding: 60px 0;
}

.section.kasumaru-sns .sns-item-wrapper {
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.section.kasumaru-sns .sns-item-wrapper .sns-item {
  width: 33.333%;
  padding: 0 20px; 
}


/*==================================*\ 
 *
 * 年表ページ
 *
\*==================================*/

/* メインヘッダ */

.history {

}
.history .main-header {
  background-image: url(../../img/10th-anniversary/bg-history.jpg);
  -webkit-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  max-width: 100%;
  min-width: 960px;
}

.history .main-header .inner {
  margin: 0 auto;
  padding: 60px 20px 0;
  max-width: 1280px;
  min-width: 960px;
}

.history .main-header .inner .title {
  margin: 0;
  padding: 0 0 30px;
  font-size: 3.6rem;
  color: #FFF;
}

.history .main-header .inner .block{
  padding: 0 0 20px;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: bold;
  color: #FFF;
}

/* コンテンツ */
.year {
}

.year:nth-child(odd){
  background: #ecf1fa;
}

.year .heading {
  padding: 0 0 10px;
}

.year .heading .title {
  margin: 0;
  font-size: 3rem;
  line-height: 1;
}

.year .inner {
  margin: 0 auto;
  padding: 30px 20px;
  max-width: 1280px;
  min-width: 960px;
}

.year .inner .contents {
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0 0 0 40px;
  width: 100%;
}

.year .inner .contents .item {
  position: relative;
  list-style: none;
  margin: 15px;
  padding: 20px 20px 60px;
  width: calc(25% - 30px);
  min-height: 200px;
  background-size: 20px;
  background: #FFF;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.year .inner .contents a.item {
  text-decoration: none;
  color: #000;
  
  top:0;
  box-shadow: 0;
  transition: all .2s;
  background-image: url(../../img/10th-anniversary/btn-chevron-right.svg);
  background-repeat: no-repeat;
  background-position : right bottom 2px;
  background-size: 3rem;
}

.year .inner .contents .item:after{
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width:100%;
  height: 0;
  border-bottom: 2px solid #3f3be4;
}

.year .inner .contents .item.item-topicks:after {
  border-bottom: 2px solid #3f3be4;
}

.year .inner .contents .item.item-tegami:after {
  border-bottom: 2px solid #2e9413;
}

.year .inner .contents .item.item-entry:after {
  border-bottom: 2px solid #E22828;
}

.year .inner .contents .item:before {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 1.4rem;
  color: #666;
}

.year .inner .contents .item.item-topicks:before {
  content: "トピックス";
  color: #3f3be4;
}

.year .inner .contents .item.item-tegami:before {
  content: "編集長からの手紙";
  color: #2e9413;
}

.year .inner .contents .item.item-entry:before {
  content: "話題になった記事";
  color: #e22828;
}

.year .inner .contents a.item:hover {
  top:-5px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.2);
}

.year .inner .contents .item .item-inner .month{
  padding: 0 0 15px 0;
  color: #3490e5;
  font-size: 2.4rem;
  font-weight: bold;
}

.year .inner .contents .item .item-inner .title{
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.4;
}

.year .inner .contents .item .item-inner p{
  font-size: 1.4rem;
  line-height: 1.2;
}