@media screen and (min-width: 600px) {
  .keyword h3 .koyomi::before {
    left: -2em;
  }
  .keyword h3 P {
    padding-left: 1.2em;
  }
  .video .container ,
  #pickup [class^="box"] img{
    height: 204px;
  }
  #pickup .boxM{
    width: 268px;
  }
  #pickup .boxL{
    width: 388px;
  }
  #pickup{
    width: 100%;
  }
  .block4 [class^="block_"] {
    height: 213px;
  }
  #schedule_grp .title_section{
    margin: 0 auto;
  }
  .title_section{
    display: block;
    margin: 0 auto;
  }
/*  .see_all{
    text-align: center;
  }*/
  #related,
  #popular,
  #news{
    width: 335px;
    position: static;
  }
  .block6 .right_block,
  .block6 .left_block{
    width: 48%;
  }
  .block6 .left_block{
    float: left;
  }
  .block6 .right_block{
    float: right;
  }
  .block6 .pos_top, .block6 .pos_bottom{margin: 0 auto;}
  .block6 .pos_bottom .left_block {
    grid-area: a;
  }
  .block6 .pos_bottom .right_block {
    grid-area: b;
  }
  .block6 .pos_top, .block6 .pos_bottom{row-gap:0;}
  .block6 {
    margin-top: 3em;
    width: 100%;
  }
  .block6 .boxM2,
  .block6 .boxL2{
    margin-bottom: 1.5em;
  }
  .block6 .boxL2 {
    width: 484px;
  }
  .block6 .boxM2 {
    width: 228px;
  }
  .block6 .boxL2 img{
    height: 254px;
  }
  .block6 .boxM2 img{
    height: 173px;
  }
  #schedule_grp .week{
    width: 341px;
    margin: 0;
  }
  #schedule_grp .week .title_section{
    position: relative;
  }
  #schedule_grp{width: 100%;}
  #schedule_grp .article_inner{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  #schedule_grp .keyword{width: 300px;margin: 0;}

  #related h2,
  #popular h2,
  #news h2,
  .keyword h2{
    display: block;
    text-align: center;
    margin: 0 auto 0.5em;
  }
  .go_premium{
    width: 312px;
  }
  .day_box .right_block{
    width: 291px;
    background-color: #fff;
    min-height: 50px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
  }
  #calendar{
    width: 648px;
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    padding: 1rem 0;
  }
  #cal_top {
    font-size: 18px;
    text-align: center;
    width: 94%;
    margin: 0 auto ;
    height: 30px;
  }
  #cal_data {
      text-align: center;
      /*width: 100%;*/
      width: 616px;
      margin: 0 auto;
  }
  table {
    width: 616px;
    margin: 0 auto;
  }
  .dayOfWeek th {
    color: #C5C5C7;
    font-size: 0.6em;
    height: 26px;
  }
  #calendar th, #calendar td {
    text-align: center;
    vertical-align: top;
  }
  #calendar th{
    font-size: 14px;
  }
  #calendar td{
    font-size: 12px;
  }
  td {
    width: 40px;
    height: 60px;
    color: #72787A;
  }
  /*前後月の日付*/
  td.disabled {
      color: #E0DCD4;
  }
  /*本日*/
  td.today {
    background-color: #F9F4E0;
    color: #B89D50;
  }

  /*ボタン*/
  #calendar .next-prev-button {
    position: absolute;
    top: 1em;
  }
  #calendar .next-prev-button.right {
    right: 1em;
  }
  #calendar .next-prev-button.left {
    left: 1em;
  }
  #calendar .next-prev-button button{
    cursor: pointer;
    color: #000;
    font-size: 1.3em;
    background: none;
    border: none;
  }
  #prev {
    float: left;
  }
  #next {
    float: right;
  }
  #pnk_grp, #pickup ,#today{
    width: 100%;
  }
  #pickup .article_inner {
    grid-template-areas: "a b c";
    grid-template-columns: 1fr 1fr 1fr;
  }
  #today .article_inner{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .block4::after ,
  .block4::before {
    content: none;
  }
  .panel{display: block;}

  #pnk_grp .article_inner{
    display: grid;
    column-gap: 10px;
    row-gap: 10px;
    margin: 1em auto;
    grid-template-areas: "a b c";
    grid-template-columns: 1fr 1fr 1fr;
  }
  #pnk_grp .panel:nth-child(1) {
    grid-area: a;
    width: 355px;
  }
  #pnk_grp .panel:nth-child(2) {
    grid-area: b;
    width: 355px;
  }
  #pnk_grp .keyword{
    grid-area: c;
    width: 270px;
    margin: 0;
  }

  .moon_grp #moonphase{
    -webkit-box-ordinal-group:1;
    -ms-flex-order:1;
    -webkit-order:1;
    order:1;
    width: 648px;
    margin: 0 ;
    vertical-align: top;
  }
  .moon_grp .go_premium{
    -webkit-box-ordinal-group:2;
    -ms-flex-order:2;
    -webkit-order:2;
    order:2;
    align-self: end;
  }

  #related,
  #popular,
  .keyword,
  #news{
    position: relative;
    margin: 0;
  }
  #tarot h2#tarot{width: 645px;margin: 0;}
/*  h2#seiza{width: 645px;margin: 0;}*/



  #tarot .article_inner{
    display: grid;
    column-gap: 36px;
    row-gap: 10px;
    margin: 1em auto;
    grid-template-areas: "c d";
    grid-template-columns: 1fr 1fr;
  }
  #tarot .go_premium{
    grid-area: d;
  }
  #tarot .slider{
    grid-area: c;
    display: grid;
    column-gap: 28px;
    row-gap: 10px;
    grid-template-areas: "a b";
    grid-template-columns: 1fr 1fr;
  }
  #tarot .tarot2_box {
    grid-area: a;
  }
  #tarot .tarot3_box {
    grid-area: b;
  }
  #keyword_grp{width: 100%;}
  #keyword_grp h2{text-align: left;padding-left: 40px;}

  #keyword_grp .article_inner{
    display: grid;
    column-gap: 30px;
    row-gap: 10px;
    grid-template-areas: "a b c";
    grid-template-columns: 1fr 1fr 1fr;
  }
  #keyword_grp .keyword:nth-child(1) { grid-area: a; }
  #keyword_grp .keyword:nth-child(2) { grid-area: b; }
  #keyword_grp .keyword:nth-child(3) { grid-area: c; }


  h4{
    line-height: 1.4;
  }
  .block4 .block_L:nth-child(1) a, .block4 .block_R:nth-child(2) a, .inner_block_L, .block4 .block_R:nth-child(4) a {
    position: static;
    margin: 0 auto;
  }
  .block4 .tarot1_box ,
  .block4 .block_L:nth-child(1) a, .block4 .block_R:nth-child(2) a, .inner_block_L, .block4 .block_R:nth-child(4) a {
    width: 200px;
  }
  .block4 .tarot1_box .goto.first, .block4 .tarot1_box .goto.second {
    bottom: 17px;
    left: 65px;
  }
  .block4 .rank {
    top: 50px;
    left: 80px;
  }
  .block4 h3 {
    padding: 1em 0;
    font-size: 1.0em;
  }
  .keyword{
    /*margin: 4em auto;*/
  }
  .block4 .block_L::before,
  .block4 .block_R:nth-child(2)::before{
    content: "";
    display: block;
    height: 90%;
    background-image: linear-gradient(to bottom, #000 2px, transparent 2px);
    background-size: 2px 10px;
    background-repeat: repeat-y;
    background-position: center center;
    position: absolute;
    top: 5%;
    left: 100%;
    z-index: 100;
    width: 2px;
  }
  #schedule_grp h3{
    text-align: center;
  }
  .koyomi {
    margin-top: 2em;
  }

  [class^="box"] a.video::before {
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
  }

  [class^="box"] a.video::after {
    top: 50%;
  }
  #today h2{
    font-size: 1.5em;
  }
  .inner_block_L{
    top: 0px;
  }
  .block4 .block_R:nth-child(4) a{
    top: 0px;
  }
  .tarot_bg{
    left: 85px;
  }
  .block4 .tarot1_box .score {
    font-size: 12px;
  }
  #today .today_inner P.motif img{
    width: 48px;
    height: 41px;
  }


  .daily_block4 .left_block{width: 300px;}
  .daily_block4 .right_block{
    width: 661px;
    display: grid;
    grid-template-areas: 
                "a a a"
                "b c d";
    column-gap: 10px;
  }
  .daily_block4 .right_block h2{
    grid-area: a;
    width: 100%;
  }
  .daily_block4 .right_block .boxM:nth-child(2){
    grid-area: b;
    width: 207px;
  }
  .daily_block4 .right_block .boxM:nth-child(3){
    grid-area: c;
    width: 207px;
  }
  .daily_block4 .right_block .boxM:nth-child(4){
    grid-area: d;
    width: 207px;
  }

/*  .moon_grp #moonphase {width: 1000px;} */
  #calendar_outer{
    width: 100%;
    background: #fff;
    border-radius: 10px;
    display: grid;
    grid-template-areas: 
                "a  b";
    column-gap: 30px;
    align-items: center;
  }
  .daily_block4{width: 100%;}
  .daily_block4 img{height: 158px;}
  .daily_block4 .right_block{
    margin: 0em auto;
  }
  #base h1.article_h1{margin: 0em auto;padding:0;}
  #base h1{
    /*margin: 3em auto 1em;*/
    margin:40px auto 20px;
    padding:0;
  }
  
  #tarot h2 {
    margin: 1em 0 0.5em;
    width: 647px;
  }
  #keyword_grp h2 P{
    padding-bottom: 24px;
  }

}