@charset "UTF-8";
/* Top CSS */
/* Desktops and laptops */
@media print, screen and (min-width: 701px) {
  /* ___________________top_common*/
  /* line 8, ../sass/top.scss */
  .header_wrapper {
    height: 599px;
    border-bottom: none;
  }
  /* line 11, ../sass/top.scss */
  .header_wrapper:before {
    height: 599px;
  }
  /* line 14, ../sass/top.scss */
  .header_wrapper #header_area {
    height: 580px;
  }

  /* line 19, ../sass/top.scss */
  .top_inner {
    width: 1080px;
    margin: 0 auto;
    position: relative;
  }

  /* ___________________focal_points_entry */
  /* line 26, ../sass/top.scss */
  #focal_points_entry {
    width: 1080px;
    margin: -365px auto 150px auto;
    /*header*/
  }
  /* line 29, ../sass/top.scss */
  #focal_points_entry header {
    height: 365px;
    position: relative;
  }
  /* line 32, ../sass/top.scss */
  #focal_points_entry header .img_area {
    float: left;
    width: 541px;
    height: 364px;
    overflow: hidden;
    background-color: #23272e;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
    position: relative;
  }
  /* line 40, ../sass/top.scss */
  #focal_points_entry header .img_area .img {
    width: 100%;
    height: 100%;
    background: center center no-repeat;
    background-size: contain;
  }
  /* line 46, ../sass/top.scss */
  #focal_points_entry header .img_area img {
    display: none;
  }
  /* line 52, ../sass/top.scss */
  #focal_points_entry header .img_area p {
    font-size: 12px;
    position: absolute;
    top: 343px;
    right: 0;
    color: #fff;
    padding: 6px 10px 5px;
    background: rgba(124, 124, 124, 0.6);
  }
  /* line 60, ../sass/top.scss */
  #focal_points_entry header .img_area p:before {
    position: absolute;
    left: -42px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-right: 21px solid rgba(124, 124, 124, 0.6);
    border-bottom: 21px solid transparent;
    border-left: 21px solid transparent;
  }
  /* line 74, ../sass/top.scss */
  #focal_points_entry header .entry_header {
    width: 500px;
    float: right;
    padding-top: 20px;
  }
  /* line 78, ../sass/top.scss */
  #focal_points_entry header .entry_header .date {
    color: #fff;
    margin-bottom: 10px;
    text-align: right;
    font-size: 13px;
    font-family: "Droid Serif", serif;
    font-style: italic;
  }
  /* line 86, ../sass/top.scss */
  #focal_points_entry header .entry_header h1.entry_title {
    height: 200px;
    font-size: 27px;
    line-height: 1.8;
    color: #fff;
    font-weight: bold;
    padding: 25px 5px 0;
    border-top: 3px solid #fff;
    border-bottom: 1px solid #fff;
  }
  /* line 96, ../sass/top.scss */
  #focal_points_entry header .entry_header .share_area {
    padding: 10px 0 0 0;
  }
  /* line 101, ../sass/top.scss */
  #focal_points_entry .focal_points_entry_text {
    background: #fff;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    padding: 50px 140px;
    position: relative;
    margin-bottom: 30px;
  }
  /* line 107, ../sass/top.scss */
  #focal_points_entry .focal_points_entry_text p {
    line-height: 1.8;
    font-size: 15px;
  }
  /* line 111, ../sass/top.scss */
  #focal_points_entry .focal_points_entry_text:before {
    content: url(../images/common/bg_img_quotes01.png);
    display: block;
    position: absolute;
    top: 20px;
    left: 30px;
  }
  /* line 118, ../sass/top.scss */
  #focal_points_entry .focal_points_entry_text:after {
    content: url(../images/common/bg_img_quotes02.png);
    display: block;
    position: absolute;
    bottom: 20px;
    right: 30px;
  }
  /* line 126, ../sass/top.scss */
  #focal_points_entry .essay_category_title {
    margin-top: 60px;
  }
  /* line 129, ../sass/top.scss */
  #focal_points_entry #top_essay_suggested {
    margin: 0 -30px 0 0;
    overflow: hidden;
  }
  /* line 132, ../sass/top.scss */
  #focal_points_entry #top_essay_suggested li {
    width: 520px;
    height: 200px;
    display: block;
    float: left;
    background: #fff;
    margin: 0 30px 20px 0;
    box-shadow: 10px 10px 0 0 rgba(151, 158, 167, 0.2);
    position: relative;
  }
  /* line 141, ../sass/top.scss */
  #focal_points_entry #top_essay_suggested li a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
  }
  /* line 146, ../sass/top.scss */
  #focal_points_entry #top_essay_suggested li a .title_area {
    padding: 15px 0 5px 0;
    overflow: hidden;
  }
  /* line 149, ../sass/top.scss */
  #focal_points_entry #top_essay_suggested li a .title_area h3 {
    height: 2.8em;
    line-height: 1.4;
    color: #1d2025;
    font-size: 14px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
    overflow: hidden;
  }
  /* line 160, ../sass/top.scss */
  #focal_points_entry #top_essay_suggested li a .title_area .author {
    padding-left: 15px;
    padding-bottom: 10px;
    color: #45a58d;
    font-size: 12px;
    display: block;
    line-height: 1.8;
  }
  /* line 168, ../sass/top.scss */
  #focal_points_entry #top_essay_suggested li a .title_area .description {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
    display: block;
    line-height: 1.8;
  }
  /* line 177, ../sass/top.scss */
  #focal_points_entry #top_essay_suggested li:before {
    content: url(../images/top/essay_icon_top.png);
    display: block;
    position: absolute;
    top: 0;
    right: -10px;
  }
  /* line 185, ../sass/top.scss */
  #focal_points_entry #top_essay_suggested a:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    text-decoration: none;
  }
  /* line 189, ../sass/top.scss */
  #focal_points_entry .trending_topics {
    overflow: hidden;
  }
  /* line 191, ../sass/top.scss */
  #focal_points_entry .trending_topics li {
    width: 258px;
    height: 175px;
    background: no-repeat center center;
    background-size: cover;
    float: left;
    display: block;
    margin: 0 6px 12px 6px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
  }
  /* line 200, ../sass/top.scss */
  #focal_points_entry .trending_topics li:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    text-decoration: none;
  }
  /* line 203, ../sass/top.scss */
  #focal_points_entry .trending_topics li a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
  }
  /* line 208, ../sass/top.scss */
  #focal_points_entry .trending_topics li a p {
    width: 100%;
    height: 40px;
    display: block;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    margin: auto 0;
    top: 0;
    bottom: 0;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
  }
  /* line 220, ../sass/top.scss */
  #focal_points_entry .trending_topics li a p span {
    padding: 3px;
    border-top: solid 2px #fff;
    border-bottom: solid 2px #fff;
    color: #333;
    font-weight: bold;
  }

  /*#focal_points_entry */
  /* ___________________focal_points*/
  /* line 237, ../sass/top.scss */
  .spbtn {
    display: none;
  }

  /* line 240, ../sass/top.scss */
  #focal_points {
    background: url(../images/common/bg_noise.jpg) 0 0 repeat;
    height: 485px;
    margin-bottom: 80px;
  }
  /* line 244, ../sass/top.scss */
  #focal_points .top_inner {
    border-top: 3px solid #3d5279;
  }
  /* line 247, ../sass/top.scss */
  #focal_points .mtitle {
    position: absolute;
    top: -64px;
    width: 254px;
    height: 508px;
    display: block;
    background: url(../images/top/focal_points_bg.jpg) 0 0 no-repeat;
    padding-top: 38px;
    padding-left: 25px;
    z-index: 0;
  }
  /* line 257, ../sass/top.scss */
  #focal_points .mtitle:after {
    position: absolute;
    top: 15px;
    right: -15px;
    content: "";
    width: 15px;
    height: 530px;
    display: block;
    background: rgba(151, 158, 167, 0.2);
  }
  /* line 267, ../sass/top.scss */
  #focal_points .mtitle h2 {
    color: #fff;
    font-size: 44px;
    font-family: "EB Garamond", serif, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
    margin-bottom: 30px;
  }
  /* line 273, ../sass/top.scss */
  #focal_points .mtitle p {
    color: #fff;
    font-size: 14px;
    padding-left: 40px;
  }
  /* line 277, ../sass/top.scss */
  #focal_points .mtitle p:before {
    width: 30px;
    height: 3px;
    content: "";
    background: #fff;
    display: block;
    position: absolute;
    top: 115px;
    left: 20px;
  }
  /* line 289, ../sass/top.scss */
  #focal_points .more_btn {
    position: absolute;
    right: 0;
    top: 25px;
  }
  /* line 294, ../sass/top.scss */
  #focal_points #focal_points_list {
    position: relative;
    z-index: 10;
    margin: 90px 0 0 6px;
  }
  /* line 298, ../sass/top.scss */
  #focal_points #focal_points_list li {
    width: 255px;
    height: 340px;
    background: #fff;
    float: left;
    display: block;
    margin: 0 6px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
  }
  /* line 306, ../sass/top.scss */
  #focal_points #focal_points_list li a {
    width: 100%;
    display: block;
  }
  /* line 309, ../sass/top.scss */
  #focal_points #focal_points_list li a .img_area {
    width: 255px;
    height: 175px;
    overflow: hidden;
  }
  /* line 313, ../sass/top.scss */
  #focal_points #focal_points_list li a .img_area img {
    width: auto;
    height: 100%;
    max-height: 175px;
    display: block;
    margin: 0 auto;
  }
  /* line 321, ../sass/top.scss */
  #focal_points #focal_points_list li a .title_area {
    padding: 15px 10px 30px;
  }
  /* line 323, ../sass/top.scss */
  #focal_points #focal_points_list li a .title_area .date {
    text-align: right;
    font-size: 13px;
    margin-bottom: 10px;
    font-family: 'Droid Serif', serif;
    font-style: italic;
  }
  /* line 330, ../sass/top.scss */
  #focal_points #focal_points_list li a .title_area .entry_title {
    border-top: 3px solid #c3c8d1;
    padding: 15px 5px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    color: #1d2025;
  }
  /* line 337, ../sass/top.scss */
  #focal_points #focal_points_list li a .title_area .entry_title br {
    display: none;
  }
  /* line 343, ../sass/top.scss */
  #focal_points #focal_points_list li a:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    text-decoration: none;
  }

  /*#focal_points*/
  /* ______________________________________essay*/
  /* line 351, ../sass/top.scss */
  #essay {
    margin-bottom: 80px;
  }
  /* line 353, ../sass/top.scss */
  #essay .mtitle {
    border-top: 3px solid #3d5279;
    padding: 20px 5px;
    margin-bottom: 30px;
  }
  /* line 357, ../sass/top.scss */
  #essay .mtitle h2 {
    color: #1d2025;
    font-size: 25px;
    font-family: "EB Garamond", serif, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
  }
  /* line 362, ../sass/top.scss */
  #essay .mtitle p {
    text-align: right;
    position: absolute;
    right: 0;
    top: 15px;
  }
  /* line 369, ../sass/top.scss */
  #essay #top_essay_list {
    margin: 0 -30px 0 0;
    overflow: hidden;
  }
  /* line 372, ../sass/top.scss */
  #essay #top_essay_list li {
    width: 520px;
    height: 110px;
    display: block;
    float: left;
    background: #fff;
    margin: 0 30px 20px 0;
    box-shadow: 10px 10px 0 0 rgba(151, 158, 167, 0.2);
    position: relative;
  }
  /* line 381, ../sass/top.scss */
  #essay #top_essay_list li a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
  }
  /* line 386, ../sass/top.scss */
  #essay #top_essay_list li a img {
    display: block;
    width: 150px;
    height: auto;
    float: left;
  }
  /* line 392, ../sass/top.scss */
  #essay #top_essay_list li a .title_area {
    float: right;
    width: 345px;
    padding: 15px 0 5px 0;
    overflow: hidden;
  }
  /* line 397, ../sass/top.scss */
  #essay #top_essay_list li a .title_area h3 {
    height: 2.8em;
    line-height: 1.4;
    color: #1d2025;
    font-size: 14px;
    font-weight: bold;
    padding-right: 30px;
    margin-bottom: 12px;
    overflow: hidden;
  }
  /* line 407, ../sass/top.scss */
  #essay #top_essay_list li a .title_area .magazine {
    font-size: 12px;
    display: inline;
    line-height: 1.5;
  }
  /* line 412, ../sass/top.scss */
  #essay #top_essay_list li a .title_area .author {
    color: #45a58d;
    font-size: 12px;
    display: block;
    line-height: 1.8;
  }
  /* line 420, ../sass/top.scss */
  #essay #top_essay_list li:before {
    content: url(../images/top/essay_icon_top.png);
    display: block;
    position: absolute;
    top: 0;
    right: -10px;
  }
  /* line 428, ../sass/top.scss */
  #essay #top_essay_list a:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    text-decoration: none;
  }

  /* ______________________________________shop*/
  /* line 434, ../sass/top.scss */
  #shop {
    margin-bottom: 100px;
    /*.top_inner */
  }
  /* line 436, ../sass/top.scss */
  #shop .top_inner {
    overflow: hidden;
  }
  /* line 438, ../sass/top.scss */
  #shop .top_inner > div {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33979ea7,endColorstr=#33979ea7);
    /*IE8対策*/
    background: rgba(151, 158, 167, 0.2);
  }
  /* line 56, ../sass/_setting.scss */
  #shop .top_inner > div:not(:target) {
    filter: none;
    /*IE9対策*/
  }
  /* line 440, ../sass/top.scss */
  #shop .top_inner > div .mtitle {
    color: #1d2025;
    font-size: 20px;
    font-family: "EB Garamond", serif, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
    margin-bottom: 25px;
  }
  /* line 449, ../sass/top.scss */
  #shop .box01 {
    padding: 25px 15px 20px;
    border-top: 3px solid #3d5279;
    width: 664px;
    float: left;
    overflow: hidden;
  }
  /* line 455, ../sass/top.scss */
  #shop .box01 .honsi {
    float: left;
    width: 268px;
  }
  /* line 458, ../sass/top.scss */
  #shop .box01 .honsi img {
    width: 268px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
  }
  /* line 463, ../sass/top.scss */
  #shop .box01 .honsi .caps {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 30px;
  }
  /* line 469, ../sass/top.scss */
  #shop .box01 .honsi .btn_area li {
    margin-bottom: 5px;
  }
  /* line 472, ../sass/top.scss */
  #shop .box01 .honsi .btn_area .btn_buy {
    height: 65px;
  }
  /* line 474, ../sass/top.scss */
  #shop .box01 .honsi .btn_area .btn_buy a {
    height: 65px;
    font-size: 18px;
    line-height: 65px;
  }
  /* line 482, ../sass/top.scss */
  #shop .box01 .mokuzi {
    background: #fff;
    width: 348px;
    float: right;
    padding: 20px 14px;
  }
  /* line 487, ../sass/top.scss */
  #shop .box01 .mokuzi h3 {
    color: #80aad5;
    font-family: "EB Garamond", serif, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
    font-size: 18px;
    display: inline;
  }
  /* line 493, ../sass/top.scss */
  #shop .box01 .mokuzi > p {
    font-size: 13px;
    display: block;
    padding-top: 10px;
    text-align: right;
    color: #666;
  }
  /* line 500, ../sass/top.scss */
  #shop .box01 .mokuzi #mokuzi_list {
    margin-top: 15px;
  }
  /* line 502, ../sass/top.scss */
  #shop .box01 .mokuzi #mokuzi_list li {
    border-bottom: 1px dotted #7f7f7f;
    padding: 10px 5px 10px 25px;
    position: relative;
  }
  /* line 506, ../sass/top.scss */
  #shop .box01 .mokuzi #mokuzi_list li h4 {
    font-size: 13px;
    font-weight: bold;
    color: #1d2025;
    margin-bottom: 5px;
    line-height: 1.3;
  }
  /* line 513, ../sass/top.scss */
  #shop .box01 .mokuzi #mokuzi_list li p {
    font-size: 12px;
    color: #666;
  }
  /* line 517, ../sass/top.scss */
  #shop .box01 .mokuzi #mokuzi_list li:before {
    content: "";
    width: 5px;
    height: 3px;
    background: #80aad5;
    display: block;
    position: absolute;
    left: 3px;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
  /* line 533, ../sass/top.scss */
  #shop .box02 {
    padding: 25px 0 20px;
    border-top: 3px solid #3d5279;
    width: 356px;
    float: right;
  }
  /* line 538, ../sass/top.scss */
  #shop .box02 .mtitle {
    margin-left: 20px;
  }
  /* line 541, ../sass/top.scss */
  #shop .box02 .btn {
    margin: 0 auto;
    width: 260px;
  }
  /* line 545, ../sass/top.scss */
  #shop .box02 #archive_list {
    margin-bottom: 20px;
  }
  /* line 547, ../sass/top.scss */
  #shop .box02 #archive_list li {
    border-bottom: 1px dotted #7f7f7f;
  }
  /* line 549, ../sass/top.scss */
  #shop .box02 #archive_list li a {
    padding: 13px 15px 13px 20px;
    width: 326px;
    height: 100%;
    display: block;
    overflow: hidden;
  }
  /* line 555, ../sass/top.scss */
  #shop .box02 #archive_list li a img {
    width: 80px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
  }
  /* line 559, ../sass/top.scss */
  #shop .box02 #archive_list li a .title_area {
    float: right;
    width: 220px;
    padding-top: 20px;
  }
  /* line 563, ../sass/top.scss */
  #shop .box02 #archive_list li a .title_area p {
    color: #666;
    font-size: 14px;
    margin-bottom: 10px;
  }
  /* line 568, ../sass/top.scss */
  #shop .box02 #archive_list li a .title_area h4 {
    font-size: 13px;
    font-weight: bold;
    color: #1d2025;
    line-height: 1.3;
  }
  /* line 576, ../sass/top.scss */
  #shop .box02 #archive_list li a:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    text-decoration: none;
  }
}
/* Smartphones (portrait and landscape) */
@media screen and (max-width: 700px) {
  /* ___________________top_common*/
  /* line 591, ../sass/top.scss */
  .header_wrapper {
    border-bottom: none;
  }

  /* line 595, ../sass/top.scss */
  .top_inner {
    width: 100%;
    padding: 0 2.34%;
    position: relative;
  }

  /* ___________________focal_points_entry */
  /* line 602, ../sass/top.scss */
  #focal_points_entry {
    width: 100%;
    margin: 0 auto 0 auto;
    /*header*/
  }
  /* line 606, ../sass/top.scss */
  #focal_points_entry header .img_area {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #23272e;
    position: relative;
  }
  /* line 612, ../sass/top.scss */
  #focal_points_entry header .img_area .img {
    display: none;
  }
  /* line 615, ../sass/top.scss */
  #focal_points_entry header .img_area img {
    width: 100%;
    height: auto;
  }
  /* line 619, ../sass/top.scss */
  #focal_points_entry header .img_area p {
    font-size: 11px;
    position: absolute;
    bottom: -1px;
    right: 0;
    color: #fff;
    padding: 6px 10px 5px;
    background: rgba(124, 124, 124, 0.6);
  }
  /* line 627, ../sass/top.scss */
  #focal_points_entry header .img_area p:before {
    position: absolute;
    left: -42px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-right: 21px solid rgba(124, 124, 124, 0.6);
    border-bottom: 21px solid transparent;
    border-left: 21px solid transparent;
  }
  /* line 641, ../sass/top.scss */
  #focal_points_entry header .entry_header {
    width: 100%;
    background: -moz-linear-gradient(-45deg, #315b7f 0%, #373a6b 100%);
    background: -webkit-linear-gradient(-45deg, #315b7f 0%, #373a6b 100%);
    background: linear-gradient(135deg, #315b7f 0%, #373a6b 100%);
    padding: 10px 3%;
  }
  /* line 645, ../sass/top.scss */
  #focal_points_entry header .entry_header .date {
    color: #fff;
    margin-bottom: 10px;
    text-align: right;
    font-size: 13px;
    font-family: "Droid Serif", serif;
    font-style: italic;
  }
  /* line 653, ../sass/top.scss */
  #focal_points_entry header .entry_header h1.entry_title {
    font-size: 22px;
    line-height: 1.5;
    color: #fff;
    font-weight: bold;
    padding: 15px 5px 15px;
    border-top: 3px solid #fff;
    border-bottom: 1px solid #fff;
  }
  /* line 661, ../sass/top.scss */
  #focal_points_entry header .entry_header h1.entry_title br {
    display: none;
  }
  /* line 665, ../sass/top.scss */
  #focal_points_entry header .entry_header .share_area {
    padding-top: 10px;
  }
  /* line 670, ../sass/top.scss */
  #focal_points_entry .focal_points_entry_text {
    width: 95%;
    background: #fff;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    padding: 15px 4%;
    position: relative;
    margin: 10px auto 10px;
  }
  /* line 677, ../sass/top.scss */
  #focal_points_entry .focal_points_entry_text p {
    line-height: 1.5;
    font-size: 14px;
    margin-bottom: 1em;
  }
  /* line 683, ../sass/top.scss */
  #focal_points_entry .essay_category_title {
    margin-top: 20px;
  }
  /* line 686, ../sass/top.scss */
  #focal_points_entry #top_essay_suggested {
    padding: 0 2.34% 10px 2.34%;
  }
  /* line 688, ../sass/top.scss */
  #focal_points_entry #top_essay_suggested li {
    width: 100%;
    display: block;
    background: #fff;
    margin: 0 0 10px 0;
    padding: 4% 3%;
    box-shadow: 5px 5px 0 0 rgba(151, 158, 167, 0.2);
    position: relative;
  }
  /* line 696, ../sass/top.scss */
  #focal_points_entry #top_essay_suggested li a {
    width: 100%;
    height: 100%;
    display: table;
    overflow: hidden;
  }
  /* line 701, ../sass/top.scss */
  #focal_points_entry #top_essay_suggested li a .title_area {
    padding: 0 0 0 10px;
    display: table-cell;
    vertical-align: top;
    width: 99%;
  }
  /* line 706, ../sass/top.scss */
  #focal_points_entry #top_essay_suggested li a .title_area h3 {
    line-height: 1.4;
    color: #1d2025;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    overflow: hidden;
    padding-right: 10px;
  }
  /* line 714, ../sass/top.scss */
  #focal_points_entry #top_essay_suggested li a .title_area h3 br {
    display: none;
  }
  /* line 718, ../sass/top.scss */
  #focal_points_entry #top_essay_suggested li a .title_area .description {
    padding-top: 10px;
    line-height: 1.4;
    font-size: 14px;
  }
  /* line 725, ../sass/top.scss */
  #focal_points_entry #top_essay_suggested li:before {
    content: url(../images/sp/essay_icon_top.png);
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    top: 0;
    right: -4px;
  }
  /* line 735, ../sass/top.scss */
  #focal_points_entry #top_essay_suggested a:hover {
    text-decoration: none;
  }
  /* line 740, ../sass/top.scss */
  #focal_points_entry .trending_topics {
    width: 95%;
    margin: 0 auto 35px auto;
    overflow: hidden;
  }
  /* line 744, ../sass/top.scss */
  #focal_points_entry .trending_topics li {
    width: 48%;
    height: 100px;
    background-image: linear-gradient(135deg, #315b7f 0%, #373a6b 100%);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    float: left;
    display: block;
    margin: 0 1% 5px 1%;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
  }
  /* line 756, ../sass/top.scss */
  #focal_points_entry .trending_topics li:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    text-decoration: none;
  }
  /* line 759, ../sass/top.scss */
  #focal_points_entry .trending_topics li a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
  }
  /* line 764, ../sass/top.scss */
  #focal_points_entry .trending_topics li a p {
    width: 100%;
    height: 40px;
    display: block;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    margin: auto 0;
    top: 0;
    bottom: 0;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
  }
  /* line 776, ../sass/top.scss */
  #focal_points_entry .trending_topics li a p span {
    padding: 3px;
    border-top: solid 2px #fff;
    border-bottom: solid 2px #fff;
    color: #333;
    font-weight: bold;
  }

  /*#focal_points_entry */
  /* ___________________focal_points*/
  /* line 793, ../sass/top.scss */
  #focal_points {
    margin-bottom: 35px;
  }
  /* line 795, ../sass/top.scss */
  #focal_points .spbtn a {
    display: block;
    width: 95%;
    margin: 0 auto;
    height: 0;
    padding-top: 19.7%;
    background: url(../images/sp/focalpoints_btn.jpg) 0 0 no-repeat;
    background-size: 100% auto;
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
  }
  /* line 805, ../sass/top.scss */
  #focal_points .top_inner {
    display: none;
  }

  /*#focal_points*/
  /* ______________________________________essay*/
  /* line 812, ../sass/top.scss */
  #essay {
    margin-bottom: 35px;
  }
  /* line 814, ../sass/top.scss */
  #essay .top_inner {
    padding-bottom: 50px;
  }
  /* line 817, ../sass/top.scss */
  #essay .mtitle {
    border-top: 3px solid #3d5279;
    padding: 15px 5px;
    margin-bottom: 10px;
  }
  /* line 821, ../sass/top.scss */
  #essay .mtitle h2 {
    color: #1d2025;
    font-size: 20px;
    font-family: "EB Garamond", serif, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
  }
  /* line 826, ../sass/top.scss */
  #essay .mtitle p {
    width: 90%;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
  }
  /* line 836, ../sass/top.scss */
  #essay #top_essay_list li {
    width: 100%;
    display: block;
    background: #fff;
    margin: 0 0 10px 0;
    padding: 4% 3%;
    box-shadow: 5px 5px 0 0 rgba(151, 158, 167, 0.2);
    position: relative;
  }
  /* line 844, ../sass/top.scss */
  #essay #top_essay_list li a {
    width: 100%;
    height: 100%;
    display: table;
    overflow: hidden;
  }
  /* line 849, ../sass/top.scss */
  #essay #top_essay_list li a .img_area {
    display: table-cell;
    width: 1%;
  }
  /* line 852, ../sass/top.scss */
  #essay #top_essay_list li a .img_area img {
    display: block;
    width: 100px;
    height: auto;
  }
  /* line 858, ../sass/top.scss */
  #essay #top_essay_list li a .title_area {
    padding: 0 0 0 10px;
    display: table-cell;
    vertical-align: top;
    width: 99%;
  }
  /* line 863, ../sass/top.scss */
  #essay #top_essay_list li a .title_area h3 {
    line-height: 1.4;
    color: #1d2025;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 12px;
    overflow: hidden;
    padding-right: 10px;
  }
  /* line 871, ../sass/top.scss */
  #essay #top_essay_list li a .title_area h3 br {
    display: none;
  }
  /* line 877, ../sass/top.scss */
  #essay #top_essay_list li:before {
    content: url(../images/sp/essay_icon_top.png);
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    top: 0;
    right: -4px;
  }
  /* line 887, ../sass/top.scss */
  #essay #top_essay_list a:hover {
    text-decoration: none;
  }

  /* ______________________________________shop*/
  /* line 893, ../sass/top.scss */
  #shop {
    margin-bottom: 40px;
    /*.top_inner */
  }
  /* line 895, ../sass/top.scss */
  #shop .top_inner {
    overflow: hidden;
  }
  /* line 897, ../sass/top.scss */
  #shop .top_inner > div {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33979ea7,endColorstr=#33979ea7);
    /*IE8対策*/
    background: rgba(151, 158, 167, 0.2);
  }
  /* line 56, ../sass/_setting.scss */
  #shop .top_inner > div:not(:target) {
    filter: none;
    /*IE9対策*/
  }
  /* line 899, ../sass/top.scss */
  #shop .top_inner > div .mtitle {
    color: #1d2025;
    font-size: 20px;
    font-family: "EB Garamond", serif, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
    margin-bottom: 25px;
  }
  /* line 908, ../sass/top.scss */
  #shop .box01 {
    padding: 4% 3%;
    border-top: 3px solid #3d5279;
    margin-bottom: 20px;
  }
  /* line 913, ../sass/top.scss */
  #shop .box01 .honsi img {
    display: block;
    width: 55%;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    margin: 0 auto 10px;
  }
  /* line 919, ../sass/top.scss */
  #shop .box01 .honsi .caps {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 30px;
  }
  /* line 925, ../sass/top.scss */
  #shop .box01 .honsi .btn_area li {
    margin-bottom: 5px;
  }
  /* line 928, ../sass/top.scss */
  #shop .box01 .honsi .btn_area .btn_buy {
    height: 65px;
  }
  /* line 930, ../sass/top.scss */
  #shop .box01 .honsi .btn_area .btn_buy a {
    height: 65px;
    font-size: 18px;
    line-height: 65px;
  }
  /* line 938, ../sass/top.scss */
  #shop .box01 .mokuzi {
    display: none;
  }
  /* line 942, ../sass/top.scss */
  #shop .box02 {
    padding: 4% 3%;
    border-top: 3px solid #3d5279;
    margin-bottom: 20px;
  }
  /* line 946, ../sass/top.scss */
  #shop .box02 .btn {
    margin: 0 auto;
    width: 100%;
  }
  /* line 950, ../sass/top.scss */
  #shop .box02 #archive_list {
    margin-bottom: 20px;
  }
  /* line 952, ../sass/top.scss */
  #shop .box02 #archive_list li {
    border-bottom: 1px dotted #7f7f7f;
  }
  /* line 954, ../sass/top.scss */
  #shop .box02 #archive_list li a {
    padding: 10px 3% 10px 3%;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
  }
  /* line 960, ../sass/top.scss */
  #shop .box02 #archive_list li a img {
    width: 20%;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
  }
  /* line 964, ../sass/top.scss */
  #shop .box02 #archive_list li a .title_area {
    float: right;
    width: 75%;
    padding-top: 5px;
  }
  /* line 968, ../sass/top.scss */
  #shop .box02 #archive_list li a .title_area p {
    color: #666;
    font-size: 13px;
    margin-bottom: 10px;
  }
  /* line 973, ../sass/top.scss */
  #shop .box02 #archive_list li a .title_area h4 {
    font-size: 14px;
    font-weight: bold;
    color: #1d2025;
    line-height: 1.3;
  }
  /* line 981, ../sass/top.scss */
  #shop .box02 #archive_list li a:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    text-decoration: none;
  }
}