/* line 1, ../sass/_global.scss */
body {
    background: url(../images/dpm/bg_01.gif);
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  }
  
  /* line 7, ../sass/_global.scss */
  .wrap {
    width: 960px;
    text-align: left;
    margin: 0 auto;
  }
  
  /* line 13, ../sass/_global.scss */
  h4 {
    margin-bottom: 20px;
    font-size: 120%;
  }
  
  /* line 18, ../sass/_global.scss */
  .contents {
    text-align: left;
  }
  
  /* line 23, ../sass/_global.scss */
  .shadow {
    box-shadow: 0px 1px 3px 2px #ddd;
    -moz-box-shadow: 0px 1px 3px 2px #ddd;
    -webkit-box-shadow: 0px 1px 3px 2px #ddd;
    -o-box-shadow: 0px 1px 3px 2px #ddd;
    -ms-box-shadow: 0px 1px 3px 2px #ddd;
    behavior: url(PIE.htc);
  }
  
  /* --------------------clearfix-------------------- */
  /* line 35, ../sass/_global.scss */
  .clearfix,
  .news .content .right dl {
    zoom: 1;
  }
  
  /* line 37, ../sass/_global.scss */
  .clearfix:after,
  .news .content .right dl {
    content: "";
    display: block;
    clear: both;
  }
  
  /* --------------------------------------------------------トップページ-------------------------------------------------------- */
  /* --------------------メイン画像-------------------- */
  /* line 6, ../sass/_top.scss */
  .view_pc {
    display: block;
  }
  
  /* line 8, ../sass/_top.scss */
  .view_sp {
    display: none;
  }
  
  /* line 11, ../sass/_top.scss */
  #top .main {
    border: #d1d1d1 1px solid;
    margin-bottom: 7px;
    width: 958px;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 17, ../sass/_top.scss */
  #top .main .inline {
    border: #fff 1px solid;
    background: url(../images/dpm/bg_02.gif);
    padding: 4px 2px;
  }
  /* line 22, ../sass/_top.scss */
  #top .main .inline ul li {
    box-shadow: 0px 1px 3px 2px #ddd;
    -moz-box-shadow: 0px 1px 3px 2px #ddd;
    -webkit-box-shadow: 0px 1px 3px 2px #ddd;
    -o-box-shadow: 0px 1px 3px 2px #ddd;
    -ms-box-shadow: 0px 1px 3px 2px #ddd;
    behavior: url(PIE.htc);
  }
  
  /* line 36, ../sass/_top.scss */
  div#feature_list {
    height: 346px;
    position: relative;
  }
  /* line 40, ../sass/_top.scss */
  div#feature_list ul {
    position: absolute;
    top: 0;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  /* line 50, ../sass/_top.scss */
  .tabs_wrapper a.btn_main {
    display: block;
    width: 178px;
    height: 24px;
    position: absolute;
    left: 2px;
    cursor: default;
  }
  /* line 57, ../sass/_top.scss */
  .tabs_wrapper a.btn_main.upper {
    top: 0;
    background: url('../images/top/btn_main-s10833658fd.png') 0 -96px;
  }
  /* line 60, ../sass/_top.scss */
  .tabs_wrapper a.btn_main.upper.active {
    background: url('../images/top/btn_main-s10833658fd.png') 0 -48px;
    cursor: pointer;
  }
  /* line 63, ../sass/_top.scss */
  .tabs_wrapper a.btn_main.upper.active:hover {
    background: url('../images/top/btn_main-s10833658fd.png') 0 -24px;
  }
  /* line 68, ../sass/_top.scss */
  .tabs_wrapper a.btn_main.downner {
    bottom: 0;
    background: url('../images/top/btn_main-s10833658fd.png') 0 -120px;
  }
  /* line 71, ../sass/_top.scss */
  .tabs_wrapper a.btn_main.downner.active {
    background: url('../images/top/btn_main-s10833658fd.png') 0 -72px;
    cursor: pointer;
  }
  /* line 74, ../sass/_top.scss */
  .tabs_wrapper a.btn_main.downner.active:hover {
    background: url('../images/top/btn_main-s10833658fd.png') 0 0;
  }
  /* line 81, ../sass/_top.scss */
  .tabs_wrapper .tabs_frame {
    height: 288px;
    overflow: hidden;
    position: absolute;
    top: 30px;
    left: 0px;
    width: 190px;
  }
  /* line 90, ../sass/_top.scss */
  .tabs_wrapper ul#tabs {
    left: 0;
    z-index: 2;
    width: 181px;
    padding-left: 1px;
  }
  /* line 95, ../sass/_top.scss */
  .tabs_wrapper ul#tabs li {
    display: block;
    margin-bottom: 2px;
  }
  /* line 98, ../sass/_top.scss */
  .tabs_wrapper ul#tabs li a {
    border: #fff 3px solid;
    display: block;
    width: 175px;
    height: 64px;
    text-decoration: none;
  }
  /* line 104, ../sass/_top.scss */
  .tabs_wrapper ul#tabs li a:hover {
    border-color: #ED6C01;
  }
  /* line 107, ../sass/_top.scss */
  .tabs_wrapper ul#tabs li a.current {
    border: none;
    background: url(../images/dpm/img_main_right_current.png) no-repeat;
    z-index: 100;
    width: 188px;
    height: 70px;
  }
  /* line 113, ../sass/_top.scss */
  .tabs_wrapper ul#tabs li a.current:hover {
    text-decoration: none;
    cursor: default;
  }
/* line 134, ../sass/_top.scss */
  /*.tabs_wrapper ul#tabs li#tab_01 {
    background: url(../images/top/img_main_yagi.png) no-repeat;
    background-size: 175px 64px;
    background-position: center center;
    }*/
  /* line 119, ../sass/_top.scss */
  .tabs_wrapper ul#tabs li#tab_01 {
    background: url(../images/top/img_main_yononaka.png) no-repeat;
    background-size: 175px 64px;
    background-position: center center;
  }
  /* line 124, ../sass/_top.scss */
  .tabs_wrapper ul#tabs li#tab_02 {
    background: url(../images/top/img_main_ienai.png) no-repeat;
    background-size: 175px 64px;
    background-position: center center;
  }
    /* line 134, ../sass/_top.scss */
    .tabs_wrapper ul#tabs li#tab_03 {
      background: url(../images/top/img_main_fx.png) no-repeat;
      background-size: 175px 64px;
      background-position: center center;
    }
  
  /* line 143, ../sass/_top.scss */
  .sp_tabs_wrapper {
    height: 0;
    overflow: hidden;
  }
  
  /* line 149, ../sass/_top.scss */
  ul#output {
    right: 2px;
    width: 766px;
    z-index: 1;
  }
  /* line 154, ../sass/_top.scss */
  ul#output li {
    display: block;
    height: 340px;
    border: #fff 3px solid;
    position: absolute;
    top: 0;
  }
  /* line 160, ../sass/_top.scss */
  ul#output li a {
    display: block;
    height: 340px;
    width: 760px;
    text-decoration: none;
    color: #FFF;
    position: relative;
  }
  /* line 167, ../sass/_top.scss */
  ul#output li a .main_cover {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
  }
  /* line 173, ../sass/_top.scss */
  ul#output li a .output_title {
    display: inline-block;
    position: relative;
    width: 730px;
    background: url(../images/top/bg_line.png);
    background-size: 2px;
    height: 38px;
    padding: 12px 15px 10px;
  }
  /* line 181, ../sass/_top.scss */
  ul#output li a .output_title .output_title_inner {
    display: block;
    position: relative;
    height: 37px;
    border-left: 6px solid #d64000;
    text-align: left;
    padding-left: 13px;
  }
  /* line 188, ../sass/_top.scss */
  ul#output li a .output_title .output_title_inner .title_inner {
    position: relative;
    display: block;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* line 196, ../sass/_top.scss */
  ul#output li a .output_title .output_title_inner .title_inner .title {
    text-decoration: none;
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    border-right: 1px dotted #999999;
    padding-right: 13px;
    margin-right: 10px;
  }
  /* line 205, ../sass/_top.scss */
  ul#output li a .output_title .output_title_inner .title_inner .name {
    text-decoration: none;
    font-size: 15px;
    color: #b2b2b2;
  }
  /* line 213, ../sass/_top.scss */
  ul#output li a .output_title .btn_trial {
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 3px;
    width: 250px;
    height: 54px;
    background: url(../images/top/btn_main_ml_off.png);
  }
  /* line 224, ../sass/_top.scss */
  ul#output li a:hover .btn_trial {
    background: url(../images/top/btn_main_ml_on.png);
  }
  /* line 227, ../sass/_top.scss */
  ul#output li a:hover .main_cover {
    display: block;
  }
  
  /* --------------------ニュース-------------------- */
  /* line 238, ../sass/_top.scss */
  #top .news {
    border: #d1d1d1 1px solid;
    margin-bottom: 24px;
  }
  /* line 241, ../sass/_top.scss */
  #top .news h2 {
    margin-top: 25px;
    margin-bottom: 28px;
  }
  /* line 245, ../sass/_top.scss */
  #top .news .content {
    border: #fff 1px solid;
    background: url(../images/dpm/bg_02.gif);
  }
  /* line 248, ../sass/_top.scss */
  #top .news .content .left {
    float: left;
    width: 160px;
    text-align: center;
    padding: 44px 0 38px;
    padding-bottom: 18px;
  }
  /* line 255, ../sass/_top.scss */
  #top .news .content .right {
    float: left;
    width: 780px;
    margin: 19px 0;
  }
  /* line 259, ../sass/_top.scss */
  #top .news .content .right .line {
    background: url(../images/dpm/img_news_line.gif) repeat-y;
    background-position: left center;
  }
  /* line 263, ../sass/_top.scss */
  #top .news .content .right table {
    border-top: #d1d1d1 1px dotted;
    margin: 0 0 0 25px;
    width: 751px;
  }
  /* line 267, ../sass/_top.scss */
  #top .news .content .right table tr {
    border-bottom: #d1d1d1 1px dotted;
  }
  /* line 269, ../sass/_top.scss */
  #top .news .content .right table tr th {
    font-size: 80%;
    font-weight: normal;
    color: #7f7f7f;
    padding: 5px 0 5px 10px;
  }
  /* line 276, ../sass/_top.scss */
  #top .news .content .right table tr td {
    padding: 5px 0 4px 30px;
    background: url(../images/dpm/icon_arrow_news.png) no-repeat;
    background-position: left 3px;
    font-size: 95%;
    width: 645px;
  }
  /* line 286, ../sass/_top.scss */
  #top .news .content .right table .new td {
    background: url(../images/dpm/icon_new.gif) no-repeat;
    background-position: left 11px;
  }
  /* line 292, ../sass/_top.scss */
  #top .news .content .right table a {
    text-decoration: none;
    color: #191919;
  }
  /* line 295, ../sass/_top.scss */
  #top .news .content .right table a:link {
    text-decoration: none;
    color: #191919;
  }
  /* line 299, ../sass/_top.scss */
  #top .news .content .right table a:visited {
    text-decoration: none;
    color: #191919;
  }
  /* line 303, ../sass/_top.scss */
  #top .news .content .right table a:hover {
    text-decoration: none;
    color: #f06d00;
  }
  /* line 307, ../sass/_top.scss */
  #top .news .content .right table a:active {
    text-decoration: none;
    color: #f06d00;
  }
  /* line 317, ../sass/_top.scss */
  #top .authors {
    /* --------------------著者一覧-------------------- */
  }
  /* line 318, ../sass/_top.scss */
  #top .authors .ttl {
    background: url(../images/top/border_under_ttl.png) no-repeat;
    background-position: center bottom;
    width: 960px;
    height: 45px;
    margin-bottom: 20px;
  }
  /* line 324, ../sass/_top.scss */
  #top .authors .ttl h2 {
    float: left;
  }
  /* line 327, ../sass/_top.scss */
  #top .authors .ttl .sns {
    margin-top: 9px;
    float: right;
    text-align: right;
    width: 225px;
  }
  /* line 332, ../sass/_top.scss */
  #top .authors .ttl .sns li {
    display: block;
    float: left;
  }
  /* line 337, ../sass/_top.scss */
  #top .authors .ttl iframe.twitter-share-button {
    width: 95px !important;
  }
  /* line 342, ../sass/_top.scss */
  #top .authors a {
    display: block;
  }
  /* line 346, ../sass/_top.scss */
  #top .authors .content {
    width: 470px;
    margin-bottom: 20px;
  }
  /* line 349, ../sass/_top.scss */
  #top .authors .content .outline {
    display: block;
    border: #d1d1d1 1px solid;
    position: relative;
    background: url(../images/dpm/bg_02.gif);
  }
  /* line 354, ../sass/_top.scss */
  #top .authors .content .outline .authors_cover {
    display: none;
  }
  /* line 358, ../sass/_top.scss */
  #top .authors .content .outline:hover .inline {
    background: url(../images/top/magazin_bg_ov.png);
  }
  /* line 360, ../sass/_top.scss */
  #top .authors .content .outline:hover .inline .authors_cover {
    display: inline;
  }
  /* line 364, ../sass/_top.scss */
  #top .authors .content .outline:hover .inline .magazine_bottom img.left {
    background: url(../images/top/magazin_frame_ov.png);
  }
  /* line 370, ../sass/_top.scss */
  #top .authors .content .outline:hover .magazine_list .btn {
    background: url(../images/top/btn_list_on.png) no-repeat;
  }
  /* line 375, ../sass/_top.scss */
  #top .authors .content .outline:hover .right dt.name {
    color: #f06d00;
  }
  /* line 380, ../sass/_top.scss */
  #top .authors .content .outline .icon_new {
    width: 34px;
    height: 33px;
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 9999;
  }
  /* line 389, ../sass/_top.scss */
  #top .authors .content .inline {
    border: #fff 1px solid;
    background-position: center top;
    padding: 2px;
  }
  /* line 396, ../sass/_top.scss */
  #top .authors .content .inline a:nth-child(even) {
    float: right;
  }
  /* line 399, ../sass/_top.scss */
  #top .authors .content .inline a:nth-child(odd) {
    float: left;
  }
  /* line 402, ../sass/_top.scss */
  #top .authors .content .inline .authors_main {
    width: 100%;
  }
  /* line 406, ../sass/_top.scss */
  #top .authors .content .inline .magazin_image {
    display: block;
    position: relative;
    height: 170px;
  }
  /* line 410, ../sass/_top.scss */
  #top .authors .content .inline .magazin_image img {
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 418, ../sass/_top.scss */
  #top .authors .content .inline .magazine_list {
    background: url(../images/top/bg_line.png);
    margin: 0;
  }
  /* line 421, ../sass/_top.scss */
  #top .authors .content .inline .magazine_list img {
    margin: 3px;
  }
  /* line 424, ../sass/_top.scss */
  #top .authors .content .inline .magazine_list .btn {
    float: right;
    display: block;
    background: url(../images/top/btn_list_off.png) no-repeat;
    width: 150px;
    height: 44px;
    margin: 3px;
    text-indent: -9999px;
  }
  /* line 433, ../sass/_top.scss */
  #top .authors .content .inline .magazine_list .magazine_title {
    float: left;
    color: #FFF;
  }
  /* line 436, ../sass/_top.scss */
  #top .authors .content .inline .magazine_list .magazine_title h2 {
    font-size: 134%;
    border-left: 6px solid #d64000;
    height: 32px;
    margin-left: 12px;
    margin-top: 9px;
    padding-left: 10px;
  }
  /* line 443, ../sass/_top.scss */
  #top .authors .content .inline .magazine_list .magazine_title h2 span {
    position: relative;
    display: block;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 270px;
  }
  /* line 456, ../sass/_top.scss */
  #top .authors .content .inline .magazine_bottom {
    margin: 10px 7px 7px;
  }
  /* line 458, ../sass/_top.scss */
  #top .authors .content .inline .magazine_bottom img.left {
    float: left;
    width: 80px;
    background: url(../images/top/bg_authorspic_off.gif);
    padding: 3px;
  }
  /* line 465, ../sass/_top.scss */
  #top .authors .content .inline .magazine_bottom .right {
    float: right;
    width: 345px;
    color: #191919;
  }
  /* line 471, ../sass/_top.scss */
  #top .authors .content .inline .name {
    /* width: 83px; */
    margin-bottom: 6px;
    padding-top: 4px;
    display: block;
    color: #7f4b00;
    font-size: 150%;
    font-weight: bold;
  }
  /* line 481, ../sass/_top.scss */
  #top .authors .content .inline .description {
    line-height: 1.6;
  }
  /* line 487, ../sass/_top.scss */
  #top .authors .shadow {
    box-shadow: 0px 1px 3px 2px #ddd;
    -moz-box-shadow: 0px 1px 3px 2px #ddd;
    -webkit-box-shadow: 0px 1px 3px 2px #ddd;
    -o-box-shadow: 0px 1px 3px 2px #ddd;
    -ms-box-shadow: 0px 1px 3px 2px #ddd;
    behavior: url(PIE.htc);
  }
  /* line 498, ../sass/_top.scss */
  #top .authors .content.shadow:nth-child(even) {
    float: left;
  }
  /* line 501, ../sass/_top.scss */
  #top .authors .content.shadow:nth-child(odd) {
    float: right;
  }
  /* line 506, ../sass/_top.scss */
  #top .authors a {
    text-decoration: none;
    color: #ffffff;
  }
  /* line 509, ../sass/_top.scss */
  #top .authors a:link {
    text-decoration: none;
    color: #ffffff;
  }
  /* line 513, ../sass/_top.scss */
  #top .authors a:visited {
    text-decoration: none;
    color: #ffffff;
  }
  /* line 517, ../sass/_top.scss */
  #top .authors a:hover {
    text-decoration: none;
    color: #f06c00;
  }
  /* line 521, ../sass/_top.scss */
  #top .authors a:active {
    text-decoration: none;
    color: #f06c00;
  }
  
  /* line 529, ../sass/_top.scss */
  * + html #top .news .content .right table tr {
    border-bottom: #d1d1d1 1px dotted;
    margin-bottom: 10px !important;
  }
  
  /* --------------------------------------------------------内部ページ-------------------------------------------------------- */
  /* --------------------パンくず-------------------- */
  /* line 6, ../sass/_content.scss */
  .pan {
    border: #d1d1d1 1px solid;
    margin-bottom: 10px;
    box-sizing: border-box;
  }
  /* line 11, ../sass/_content.scss */
  .pan .pan.wrap {
    width: 958px;
  }
  
  /* line 18, ../sass/_content.scss */
  .pan ul {
    border: #fff 1px solid;
    display: block;
    background: url(../images/dpm/bg_02.gif);
    padding: 10px 15px;
  }
  
  /* line 25, ../sass/_content.scss */
  .pan ul li {
    display: inline-block;
    background: url(../images/dpm/icon_pan_yaji.gif) no-repeat;
    background-position: 4px 2px;
    padding: 0 10px 0 20px;
    color: #666;
  }
  
  /* line 33, ../sass/_content.scss */
  .pan ul li.home {
    background: url(../images/dpm/icon_house_off.png) no-repeat;
    background-position: 2px 2px;
    width: 15px;
  }
  
  /* line 39, ../sass/_content.scss */
  .pan ul li.home:hover {
    background: url(../images/dpm/icon_house_ov.png) no-repeat;
    background-position: 2px 2px;
  }
  
  /* line 45, ../sass/_content.scss */
  .pan ul li a:link {
    text-decoration: none;
    color: #f06d00;
  }
  
  /* line 50, ../sass/_content.scss */
  .pan ul li a:visited {
    text-decoration: none;
    color: #f06d00;
  }
  
  /* line 55, ../sass/_content.scss */
  .pan ul li a:hover {
    text-decoration: none;
    color: #f01700;
  }
  
  /* line 60, ../sass/_content.scss */
  .pan ul li a:active {
    text-decoration: none;
    color: #f01700;
  }
  
  /* --------------------内部メイン-------------------- */
  /* line 68, ../sass/_content.scss */
  #naibu .left {
    float: left;
    width: 690px;
  }
  
  /* line 74, ../sass/_content.scss */
  #naibu .left .left_contents {
    border: #d1d1d1 1px solid;
    background: url(../images/dpm/bg_02.gif);
    margin-bottom: 10px;
    position: relative;
  }
  
  /* line 81, ../sass/_content.scss */
  #naibu .left .left_contents img.newicon {
    position: absolute;
    top: -7px;
    left: -7px;
    z-index: 100;
  }
  
  /* line 88, ../sass/_content.scss */
  #naibu .left .main {
    border-bottom: #d1d1d1 1px solid;
    position: relative;
    width: 686px;
    height: 252px;
  }
  /* line 93, ../sass/_content.scss */
  #naibu .left .main img {
    border: #fff 1px solid;
    width: 100%;
    height: auto;
  }
  
  /* line 101, ../sass/_content.scss */
  #naibu .left .main .new {
    position: absolute;
    top: -8px;
    left: -6px;
    border: none;
  }
  
  /* --------------------内部詳細-------------------- */
  /* line 110, ../sass/_content.scss */
  #naibu .left .left_contents .left_wrap {
    padding: 11px 18px 0;
  }
  
  /* line 114, ../sass/_content.scss */
  #naibu .left .detail {
    border: #fff 1px solid;
  }
  
  /* line 118, ../sass/_content.scss */
  #naibu .left .detail h2 {
    border-left: #d64000 6px solid;
    font-size: 200%;
    padding: 10px 0 7px 14px;
    margin-bottom: 10px;
  }
  /* line 124, ../sass/_content.scss */
  #naibu .left .detail h2 span {
    letter-spacing: 5px;
  }
  
  /* line 130, ../sass/_content.scss */
  #naibu .left .detail .inline {
    background: url(../images/dpm/bg_line.gif) repeat-x;
    padding: -40px 0 0;
  }
  
  /* line 134, ../sass/_content.scss */
  #naibu .left .detail .inline .publish_info {
    background: url(../images/dpm/ttl_naibubgdot.png) repeat-x top;
    border-bottom: 1px dotted #cccccc;
  }
  
  /* line 138, ../sass/_content.scss */
  #naibu .left .detail ul.hakkou {
    line-height: 1.4;
    margin-bottom: 15px;
    margin-top: 19px;
    font-size: 125%;
    font-weight: bold;
    display: inline-block;
    width: 470px;
  }
  /* line 146, ../sass/_content.scss */
  #naibu .left .detail ul.hakkou span {
    font-size: 11px;
  }
  
  /* line 151, ../sass/_content.scss */
  #naibu .left .detail ul li.hakkou {
    background: url(../images/dpm/img_hakkou.gif) no-repeat;
    background-position: left center;
    padding: 0px 0 0 75px;
    display: inline-block;
  }
  
  /* line 160, ../sass/_content.scss */
  #naibu .left .detail ul li.kakaku {
    background: url(../images/dpm/img_kakaku.gif) no-repeat;
    background-position: left center;
    padding: 0 0 0 51px;
    display: inline-block;
  }
  
  /* line 168, ../sass/_content.scss */
  #naibu .left .detail ul li span {
    font-size: 70%;
  }
  
  /* line 175, ../sass/_content.scss */
  #naibu .sns {
    /*float: right; */
    text-align: right;
    /* display: none; */
    width: 231px;
    margin-top: 22px;
    position: absolute;
    top: 307px;
    right: 0;
  }
  
  /* line 186, ../sass/_content.scss */
  #naibu .sns li {
    display: block;
    /* float: left; */
    position: absolute;
    right: 19px;
  }
  /* line 191, ../sass/_content.scss */
  #naibu .sns li.tw {
    right: 128px;
  }
  /* line 194, ../sass/_content.scss */
  #naibu .sns li.fb-like {
    right: 18px;
  }
  
  /* line 200, ../sass/_content.scss */
  #naibu .left .detail .inline p {
    margin-bottom: 25px;
    font-size: 110%;
    line-height: 180%;
  }
  
  /* line 206, ../sass/_content.scss */
  .dotinfo {
    margin-top: 27px;
    padding: 10px;
    border: 1px dotted #cccccc;
  }
  /* line 210, ../sass/_content.scss */
  .dotinfo .info_date {
    font-size: 10px;
    color: #7f7f7f;
    padding-left: 8px;
  }
  /* line 215, ../sass/_content.scss */
  .dotinfo .info_titiletext {
    font-size: 12px;
  }
  
  /* line 219, ../sass/_content.scss */
  .naibu_innnertxt {
    margin-top: 25px;
  }
  
  /* --------------------申し込みボタン-------------------- */
  /* line 226, ../sass/_content.scss */
  #naibu .left .btn {
    background: url(../images/dpm/bg_03.gif);
    text-align: center;
    margin-top: 2px;
    margin-bottom: 10px;
    padding: 20px 0;
  }
  
  /* line 234, ../sass/_content.scss */
  #naibu .left .btn a {
    display: block;
    width: 541px;
    margin: 0 auto;
    position: relative;
  }
  
  /* line 241, ../sass/_content.scss */
  #naibu .left .btn a .muryo {
    position: absolute;
    top: -27px;
    right: -15px;
  }
  
  /* --------------------無料サンプル-------------------- */
  /* line 251, ../sass/_content.scss */
  #naibu .left .sample {
    border: #d1d1d1 1px solid;
    margin-bottom: 19px;
  }
  /* line 254, ../sass/_content.scss */
  #naibu .left .sample .sample_tab_pc {
    background: url(../images/dpm/bg_sample_btn.png);
    border-top: 1px solid #d1d1d1;
  }
  /* line 257, ../sass/_content.scss */
  #naibu .left .sample .sample_tab_pc ul {
    padding: 9px 0 2px 9px;
    border: 1px solid #FFF;
  }
  /* line 260, ../sass/_content.scss */
  #naibu .left .sample .sample_tab_pc ul li {
    width: 309px;
    height: 59px;
    margin-right: 10px;
    display: block;
    float: left;
  }
  /* line 266, ../sass/_content.scss */
  #naibu .left .sample .sample_tab_pc ul li.last {
    margin-right: 0;
  }
  /* line 269, ../sass/_content.scss */
  #naibu .left .sample .sample_tab_pc ul li a {
    text-indent: -9999px;
    display: block;
    width: 309px;
    height: 59px;
    cursor: default;
  }
  /* line 275, ../sass/_content.scss */
  #naibu .left .sample .sample_tab_pc ul li a.sample1 {
    background: url(../images/dpm/btn_sample_current01.png);
  }
  /* line 277, ../sass/_content.scss */
  #naibu .left .sample .sample_tab_pc ul li a.sample1.off {
    background: url(../images/dpm/btn_sample_off01.png);
    cursor: pointer;
  }
  /* line 280, ../sass/_content.scss */
  #naibu .left .sample .sample_tab_pc ul li a.sample1.off:hover {
    background: url(../images/dpm/btn_sample_on01.png);
  }
  /* line 286, ../sass/_content.scss */
  #naibu .left .sample .sample_tab_pc ul li a.sample2 {
    background: url(../images/dpm/btn_sample_current02.png);
  }
  /* line 288, ../sass/_content.scss */
  #naibu .left .sample .sample_tab_pc ul li a.sample2.off {
    background: url(../images/dpm/btn_sample_off02.png);
    cursor: pointer;
  }
  /* line 291, ../sass/_content.scss */
  #naibu .left .sample .sample_tab_pc ul li a.sample2.off:hover {
    background: url(../images/dpm/btn_sample_on02.png);
  }
  /* line 301, ../sass/_content.scss */
  #naibu .left .sample .sample_txt {
    border-top: #d1d1d1 1px solid;
    padding-top: 17px;
    overflow-y: scroll;
    height: 310px;
  }
  /* line 307, ../sass/_content.scss */
  #naibu .left .sample .sample_txt p {
    font-size: 110%;
    padding: 20px;
  }
  /* line 314, ../sass/_content.scss */
  #naibu .left .sample .sample_txt.sample2 {
    display: none;
  }
  
  /* --------------------右コンテンツ-------------------- */
  /* line 323, ../sass/_content.scss */
  #naibu .right {
    float: right;
    width: 260px;
  }
  
  /* line 328, ../sass/_content.scss */
  #naibu .right .btn {
    border: #d1d1d1 1px solid;
    margin-bottom: 10px;
  }
  
  /* line 333, ../sass/_content.scss */
  #naibu .right .author {
    border: #d1d1d1 1px solid;
    margin-bottom: 10px;
  }
  
  /* line 338, ../sass/_content.scss */
  #naibu .right .author .inner {
    position: relative;
    border: #fff 1px solid;
    background: url(../images/dpm/bg_02.gif);
    padding: 19px;
  }
  
  /* line 346, ../sass/_content.scss */
  #naibu .right .author .inner h4 {
    background: url(../images/dpm/bg_line.gif) repeat-x;
    background-position: center bottom;
    padding: 0 0 13px;
    margin: 0 0 10px 0;
  }
  
  /* line 353, ../sass/_content.scss */
  #naibu .right .author .inner dl {
    color: #7f4b00;
    margin-bottom: 18px;
  }
  
  /* line 358, ../sass/_content.scss */
  #naibu .right .author .inner dl dt {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  
  /* line 364, ../sass/_content.scss */
  #naibu .right .author .inner dl dd {
    font-size: 90%;
    font-weight: bold;
  }
  
  /* line 369, ../sass/_content.scss */
  #naibu .right .author .inner p {
    margin-top: 16px;
    line-height: 1.6;
  }
  
  /* line 374, ../sass/_content.scss */
  #naibu .right .mail {
    border: #d1d1d1 1px solid;
    margin-bottom: 8px;
  }
  
  /* line 379, ../sass/_content.scss */
  #naibu .right .mail .inner {
    border: #fff 1px solid;
    background: url(../images/dpm/bg_02.gif);
    padding: 19px;
  }
  /* line 383, ../sass/_content.scss */
  #naibu .right .mail .inner h4 {
    background: url(../images/dpm/bg_line.gif) repeat-x;
    background-position: center bottom;
    padding: 2px 0 13px;
    margin: 0 0 20px 0px;
    margin-bottom: 5px;
  }
  /* line 392, ../sass/_content.scss */
  #naibu .right .mail .inner ul li {
    margin-bottom: 5px;
    display: block;
    box-shadow: 0px 1px 3px 2px #ddd;
    -moz-box-shadow: 0px 1px 3px 2px #ddd;
    -webkit-box-shadow: 0px 1px 3px 2px #ddd;
    -o-box-shadow: 0px 1px 3px 2px #ddd;
    -ms-box-shadow: 0px 1px 3px 2px #ddd;
    line-height: 0;
    behavior: url(PIE.htc);
    /*
            &:first-child{
              display: none;
            }
    */
    /*
            &:hover {
              border: #f06d00 3px solid;
          }// &:hover
    */
  }
  /* line 410, ../sass/_content.scss */
  #naibu .right .mail .inner ul li a {
    position: relative;
    display: inline-block;
  }
  /* line 413, ../sass/_content.scss */
  #naibu .right .mail .inner ul li a img {
    width: 212px;
    height: auto;
  }
  /* line 416, ../sass/_content.scss */
  #naibu .right .mail .inner ul li a img.ml_thumb {
    border: #fff 3px solid;
  }
  /* line 420, ../sass/_content.scss */
  #naibu .right .mail .inner ul li a img.cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: none;
  }
  /* line 430, ../sass/_content.scss */
  #naibu .right .mail .inner ul li a:hover img.cover {
    display: block;
  }
  /* line 436, ../sass/_content.scss */
  #naibu .right .mail .inner ul li.last {
    margin-bottom: 3px;
  }
  
  /* --------------------web版-------------------- */
  /* line 449, ../sass/_content.scss */
  body {
    background: url(../images/dpm/bg_dpm_web.gif);
  }
  
  /* line 452, ../sass/_content.scss */
  #main-column.dpm_web {
    width: 800px;
  }
  
  /* line 455, ../sass/_content.scss */
  #header.dpm_web {
    margin: 20px 0;
  }
  
  /* line 460, ../sass/_content.scss */
  #header.dpm_web #running-yahoo,
  #header.dpm_web #superbanner,
  #header.dpm_web #y-text {
    display: none;
  }
  
  /* line 463, ../sass/_content.scss */
  .dpm_web_service-menu {
    font-size: 12px;
    float: right;
    margin: 20px 0;
  }
  
  /* line 469, ../sass/_content.scss */
  .dpm_web_service-menu li {
    float: left;
    margin-right: 5px;
  }
  
  /* line 475, ../sass/_content.scss */
  .dpm_web_service-menu li.backnumber {
    position: relative;
    top: -2px;
    margin-left: 10px;
  }
  
  /* line 481, ../sass/_content.scss */
  .dpm_web_service-menu li.backnumber, x:-moz-any-link {
    position: relative;
    top: -6px;
  }
  
  /* line 485, ../sass/_content.scss */
  .dpm_web_toukou {
    display: inline-block;
    /*margin-top: 56px;*/
    background-color: #ffffff;
    width: 788px;
    padding: 6px;
  }
  
  /* line 493, ../sass/_content.scss */
  .dpm_web_toukou .toukou_head {
    background: url(../images/dpm/dpm_web_toukou_bg.gif) repeat-x;
    border: 1px solid #e9e5e2;
    /*padding: 1px;*/
    height: 66px;
    margin-top: -1px;
  }
  
  /* line 501, ../sass/_content.scss */
  .dpm_web_toukou .toukou_bn_head {
    background: url(../images/dpm/dpm_web_bn_bg.gif) repeat;
    height: 30px;
    display: table-cell;
    width: 788px;
    vertical-align: middle;
  }
  
  /* line 509, ../sass/_content.scss */
  .dpm_web_toukou .toukou_head.zaifx {
    background: url(../images/dpm/dpm_web_toukou_bg2.gif) repeat-x;
  }
  
  /* line 513, ../sass/_content.scss */
  .dpm_web_toukou .toukou_head p {
    float: left;
    font-size: 14px;
    padding-top: 10px;
  }
  
  /* line 520, ../sass/_content.scss */
  .dpm_web_toukou .toukou_head p.noicon {
    margin-left: 10px;
  }
  
  /* line 525, ../sass/_content.scss */
  .dpm_web_toukou .toukou_bn_head p {
    float: left;
    font-size: 16px;
    color: #ffffff;
    padding-left: 14px;
  }
  
  /* line 532, ../sass/_content.scss */
  .dpm_web_toukou .toukou_head p span {
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
  }
  
  /* line 538, ../sass/_content.scss */
  .dpm_web_toukou .toukou_head img {
    float: left;
    margin: 12px 40px 0 15px;
  }
  
  /* line 542, ../sass/_content.scss */
  .dpm_web_toukou .toukou_head img.zailogo {
    float: left;
    margin: 8px 40px 0 15px;
  }
  
  /* line 546, ../sass/_content.scss */
  .dpm_web_toukou .txt {
    border: 1px solid #e9e5e2;
    padding: 20px 15px;
    margin-top: -1px;
    display: inline-block;
    width: 756px;
  }
  
  /* line 553, ../sass/_content.scss */
  .dpm_web_toukou .txt p {
    line-height: 150%;
  }
  
  /* line 556, ../sass/_content.scss */
  .dpm_web_toukou .txt .img_box {
    width: 240px;
    height: 180px;
    margin: 20px 10px 0 0;
    display: block;
    /*vertical-align: middle;*/
    text-align: center;
    float: left;
  }
  
  /* line 566, ../sass/_content.scss */
  .dpm_web_toukou .txt img {
    /*margin: 10px 15px 10px 0;*/
    /*float: left;*/
    max-width: 240px;
  }
  
  /* line 573, ../sass/_content.scss */
  #sub-column.fxmail_faq.dpm_web .to-dol {
    display: none;
  }
  
  /* line 576, ../sass/_content.scss */
  #sub-column.fxmail_faq.dpm_web .to-zaifx {
    height: 166px;
    width: 164px;
    display: block;
    background-color: none;
    background: url(../images/dpm/dpm_web_zaifx_logo.gif) no-repeat;
  }
  
  /* line 584, ../sass/_content.scss */
  #sub-column.fxmail_faq.dpm_web .to-zaifx a {
    height: 166px;
    width: 164px;
    display: block;
  }
  
  /* line 590, ../sass/_content.scss */
  #sub-column.fxmail_faq.dpm_web .to-zaifx img {
    display: none;
  }
  
  /* line 593, ../sass/_content.scss */
  .dpm_web_pagination {
    margin-top: 20px;
    display: inline-block;
    /*margin-top: 56px;*/
    background-color: #ffffff;
    width: 788px;
    padding: 6px;
  }
  
  /* line 601, ../sass/_content.scss */
  .dpm_web_pagination .paginations {
    background: url(../images/dpm/dpm_web_button_bg.gif) repeat;
    border: 1px solid #e9e5e2;
    /*padding: 1px;*/
    height: 66px;
    margin-top: -1px;
    display: table-cell;
    width: 788px;
    vertical-align: middle;
  }
  
  /* line 612, ../sass/_content.scss */
  .dpm_web_pagination ul {
    margin: 0 auto;
    display: table;
  }
  
  /* line 617, ../sass/_content.scss */
  .dpm_web_pagination li {
    float: left;
    margin: 0 25px 0 25px;
  }
  
  /* line 622, ../sass/_content.scss */
  .dpm_web_pagination li.backnumber {
    position: relative;
    top: 6px;
  }
  
  /* ログイン周り */
  /* line 627, ../sass/_content.scss */
  #zai_form {
    display: block;
    margin: 0 auto;
  }
  
  /* line 632, ../sass/_content.scss */
  #zai_form .line {
    border: 1px #efefef solid;
    margin-bottom: 1px;
  }
  
  /* line 637, ../sass/_content.scss */
  #zai_form .login {
    background: url(../images/fxmail/bg_yellow.gif) repeat;
    display: block;
    padding: 20px;
    border: 1px #fff solid;
  }
  
  /* line 643, ../sass/_content.scss */
  #zai_form .logout {
    background: url(../images/fxmail/bg_yellow.gif) repeat;
    display: block;
    padding: 50px;
    border: 1px #fff solid;
  }
  
  /* line 649, ../sass/_content.scss */
  #zai_form .loginList {
    width: 300px;
    margin: 0 auto;
  }
  
  /* line 653, ../sass/_content.scss */
  #zai_form .logout_txt {
    text-align: center;
  }
  
  /* line 656, ../sass/_content.scss */
  #zai_form p {
    background: url(../images/fxmail/bg_form_ttl.gif) repeat;
    color: #fff;
    text-align: center;
    padding: 10px;
    border: 1px #fff solid;
  }
  
  /* line 664, ../sass/_content.scss */
  #fxmail_login_mail, #fxmail_login_password {
    width: 300px;
    margin-bottom: 10px;
  }
  
  /* line 669, ../sass/_content.scss */
  #zai_form ul.btns {
    text-align: center;
    margin: 20px;
  }
  
  /* line 674, ../sass/_content.scss */
  #zai_form ul .overImg:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
  }
  
  /* --------------------追加fbエリア-------------------- */
  /* line 681, ../sass/_content.scss */
  .content.shadow.fbarea {
    border: #d1d1d1 1px solid;
    background: url(../images/dpm/bg_02.gif);
    margin-bottom: 84px;
  }
  /* line 686, ../sass/_content.scss */
  .content.shadow.fbarea .fbarea_inner {
    border: #fff 1px solid;
    padding: 17px 18px 17px 18px;
  }
  
  /* --------------------ページトップ-------------------- */
  /* line 695, ../sass/_content.scss */
  .btn_top {
    text-align: right;
  }
  
  /* line 699, ../sass/_content.scss */
  .btn_top img {
    width: 60px;
  }
  
  /* line 703, ../sass/_content.scss */
  .btn_top {
    position: fixed;
    bottom: 10px;
    right: 20px;
  }
  
  /* line 710, ../sass/_content.scss */
  .dpm_web_fxeasynavi {
    margin-top: 20px;
  }
  
  /* line 714, ../sass/_content.scss */
  .dpm_web_fxeasynavi .fxeasy-navi {
    width: 780px;
    background-color: #ffffff;
  }
  
  /* facebook */
  /* line 721, ../sass/_content.scss */
  .fbarea {
    padding: 20px;
    background: url(../images/dpm/bg_02.gif);
    border: #fff 1px solid;
    box-sizing: border-box;
    width: 960px;
    margin: 0 auto 20px;
  }
  /* line 728, ../sass/_content.scss */
  .fbarea img {
    width: 100%;
    height: auto;
  }
  
  /* line 737, ../sass/_content.scss */
  .fb-like-box,
  .fb-like-box span,
  .fb-like-box iframe[style] {
    width: 100% !important;
  }
  
  /* -------------------- キャンペーンバナー -------------------- */
  /* line 742, ../sass/_content.scss */
  .fxmail_present_campaign {
    margin: -22px auto 30px auto;
    background-color: #ffffff;
  }
  
  /* line 746, ../sass/_content.scss */
  .fxmail_present_campaign .banner {
    display: table;
    margin: 0 auto;
    padding-top: 7px;
  }
  
  /* line 751, ../sass/_content.scss */
  .fxmail_present_campaign a.btn {
    display: block;
    text-align: right;
    top: -41px;
    right: 6px;
    position: relative;
  }
  
  /* line 759, ../sass/_content.scss */
  .fxmail_present_campaign p {
    padding: 0 11px;
    margin: -20px 0 28px 0;
    font-size: 12px;
    display: inline-block;
  }
  
  /* line 765, ../sass/_content.scss */
  .fxmail_present_campaign p span {
    font-weight: bold;
    color: #cb233a;
  }
  
  /* --------------------ヘッダー-------------------- */
  /* line 4, ../sass/_header.scss */
  header {
    margin-bottom: 10px;
  }
  
  /* line 8, ../sass/_header.scss */
  * + html header {
    margin-bottom: -20px;
  }
  
  /* line 12, ../sass/_header.scss */
  .header_top {
    background: #00006e;
    padding: 0;
    border-bottom: #7d7137 3px solid;
  }
  
  /* line 18, ../sass/_header.scss */
  h1 {
    font-size: 10px;
    font-weight: normal;
    color: #b2b2b2;
    letter-spacing: -1.5px;
  }
  
  /* line 26, ../sass/_header.scss */
  header span {
    letter-spacing: -4px;
  }
  
  /* line 30, ../sass/_header.scss */
  .header_bottom {
    padding: 14px 0 0 0;
    line-height: 0;
  }
  
  /* line 35, ../sass/_header.scss */
  header ul {
    margin-top: 8px;
    float: right;
    border-right: #999 1px dotted;
  }
  
  /* line 43, ../sass/_header.scss */
  header ul li {
    display: block;
    float: left;
    width: 157px;
    border-left: #999 1px dotted;
  }
  
  /* line 49, ../sass/_header.scss */
  * + html header ul {
    position: relative;
    top: -60px;
  }
  
  /* line 2, ../sass/_footer.scss */
  .footer_shadow {
    box-shadow: 0px -2px 3px 2px #ddd;
    -moz-box-shadow: 0px -2px 3px 2px #ddd;
    -webkit-box-shadow: 0px -2px 3px 2px #ddd;
    -o-box-shadow: 0px -2px 3px 2px #ddd;
    -ms-box-shadow: 0px -2px 3px 2px #ddd;
    behavior: url(PIE.htc);
  }
  
  /* --------------------フッター-------------------- */
  /* line 12, ../sass/_footer.scss */
  footer {
    position: relative;
  }
  
  /* line 16, ../sass/_footer.scss */
  #naibu .sns2 {
    display: none;
    /* float: right; */
    /* float: right; */
    text-align: right;
    /* display: none; */
    width: 231px;
    margin-top: 20px;
    position: absolute;
    bottom: 225px;
    right: 50%;
    margin-right: -100px;
  }
  
  /* line 30, ../sass/_footer.scss */
  #naibu .sns2 li {
    display: block;
    /* float: left; */
    position: absolute;
    right: 19px;
    display: block;
    width: 200px;
  }
  /* line 37, ../sass/_footer.scss */
  #naibu .sns2 li.tw {
    right: 78px;
    bottom: -5px;
  }
  /* line 41, ../sass/_footer.scss */
  #naibu .sns2 li.fb-like {
    right: 18px;
    bottom: 0;
  }
  
  /* line 48, ../sass/_footer.scss */
  footer .menu {
    background: url(../images/dpm/bg_footer.gif) repeat-x;
    height: 50px;
  }
  
  /* line 53, ../sass/_footer.scss */
  footer .menu ul {
    background: url(../images/dpm/bg_footer_list.png) no-repeat;
    background-position: center center;
    height: 50px;
  }
  
  /* line 59, ../sass/_footer.scss */
  footer .menu ul li {
    margin-top: 10px;
    width: 240px;
    text-align: center;
    font-size: 90%;
    height: 30px;
    display: block;
    float: left;
  }
  
  /* line 69, ../sass/_footer.scss */
  footer .menu ul li.last {
    width: 191px;
  }
  
  /* line 73, ../sass/_footer.scss */
  footer .menu ul li a {
    text-decoration: none;
    color: #fff;
    background: url(../images/dpm/img_footer_arrow_off.png) no-repeat right center;
    padding-right: 15px;
    display: inline-block;
    margin-top: 6px;
  }
  
  /* line 82, ../sass/_footer.scss */
  footer .menu ul li a:link {
    text-decoration: none;
    color: #fff;
  }
  
  /* line 87, ../sass/_footer.scss */
  footer .menu ul li a:visited {
    text-decoration: none;
    color: #fff;
  }
  
  /* line 92, ../sass/_footer.scss */
  footer .menu ul li a:hover {
    text-decoration: none;
    color: #ffbd39;
    background: url(../images/dpm/img_footer_arrow_on.png) no-repeat right center;
  }
  
  /* line 98, ../sass/_footer.scss */
  footer .menu ul li a:active {
    text-decoration: none;
    color: #ffbd39;
    background: url(../images/dpm/img_footer_arrow_on.png) no-repeat right center;
  }
  
  /*
  footer .copy{  
      background: #000;
      padding: 8px 0 16px;
  }  
  */
  /* line 110, ../sass/_footer.scss */
  footer .copy {
    background: #000;
    padding: 8px 0 8px;
    font-size: 7px;
    color: rgba(255, 255, 255, 0.5);
  }
  .fbarea_inner{
      margin-left: 210px;
      margin-right: 210px;
  }
  /* --------------------------------------------------------モバイル用-------------------------------------------------------- */
  /* line 5, ../sass/_mobile.scss */
  .view_sp {
    display: none;
  }
  
  /* line 6, ../sass/_mobile.scss */
  .view_sp_ml {
    display: none !important;
  }
  
  @media screen and (max-width: 736px) {
    /* line 9, ../sass/_mobile.scss */
    .view_sp_ml {
      display: block !important;
    }
  
    /* line 11, ../sass/_mobile.scss */
    .cover {
      display: none !important;
    }
  
    /* line 15, ../sass/_mobile.scss */
    .author_cover {
      display: none !important;
    }
  
    /* line 18, ../sass/_mobile.scss */
    .main_cover {
      display: none !important;
    }
  
    /* line 22, ../sass/_mobile.scss */
    a.outline:hover .author_cover {
      display: none !important;
    }
    /* line 25, ../sass/_mobile.scss */
    a.outline:hover .inline {
      background: none !important;
    }
    /* line 27, ../sass/_mobile.scss */
    a.outline:hover .inline .authors_cover {
      display: none !important;
    }
    /* line 31, ../sass/_mobile.scss */
    a.outline:hover .inline .magazine_bottom img.left {
      background: none !important;
    }
    /* line 37, ../sass/_mobile.scss */
    a.outline:hover .magazine_list .btn {
      background: none !important;
    }
    /* line 42, ../sass/_mobile.scss */
    a.outline:hover .right dt.name {
      color: #f06d00;
    }
  
    /* line 50, ../sass/_mobile.scss */
    html, body {
      min-width: inherit;
    }
  
    /* line 53, ../sass/_mobile.scss */
    .wrap {
      width: inherit;
    }
  
    /* line 54, ../sass/_mobile.scss */
    .view_pc {
      display: none;
    }
  
    /* line 55, ../sass/_mobile.scss */
    .view_sp {
      display: block;
    }
  
    /* line 56, ../sass/_mobile.scss */
    .wrap {
      margin: 0 10px;
    }
  
    /* line 60, ../sass/_mobile.scss */
    .pan {
      margin-bottom: 12px;
    }
    /* line 62, ../sass/_mobile.scss */
    .pan ul {
      padding: 3px 4px 3px 6px;
      font-size: 11px;
    }
    /* line 65, ../sass/_mobile.scss */
    .pan ul li {
      background-position: 4px 3px;
    }
    /* line 67, ../sass/_mobile.scss */
    .pan ul li.home {
      padding-right: 8px;
    }
    /* line 70, ../sass/_mobile.scss */
    .pan ul li.p2nd {
      padding-left: 10px;
      background-position: 0px 3px;
    }
  
    /* line 78, ../sass/_mobile.scss */
    header {
      margin-bottom: 0;
    }
    /* line 80, ../sass/_mobile.scss */
    header .header_bottom {
      padding: 5px 0 8px 0;
    }
    /* line 82, ../sass/_mobile.scss */
    header .header_bottom .wrap {
      position: relative;
    }
    /* line 85, ../sass/_mobile.scss */
    header .header_bottom .wrap .logo {
      margin-top: 5px;
      width: 200px;
      display: inline-block;
    }
    /* line 89, ../sass/_mobile.scss */
    header .header_bottom .wrap .logo img {
      width: 100%;
      height: auto;
    }
    /* line 94, ../sass/_mobile.scss */
    header .header_bottom .wrap .btn_menu {
      position: absolute;
      top: 0;
      right: -10px;
      width: 56px;
      height: 46px;
      z-index: 999999;
    }
    /* line 104, ../sass/_mobile.scss */
    header .header_bottom .wrap .btn_menu a {
      display: block;
      width: 56px;
      height: 46px;
      background: url(../images/top/sp/btn_menu_off.png);
      background-size: 100% auto;
    }
    /* line 110, ../sass/_mobile.scss */
    header .header_bottom .wrap .btn_menu a.active {
      background: url(../images/top/sp/btn_menu_on.png);
      background-size: 100% auto;
    }
    /* line 125, ../sass/_mobile.scss */
    header .sp_menu {
      width: 100%;
      background-color: rgba(229, 229, 229, 0.95);
      position: absolute;
      z-index: 99999;
      top: 37px;
      left: 0;
      display: none;
    }
    /* line 133, ../sass/_mobile.scss */
    header .sp_menu.visible {
      display: block;
    }
    /* line 136, ../sass/_mobile.scss */
    header .sp_menu ul {
      float: none;
      border: none;
    }
    /* line 139, ../sass/_mobile.scss */
    header .sp_menu ul li {
      float: none;
      text-align: left;
      height: 50px;
      border-left: none;
      border-top: 1px solid #CCC;
      display: block;
      width: 100%;
      font-size: 15px;
    }
    /* line 148, ../sass/_mobile.scss */
    header .sp_menu ul li a {
      display: block;
      width: 100%;
      height: 50px;
      line-height: 50px;
      padding-left: 20px;
      text-decoration: none;
      color: #1a1a1a;
      background: url(../images/top/sp/btn_right_arr.png) no-repeat;
      background-size: 30px 30px;
      background-position: calc(100% - 10px) 10px;
      box-sizing: border-box;
    }
    /* line 163, ../sass/_mobile.scss */
    header .sp_menu a.btn_close {
      border-top: 1px solid #CCC;
      padding-top: 13px;
      display: block;
    }
    /* line 167, ../sass/_mobile.scss */
    header .sp_menu a.btn_close img {
      width: 135px;
      height: auto;
    }
  
    /* line 177, ../sass/_mobile.scss */
    #top .main {
      border: none;
      width: 100%;
      margin-bottom: 4px;
    }
    /* line 181, ../sass/_mobile.scss */
    #top .main .inline {
      border: none;
      padding: 0;
    }
    /* line 184, ../sass/_mobile.scss */
    #top .main .inline div#feature_list {
      height: auto;
    }
    /* line 186, ../sass/_mobile.scss */
    #top .main .inline div#feature_list ul#output {
      position: static;
      width: 100%;
      height: auto;
    }
    /* line 190, ../sass/_mobile.scss */
    #top .main .inline div#feature_list ul#output li {
      position: static;
      border: none;
      height: auto;
    }
    /* line 194, ../sass/_mobile.scss */
    #top .main .inline div#feature_list ul#output li a {
      width: 100%;
      height: auto;
    }
    /* line 197, ../sass/_mobile.scss */
    #top .main .inline div#feature_list ul#output li a img {
      width: 100%;
      height: auto;
    }
    /* line 201, ../sass/_mobile.scss */
    #top .main .inline div#feature_list ul#output li a .output_title {
      width: calc(100% - 20px);
      min-height: 36px;
      padding: 8px 10px 8px;
    }
    /* line 206, ../sass/_mobile.scss */
    #top .main .inline div#feature_list ul#output li a .output_title .output_title_inner {
      display: block;
      width: calc(100% - 140px);
      text-align: left;
      line-height: 1.3;
      margin-top: 1px;
      padding-top: 1px;
      height: 35px;
    }
    /* line 214, ../sass/_mobile.scss */
    #top .main .inline div#feature_list ul#output li a .output_title .output_title_inner .title {
      font-size: 14px;
      border: none;
      line-height: 1;
      margin-right: 0px;
      padding-right: 5px;
      display: inline-block;
    }
    /* line 223, ../sass/_mobile.scss */
    #top .main .inline div#feature_list ul#output li a .output_title .output_title_inner .name {
      font-size: 11px;
      line-height: 1;
      display: inline-block;
    }
    /* line 230, ../sass/_mobile.scss */
    #top .main .inline div#feature_list ul#output li a .output_title .btn_trial {
      top: 7px;
      right: 7px;
      width: 118px;
      height: 40px;
      background: url(../images/top/sp/btn_trial.png);
      background-size: 100% 100%;
    }
    /* line 248, ../sass/_mobile.scss */
    #top .sp_main {
      width: 100%;
    }
    /* line 250, ../sass/_mobile.scss */
    #top .sp_main ul.main_img {
      position: relative;
    }
    /* line 252, ../sass/_mobile.scss */
    #top .sp_main ul.main_img li {
      display: block;
      position: absolute;
    }
    /* line 255, ../sass/_mobile.scss */
    #top .sp_main ul.main_img li img {
      width: 100%;
      height: auto;
    }
    /* line 259, ../sass/_mobile.scss */
    #top .sp_main ul.main_img li .title_wrapper {
      height: 46px;
      width: 100%;
      background: url(../images/top/sp/sp_mainimg_bg.png);
      color: #FFF;
    }
    /* line 267, ../sass/_mobile.scss */
    #top .sp_main .dummy {
      margin-bottom: 56px;
    }
    /* line 269, ../sass/_mobile.scss */
    #top .sp_main .dummy img {
      width: 100%;
      height: auto;
    }
    /* line 275, ../sass/_mobile.scss */
    #top .sp_main div.main_nav_wrapper {
      position: relative;
    }
    /* line 277, ../sass/_mobile.scss */
    #top .sp_main div.main_nav_wrapper div.main_nav_wrap {
      margin: 0 35px;
      overflow: hidden;
      margin-bottom: 10px;
      position: relative;
    }
    /* line 282, ../sass/_mobile.scss */
    #top .sp_main div.main_nav_wrapper div.main_nav_wrap ul.main_nav {
      width: 200%;
    }
    /* line 284, ../sass/_mobile.scss */
    #top .sp_main div.main_nav_wrapper div.main_nav_wrap ul.main_nav li {
      width: 23%;
      padding: 0 1%;
    }
    /* line 287, ../sass/_mobile.scss */
    #top .sp_main div.main_nav_wrapper div.main_nav_wrap ul.main_nav li img {
      width: 98%;
      padding: 1%;
      background-color: #FFF;
    }
    /* line 295, ../sass/_mobile.scss */
    #top .sp_main div.main_nav_wrapper a.left {
      position: absolute;
      display: block;
      top: 50%;
      left: 5px;
      margin-top: -15px;
      width: 30px;
    }
    /* line 302, ../sass/_mobile.scss */
    #top .sp_main div.main_nav_wrapper a.left img {
      width: 100%;
    }
    /* line 306, ../sass/_mobile.scss */
    #top .sp_main div.main_nav_wrapper a.right {
      position: absolute;
      display: block;
      top: 50%;
      right: 5px;
      margin-top: -15px;
      width: 30px;
    }
    /* line 313, ../sass/_mobile.scss */
    #top .sp_main div.main_nav_wrapper a.right img {
      width: 100%;
    }
    /* line 321, ../sass/_mobile.scss */
    #top .sp_tabs_wrapper {
      height: 71px;
      position: relative;
    }
    /* line 324, ../sass/_mobile.scss */
    #top .sp_tabs_wrapper a.btn_slide {
      width: 30px;
      height: 30px;
      position: absolute;
      top: 19px;
      z-index: 9999;
    }
    /* line 330, ../sass/_mobile.scss */
    #top .sp_tabs_wrapper a.btn_slide.btn_left {
      left: 1%;
      background: url(../images/top/sp/btn_left_arr.png) no-repeat;
      background-size: 100%;
    }
    /* line 336, ../sass/_mobile.scss */
    #top .sp_tabs_wrapper a.btn_slide.btn_right {
      right: 1%;
      background: url(../images/top/sp/btn_right_arr.png) no-repeat;
      background-size: 100%;
    }
    /* line 343, ../sass/_mobile.scss */
    #top .sp_tabs_wrapper .sp_tabs_frame {
      width: 295px;
      height: 76px;
      margin: 0 auto;
      overflow: hidden;
      position: relative;
      padding-top: 6px;
    }
    /* line 350, ../sass/_mobile.scss */
    #top .sp_tabs_wrapper .sp_tabs_frame ul.tabs {
      white-space: nowrap;
      position: relative;
      left: 0;
    }
    /* line 354, ../sass/_mobile.scss */
    #top .sp_tabs_wrapper .sp_tabs_frame ul.tabs li {
      width: 150px;
      float: left;
      display: block;
      position: relative;
    }
    /* line 359, ../sass/_mobile.scss */
    #top .sp_tabs_wrapper .sp_tabs_frame ul.tabs li a {
      display: block;
      padding: 2px;
      margin-right: 5px;
      background-color: #fff;
    }
    /* line 364, ../sass/_mobile.scss */
    #top .sp_tabs_wrapper .sp_tabs_frame ul.tabs li a img {
      width: 100%;
      height: auto;
    }
    /* line 369, ../sass/_mobile.scss */
    #top .sp_tabs_wrapper .sp_tabs_frame ul.tabs li:last-child {
      width: 145px;
    }
    /* line 371, ../sass/_mobile.scss */
    #top .sp_tabs_wrapper .sp_tabs_frame ul.tabs li:last-child a {
      margin-right: 0;
    }
    /* line 375, ../sass/_mobile.scss */
    #top .sp_tabs_wrapper .sp_tabs_frame ul.tabs li .nav_cover {
      display: block;
      position: absolute;
      width: 145px;
      height: 62px;
      background: url(../images/top/sp/nav_cover.png) no-repeat;
      background-size: 100%;
      top: -6px;
      left: 0;
      display: none;
    }
    /* line 394, ../sass/_mobile.scss */
    #top .contents .news {
      margin-bottom: 20px;
    }
    /* line 396, ../sass/_mobile.scss */
    #top .contents .news .content {
      width: calc(100% - 2px);
    }
    /* line 398, ../sass/_mobile.scss */
    #top .contents .news .content .left {
      float: none;
      width: calc(100% - 20px);
      text-align: left;
      padding: 5px 0 8px;
      background: url(../images/top/new_underbar.png) repeat-x center bottom;
      background-size: auto 3px;
      margin: 0 10px;
    }
    /* line 406, ../sass/_mobile.scss */
    #top .contents .news .content .left h2 {
      display: inline-block;
      margin-left: 5px;
      margin-bottom: 0;
      margin-top: 5px;
      float: left;
    }
    /* line 412, ../sass/_mobile.scss */
    #top .contents .news .content .left h2 img {
      width: 78px;
    }
    /* line 416, ../sass/_mobile.scss */
    #top .contents .news .content .left .view_sp a img {
      display: inline-block;
      float: right;
      width: 100px;
      margin-right: 10px;
    }
    /* line 424, ../sass/_mobile.scss */
    #top .contents .news .content .right {
      float: none;
      width: inherit;
      margin-top: 0;
      margin-bottom: 5px;
    }
    /* line 430, ../sass/_mobile.scss */
    #top .contents .news .content .right .line {
      background: none;
    }
    /* line 432, ../sass/_mobile.scss */
    #top .contents .news .content .right table {
      width: calc(100% - 20px);
      margin: 0 10px;
      table-layout: fixed;
      border-top: none;
    }
    /* line 437, ../sass/_mobile.scss */
    #top .contents .news .content .right table tr {
      display: block;
      width: 100%;
      border: none;
    }
    /* line 440, ../sass/_mobile.scss */
    #top .contents .news .content .right table tr th {
      display: block;
      padding-left: 5px;
      padding: 5px 0 0px 5px;
    }
    /* line 445, ../sass/_mobile.scss */
    #top .contents .news .content .right table tr td {
      display: block;
      padding: 0 0 4px 5px;
      background: none;
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    /* line 456, ../sass/_mobile.scss */
    #top .contents .news .content .right table tr:first-child {
      border-bottom: #d1d1d1 1px dotted;
    }
    /* line 460, ../sass/_mobile.scss */
    #top .contents .news .content .right table .new th {
      background: url(../images/top/sp/icon_sp_new.png) no-repeat;
      background-size: 15px 15px;
      background-position: right calc(50% + 1px);
      width: 80px;
    }
    /* line 466, ../sass/_mobile.scss */
    #top .contents .news .content .right table tr:nth-child(3), #top .contents .news .content .right table tr:nth-child(4) {
      display: none;
    }
    /* line 481, ../sass/_mobile.scss */
    #top .contents .authors .icon_new_sp {
      width: 20px;
      height: 20px;
      position: absolute;
      top: -5px;
      left: -5px;
      z-index: 9999;
    }
    /* line 489, ../sass/_mobile.scss */
    #top .contents .authors .ttl {
      width: inherit;
      height: 30px;
      background-position: -46px bottom;
      background-size: auto 3px;
      margin-bottom: 10px;
    }
    /* line 497, ../sass/_mobile.scss */
    #top .contents .authors .content {
      width: 100%;
      margin-bottom: 10px;
    }
    /* line 500, ../sass/_mobile.scss */
    #top .contents .authors .content .inline {
      padding: 4px;
    }
    /* line 503, ../sass/_mobile.scss */
    #top .contents .authors .content .inline a:nth-child(odd) {
      float: inherit;
    }
    /* line 507, ../sass/_mobile.scss */
    #top .contents .authors .content .inline.under {
      height: auto !important;
    }
    /* line 511, ../sass/_mobile.scss */
    #top .contents .authors .content .inline .magazine_bottom {
      margin: 13px 9px 7px 10px;
    }
    /* line 513, ../sass/_mobile.scss */
    #top .contents .authors .content .inline .magazine_bottom .right {
      float: none;
      width: inherit;
    }
    /* line 520, ../sass/_mobile.scss */
    #top .contents .authors .content .magazin_image {
      height: auto;
    }
    /* line 522, ../sass/_mobile.scss */
    #top .contents .authors .content .magazin_image .authors_main {
      position: static;
    }
    /* line 527, ../sass/_mobile.scss */
    #top .contents .authors .content .magazine_list {
      background: url(../images/top/bg_line.png);
      -webkit-background-size: 2px;
      background-size: 2px;
      margin: 0;
    }
    /* line 534, ../sass/_mobile.scss */
    #top .contents .authors .content .magazine_list .authors_main {
      width: inherit;
    }
    /* line 538, ../sass/_mobile.scss */
    #top .contents .authors .content .magazine_list img {
      margin: 3px;
      float: right;
      max-width: 95px;
      height: auto;
    }
    /* line 547, ../sass/_mobile.scss */
    #top .contents .authors .content .magazine_list div.magazine_title {
      float: none;
    }
    /* line 549, ../sass/_mobile.scss */
    #top .contents .authors .content .magazine_list div.magazine_title h2 {
      font-size: 13px;
      border-left: 6px solid #d64000;
      height: 28px;
      margin-left: 12px;
      margin-top: 9px;
      padding-left: 10px;
      width: calc(100% - 130px);
      float: left;
    }
    /* line 560, ../sass/_mobile.scss */
    #top .contents .authors .content .magazine_list div.magazine_title h2 span {
      position: relative;
      display: block;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 100%;
    }
  
    /* line 586, ../sass/_mobile.scss */
    .footer_area ul.sp_sns {
      background-image: url(../images/top/bottom_shadow.png), url(../images/dpm/bg_footer2.png);
      background-repeat: no-repeat, repeat;
      background-size: 334px 4px, 2px 2px;
      background-position: center top, left top;
      margin-top: 10px;
      padding: 15px;
      text-align: center;
    }
    /* line 595, ../sass/_mobile.scss */
    .footer_area ul.sp_sns li {
      display: inline-block;
    }
    /* line 597, ../sass/_mobile.scss */
    .footer_area ul.sp_sns li.tw {
      height: 20px;
      vertical-align: bottom;
      width: 95px;
    }
  
    /* line 607, ../sass/_mobile.scss */
    footer {
      background: url(../images/dpm/bg_footer_small.gif) repeat-x #262626;
    }
    /* line 609, ../sass/_mobile.scss */
    footer .btn_footer img {
      width: 45%;
      padding-top: 10px;
    }
    /* line 616, ../sass/_mobile.scss */
    footer .footer_shadow.menu {
      box-shadow: none;
      margin: 0 10px;
      background: none;
      height: auto;
    }
    /* line 621, ../sass/_mobile.scss */
    footer .footer_shadow.menu .wrap {
      margin: 0;
    }
    /* line 623, ../sass/_mobile.scss */
    footer .footer_shadow.menu .wrap ul {
      background: none;
      text-align: center;
      padding-top: 10px;
      padding-bottom: 10px;
      border-bottom: 1px dotted #464646;
      margin-bottom: 10px;
      height: auto;
    }
    /* line 631, ../sass/_mobile.scss */
    footer .footer_shadow.menu .wrap ul li {
      display: inline-block;
      width: auto;
      font-size: 8px;
      height: auto;
      float: none;
      border-right: 1px solid #464646;
      margin-top: 0;
      margin-right: 5px;
    }
    /* line 640, ../sass/_mobile.scss */
    footer .footer_shadow.menu .wrap ul li:last-child {
      border-right: none;
      margin-right: 0;
    }
    /* line 643, ../sass/_mobile.scss */
    footer .footer_shadow.menu .wrap ul li:last-child a {
      padding-right: 0;
    }
    /* line 647, ../sass/_mobile.scss */
    footer .footer_shadow.menu .wrap ul li a {
      background: none;
      font-size: 8px;
      padding-right: 10px;
      margin-top: 0;
    }
  
    /* line 664, ../sass/_mobile.scss */
    .seoword {
      color: #626262;
      font-size: 8px;
      padding-bottom: 10px;
      line-height: 1.4;
    }
    /* line 669, ../sass/_mobile.scss */
    .seoword span {
      letter-spacing: -0.2em;
    }
  
    /* line 677, ../sass/_mobile.scss */
    .btn_top {
      bottom: 120px;
      right: 10px;
    }
  
    /* line 687, ../sass/_mobile.scss */
    #naibu .left .main {
      width: 100%;
      height: auto;
      box-sizing: border-box;
    }
    /* line 691, ../sass/_mobile.scss */
    #naibu .left .main img {
      box-sizing: border-box;
    }
    /* line 698, ../sass/_mobile.scss */
    #naibu .content {
      width: 100%;
    }
    /* line 703, ../sass/_mobile.scss */
    #naibu .left {
      float: none;
      width: inherit;
      margin-bottom: 8px;
    }
    /* line 714, ../sass/_mobile.scss */
    #naibu .left .left_contents img {
      width: 100%;
    }
    /* line 717, ../sass/_mobile.scss */
    #naibu .left .left_contents img.newicon {
      width: 20px !important;
      height: 20px;
      top: -4px;
      left: -4px;
    }
    /* line 725, ../sass/_mobile.scss */
    #naibu .left h2 {
      line-height: 1.4;
    }
    /* line 730, ../sass/_mobile.scss */
    #naibu .left .btn {
      background: url(../images/dpm/bg_btn.png);
      background-size: 2px;
    }
    /* line 734, ../sass/_mobile.scss */
    #naibu .left .btn a {
      width: inherit;
    }
    /* line 736, ../sass/_mobile.scss */
    #naibu .left .detail ul.hakkou {
      width: inherit;
      margin-bottom: 10px;
      margin-top: 15px;
    }
    /* line 741, ../sass/_mobile.scss */
    #naibu .left .detail ul.hakkou .hakkou {
      width: inherit;
      margin-bottom: 10px;
    }
    /* line 745, ../sass/_mobile.scss */
    #naibu .left .detail ul.hakkou li {
      float: none;
      display: block;
    }
    /* line 748, ../sass/_mobile.scss */
    #naibu .left .detail ul.hakkou li.hakkou {
      background: url(../images/dpm/img_hakko.png) no-repeat;
      background-size: 55px auto;
      margin-bottom: 5px;
      padding: 0px 0 0 65px;
    }
    /* line 755, ../sass/_mobile.scss */
    #naibu .left .detail ul.hakkou li.kakaku {
      background: url(../images/dpm/img_kakaku.png) no-repeat;
      background-size: 55px auto;
      padding: 0px 0 0 65px;
    }
    /* line 764, ../sass/_mobile.scss */
    #naibu .left .detail .left_wrap {
      padding: 10px 10px 0;
    }
    /* line 766, ../sass/_mobile.scss */
    #naibu .left .detail .left_wrap h2 {
      font-size: 15px;
      padding: 10px 0 7px 10px;
    }
    /* line 770, ../sass/_mobile.scss */
    #naibu .left .detail .left_wrap .dotinfo {
      padding: 10px 5px;
      margin-top: 15px;
    }
    /* line 774, ../sass/_mobile.scss */
    #naibu .left .detail .left_wrap .dotinfo .info_date {
      width: 60px;
      display: block;
      float: left;
      padding-left: 10px;
    }
    /* line 780, ../sass/_mobile.scss */
    #naibu .left .detail .left_wrap .dotinfo .info_titiletext {
      width: calc(100% - 85px);
      display: block;
      float: right;
    }
    /* line 786, ../sass/_mobile.scss */
    #naibu .left .detail .left_wrap .naibu_innnertxt {
      margin-top: 15px;
    }
    /* line 791, ../sass/_mobile.scss */
    #naibu .left .detail .inline p {
      margin-bottom: 15px;
    }
    /* line 798, ../sass/_mobile.scss */
    #naibu .left .sample h3 img {
      width: 100%;
    }
    /* line 801, ../sass/_mobile.scss */
    #naibu .left .sample h3.ml_sample_title {
      background: url(../images/dpm/bg_mlsample.png);
      background-size: 2px;
      box-sizing: border-box;
      padding: 10px;
      line-height: 0;
      margin: 1px;
      border-bottom: #d1d1d1 1px solid;
    }
    /* line 809, ../sass/_mobile.scss */
    #naibu .left .sample h3.ml_sample_title img {
      width: 123px;
    }
    /* line 813, ../sass/_mobile.scss */
    #naibu .left .sample .sample_txt {
      width: inherit;
      overflow: hidden;
      height: 280px;
    }
    /* line 817, ../sass/_mobile.scss */
    #naibu .left .sample .sample_txt.open {
      overflow: visible;
      height: auto;
    }
    /* line 824, ../sass/_mobile.scss */
    #naibu .left .btn_more {
      display: block;
      padding: 1px;
      border-bottom: #d1d1d1 1px solid;
    }
    /* line 829, ../sass/_mobile.scss */
    #naibu .left .btn_sample_sp_wrapper {
      background: url(../images/dpm/bg_sample_btn.png);
    }
    /* line 832, ../sass/_mobile.scss */
    #naibu .left .btn_sample_sp_wrapper.tab_top {
      border-top: #d1d1d1 1px solid;
    }
    /* line 834, ../sass/_mobile.scss */
    #naibu .left .btn_sample_sp_wrapper.tab_top ul {
      padding: 3px 3px 0px;
    }
    /* line 838, ../sass/_mobile.scss */
    #naibu .left .btn_sample_sp_wrapper ul {
      padding: 0 3px 3px;
      border: #FFF 1px solid;
    }
    /* line 841, ../sass/_mobile.scss */
    #naibu .left .btn_sample_sp_wrapper ul li.btn_sp_sample {
      float: left;
      display: block;
      width: calc(50% - 2px);
      margin-right: 4px;
    }
    /* line 846, ../sass/_mobile.scss */
    #naibu .left .btn_sample_sp_wrapper ul li.btn_sp_sample.last {
      margin-right: 0;
    }
    /* line 853, ../sass/_mobile.scss */
    #naibu .left .btn img {
      width: 270px;
    }
    /* line 856, ../sass/_mobile.scss */
    #naibu .left img.muryo {
      width: 63px;
      left: 50%;
      margin-left: 100px;
    }
    /* line 865, ../sass/_mobile.scss */
    #naibu .sns {
      display: none;
    }
    /* line 871, ../sass/_mobile.scss */
    #naibu .right {
      float: none;
      width: inherit;
    }
    /* line 872, ../sass/_mobile.scss */
    #naibu .right .btn {
      background: url(../images/dpm/bg_03.gif);
      text-align: center;
      margin-top: 2px;
      margin-bottom: 8px;
      padding: 10px 0;
    }
    /* line 880, ../sass/_mobile.scss */
    #naibu .right .btn a {
      display: block;
      width: 541px;
      margin: 0 auto;
      position: relative;
    }
    /* line 886, ../sass/_mobile.scss */
    #naibu .right .btn a .muryo {
      position: absolute;
      top: -27px;
      right: -15px;
    }
    /* line 892, ../sass/_mobile.scss */
    #naibu .right .btn.btn_under {
      border: #fff 1px solid;
      box-sizing: border-box;
      margin: 0 1px 10px;
    }
    /* line 901, ../sass/_mobile.scss */
    #naibu .right .btn {
      background: url(../images/dpm/bg_btn.png);
      background-size: 2px;
    }
    /* line 905, ../sass/_mobile.scss */
    #naibu .right .btn a {
      width: inherit;
    }
    /* line 907, ../sass/_mobile.scss */
    #naibu .right .btn {
      border: 0;
    }
    /* line 911, ../sass/_mobile.scss */
    #naibu .right .btn img {
      width: 270px;
    }
    /* line 914, ../sass/_mobile.scss */
    #naibu .right img.muryo {
      width: 63px;
      left: 50%;
      margin-left: 100px;
    }
    /* line 920, ../sass/_mobile.scss */
    #naibu .right .btn_sample_sp_wrapper {
      padding: 10px;
    }
    /* line 925, ../sass/_mobile.scss */
    #naibu .right .author .inner {
      clear: both;
      padding: 10px;
    }
    /* line 928, ../sass/_mobile.scss */
    #naibu .right .author .inner > img {
      margin-right: 10px;
    }
    /* line 932, ../sass/_mobile.scss */
    #naibu .right .author .inner .title_author h4 {
      background: url(../images/dpm/title_underbar.png) repeat-x center bottom;
      background-size: auto 3px;
    }
    /* line 933, ../sass/_mobile.scss */
    #naibu .right .author .inner .title_author h4 img {
      width: 65px;
    }
    /* line 940, ../sass/_mobile.scss */
    #naibu .right .author .inner .auther_pic {
      float: left;
      width: 109px;
      display: inline-block;
    }
    /* line 946, ../sass/_mobile.scss */
    #naibu .right .author .inner dl {
      position: absolute;
      left: 129px;
      top: 61px;
    }
    /* line 950, ../sass/_mobile.scss */
    #naibu .right .author .inner dl dd {
      display: block;
    }
    /* line 953, ../sass/_mobile.scss */
    #naibu .right .author .inner dl dt {
      display: block;
    }
    /* line 957, ../sass/_mobile.scss */
    #naibu .right .author .inner p {
      padding-top: 49px;
    }
    /* line 965, ../sass/_mobile.scss */
    #naibu .right .mail .inner {
      padding: 10px 10px 6px;
    }
    /* line 968, ../sass/_mobile.scss */
    #naibu .right .mail .inner .title_mllist h4 {
      margin-bottom: 10px;
      background: url(../images/dpm/title_underbar.png) repeat-x center bottom;
      background-size: auto 3px;
    }
    /* line 970, ../sass/_mobile.scss */
    #naibu .right .mail .inner .title_mllist h4 img {
      width: 119px;
    }
    /* line 979, ../sass/_mobile.scss */
    #naibu .right .mail .inner ul li {
      width: 49%;
      float: left;
      margin-right: 2%;
      box-sizing: border-box;
      margin-bottom: 4px;
    }
    /* line 985, ../sass/_mobile.scss */
    #naibu .right .mail .inner ul li:first-child {
      display: block;
    }
    /* line 989, ../sass/_mobile.scss */
    #naibu .right .mail .inner ul li a img {
      box-sizing: border-box;
      width: 100%;
    }
    /* line 995, ../sass/_mobile.scss */
    #naibu .right .mail .inner ul li:nth-child(even) {
      margin-right: 0;
    }
    /* line 1004, ../sass/_mobile.scss */
    #naibu .fbarea {
      width: calc(100% - 2px);
      padding: 10px 8px;
    }
    /* line 1010, ../sass/_mobile.scss */
    #naibu .fb-like-box,
    #naibu .fb-like-box span,
    #naibu .fb-like-box iframe[style] {
      height: 252px !important;
    }
  
    /* line 1017, ../sass/_mobile.scss */
    .header_top {
      display: none;
    }
  
    /* line 1023, ../sass/_mobile.scss */
    #top .contents .content.shadow:nth-child(even) {
      float: none;
    }
  
    /* line 1026, ../sass/_mobile.scss */
    #top .contents .content.shadow:nth-child(odd) {
      float: none;
    }
    .fbarea_inner{
      margin-left: 0;
      margin-right: 0;
  }
  }