html, body {
  margin: 0;
  padding: 0;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: lighter;
  line-height: 140%; }
  html a, body a {
    color: #C0504D;
    text-decoration: none; }
  html li, body li {
    list-style-type: none; }

body {
  width: 100%; }
  body.scrollLock {
    position: fixed;
    overflow-y: scroll; }
  body.login #header #header_main {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3); }
    body.login #header #header_main .contents_wrapper #header_login_wrapper #header_search {
      display: inline; }
    body.login #header #header_main .contents_wrapper #header_login_wrapper #header_login #header_login_status {
      font-size: 14px;
      line-height: 32px;
      text-align: center;
      text-indent: 0;
      color: #fff;
      background: #00938B;
      border-radius: 32px;
      /*
								&:hover
								{
									background: #00938B;
								}
								*/ }
    body.login #header #header_main .contents_wrapper #header_login_wrapper #header_login #header_login_menu #header_login_menu_btn img {
      display: inline; }
    body.login #header #header_main .contents_wrapper #header_login_wrapper #header_login #header_login_menu #header_login_menu_btn h4 {
      display: none; }
  body.login #header #header_member {
    display: block; }
  body.login #header_main_menu_sp .hm_search_sp {
    display: block; }
  body.login .wrapper {
    padding: 260px 0 0 0; }
  body.alert #header #header_alert {
    display: block; }
  body.alert.error #header #header_alert #ha_error {
    display: block; }
  body.alert.success #header #header_alert #ha_success {
    display: block; }

#header {
  z-index: 9997;
  position: fixed;
  top: 0;
  width: 100%; }
  #header #header_main {
    position: relative;
    width: 100%;
    height: 120px;
    -webkit-transition: height 0.15s ease-in;
    transition: height 0.15s ease-in;
    background: #fff;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3);
    -webkit-transition: box-shadow 0.15s ease-in;
    transition: box-shadow 0.15s ease-in; }
    #header #header_main .contents_wrapper {
      position: relative;
      padding: 33px 10px 0 10px;
      -webkit-transition: padding 0.15s ease-in;
      transition: padding 0.15s ease-in; }
      #header #header_main .contents_wrapper #header_logo {
        position: absolute;
        width: 184px; }
        #header #header_main .contents_wrapper #header_logo img {
          width: 100%;
          height: auto;
          border: 0; }
      #header #header_main .contents_wrapper ul {
        margin: 0;
        padding: 0;
        text-align: center; }
        #header #header_main .contents_wrapper ul li {
          display: inline-block;
          margin: 0 40px 0 0; }
          #header #header_main .contents_wrapper ul li:last-child {
            margin: 0; }
          #header #header_main .contents_wrapper ul li h4 {
            margin: 15px 0; }
            #header #header_main .contents_wrapper ul li h4 a {
              color: #000; }
              #header #header_main .contents_wrapper ul li h4 a:hover {
                color: #969696;
                padding: 2px 0 4px 0; }
              #header #header_main .contents_wrapper ul li h4 a.selected {
                padding: 2px 0 4px 0;
                border-bottom: 1px solid #000; }
      #header #header_main .contents_wrapper #header_menu_btn_sp {
        position: absolute;
        top: 0;
        left: 0;
        width: 60px;
        height: 60px; }
        #header #header_main .contents_wrapper #header_menu_btn_sp a {
          display: block;
          width: 100%;
          height: 100%; }
          #header #header_main .contents_wrapper #header_menu_btn_sp a img {
            margin: 15px 15px;
            width: 30px;
            height: auto;
            border: 0; }
      #header #header_main .contents_wrapper #header_login_wrapper {
        position: absolute;
        top: 40px;
        right: 20px;
        -webkit-transition: top 0.15s ease-in;
        transition: top 0.15s ease-in;
        height: 32px;
        box-sizing: border-box; }
        #header #header_main .contents_wrapper #header_login_wrapper #header_search {
          display: none;
          float: left;
          padding: 0 40px 0 0;
          border-right: 1px solid #969696;
          box-sizing: border-box; }
          #header #header_main .contents_wrapper #header_login_wrapper #header_search #header_search_btn {
            display: block;
            overflow: hidden;
            margin: 2px 0;
            width: 28px;
            height: 28px;
            background: url("/img/icon_search_line.png") no-repeat;
            background-size: 28px auto;
            background-position: bottom; }
            #header #header_main .contents_wrapper #header_login_wrapper #header_search #header_search_btn:hover {
              background-position: top; }
        #header #header_main .contents_wrapper #header_login_wrapper #header_login {
          float: left;
          padding: 0 0 0 40px; }
          #header #header_main .contents_wrapper #header_login_wrapper #header_login #header_login_status {
            float: left;
            display: block;
            margin: 0 8px 0 0;
            width: 32px;
            height: 32px;
            text-indent: 9999px;
            background: url(/img/icon_user_line.png) no-repeat;
            background-size: 32px auto; }
          #header #header_main .contents_wrapper #header_login_wrapper #header_login #header_login_menu {
            float: left;
            padding: 6px 0 0 0; }
            #header #header_main .contents_wrapper #header_login_wrapper #header_login #header_login_menu #header_login_menu_btn img {
              display: none;
              width: auto;
              height: 8px; }
            #header #header_main .contents_wrapper #header_login_wrapper #header_login #header_login_menu #header_login_menu_btn h4 {
              color: #000; }
      #header #header_main .contents_wrapper #header_search_pc {
        display: none;
        box-sizing: border-box;
        position: absolute;
        padding: 46px 10px 0 10px;
        -webkit-transition: padding 0.15s ease-in;
        transition: padding 0.15s ease-in;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff; }
        #header #header_main .contents_wrapper #header_search_pc input {
          float: left;
          box-sizing: border-box;
          padding: 0 0 0 40px;
          height: 28px;
          width: 650px;
          font-size: 14px;
          line-height: 28px;
          background: url(/img/icon_search_line.png) no-repeat;
          background-position: left bottom;
          background-size: 28px auto;
          border: none; }
        #header #header_main .contents_wrapper #header_search_pc #hs_close_pc {
          float: right;
          display: block;
          height: 28px; }
        #header #header_main .contents_wrapper #header_search_pc #hs_result_pc {
          z-index: 9999;
          box-sizing: border-box;
          position: fixed;
          margin: 120px 0 0 0;
          -webkit-transition: margin 0.15s ease-in;
          transition: margin 0.15s ease-in;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.8); }
          #header #header_main .contents_wrapper #header_search_pc #hs_result_pc #hs_result_area_pc {
            margin: 1px 0 0 0;
            background: #fff; }
            #header #header_main .contents_wrapper #header_search_pc #hs_result_pc #hs_result_area_pc .contents_wrapper {
              padding: 32px 10px; }
              #header #header_main .contents_wrapper #header_search_pc #hs_result_pc #hs_result_area_pc .contents_wrapper p.gray {
                box-sizing: border-box;
                width: 100%;
                margin: 0;
                padding: 0 0 32px 32px;
                border-bottom: 1px solid #E6E6E6; }
              #header #header_main .contents_wrapper #header_search_pc #hs_result_pc #hs_result_area_pc .contents_wrapper div {
                padding: 16px 0 0 0; }
                #header #header_main .contents_wrapper #header_search_pc #hs_result_pc #hs_result_area_pc .contents_wrapper div .result_cell_pc {
                  position: relative;
                  width: 100%;
                  padding: 0; }
                  #header #header_main .contents_wrapper #header_search_pc #hs_result_pc #hs_result_area_pc .contents_wrapper div .result_cell_pc a {
                    box-sizing: border-box;
                    display: block;
                    width: 100%;
                    padding: 8px 32px;
                    color: #000; }
                    #header #header_main .contents_wrapper #header_search_pc #hs_result_pc #hs_result_area_pc .contents_wrapper div .result_cell_pc a:hover {
                      background: #E6E6E6; }
                    #header #header_main .contents_wrapper #header_search_pc #hs_result_pc #hs_result_area_pc .contents_wrapper div .result_cell_pc a p {
                      margin: 0;
                      padding: 0;
                      width: 100%; }
                    #header #header_main .contents_wrapper #header_search_pc #hs_result_pc #hs_result_area_pc .contents_wrapper div .result_cell_pc a .date {
                      position: absolute;
                      top: 0;
                      right: 0;
                      margin: 0;
                      padding: 8px 0; }
                      #header #header_main .contents_wrapper #header_search_pc #hs_result_pc #hs_result_area_pc .contents_wrapper div .result_cell_pc a .date span {
                        padding: 0 8px; }
                        #header #header_main .contents_wrapper #header_search_pc #hs_result_pc #hs_result_area_pc .contents_wrapper div .result_cell_pc a .date span:first-child {
                          padding: 0 8px 0 0; }
      #header #header_main .contents_wrapper #header_login_menu_pc_wrapper {
        display: none;
        position: fixed;
        z-index: 9997;
        left: 0;
        width: 100%;
        height: 100%; }
        #header #header_main .contents_wrapper #header_login_menu_pc_wrapper #header_login_menu_pc {
          position: absolute;
          padding: 16px 0 0 0;
          right: 0;
          width: 320px;
          background: url(/img/header_member_bg_pc.png) no-repeat top; }
          #header #header_main .contents_wrapper #header_login_menu_pc_wrapper #header_login_menu_pc #hl_wrapper {
            box-sizing: border-box;
            padding: 16px 32px 32px 32px;
            width: 100%;
            background: #fff;
            border-left: 1px solid #E6E6E6;
            border-right: 1px solid #E6E6E6;
            border-bottom: 1px solid #E6E6E6; }
            #header #header_main .contents_wrapper #header_login_menu_pc_wrapper #header_login_menu_pc #hl_wrapper .gray {
              margin: 0;
              padding: 0 0 16px 0;
              border-bottom: 1px solid #E6E6E6; }
            #header #header_main .contents_wrapper #header_login_menu_pc_wrapper #header_login_menu_pc #hl_wrapper a {
              display: block;
              padding: 16px 0;
              font-size: 14px;
              color: #000;
              border-bottom: 1px solid #E6E6E6; }
              #header #header_main .contents_wrapper #header_login_menu_pc_wrapper #header_login_menu_pc #hl_wrapper a:last-of-type {
                padding: 16px 0 0 0;
                border-bottom: none; }
  #header #header_member {
    display: none;
    width: 100%;
    height: 60px;
    -webkit-transition: height 0.15s ease-in;
    transition: height 0.15s ease-in;
    background: rgba(192, 80, 77, 0.8);
    white-space: nowrap; }
    #header #header_member ul {
      margin: 0;
      padding: 18px 0;
      -webkit-transition: padding 0.15s ease-in;
      transition: padding 0.15s ease-in;
      text-align: center; }
      #header #header_member ul li {
        display: inline-block;
        padding: 4px 25px 0 25px;
        height: 18px;
        border-left: 1px solid #fff; }
        #header #header_member ul li:first-child {
          border-left: none; }
        #header #header_member ul li p {
          margin: -3px 0 0 0;
          padding: 0; }
          #header #header_member ul li p a {
            color: #fff; }
            #header #header_member ul li p a.selected {
              padding: 0 0 4px 0;
              border-bottom: 1px solid #fff; }
            #header #header_member ul li p a:hover {
              opacity: 0.5;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
              padding: 0 0 4px 0; }
  #header #header_main_menu_sp {
    display: none;
    position: fixed;
    top: 0;
    padding: 12px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    box-sizing: border-box; }
    #header #header_main_menu_sp #hm_close_sp {
      margin: 0 0 30px 0;
      width: 30px;
      height: 30px; }
  #header #header_login_menu_sp {
    display: none;
    position: fixed;
    top: 0;
    margin: 60px 0 0 0;
    padding: 12px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    box-sizing: border-box; }
    #header #header_login_menu_sp img {
      position: fixed;
      top: 48px;
      right: 16px; }
    #header #header_login_menu_sp #hl_title {
      margin: 32px 0 8px 0;
      font-size: 16px;
      color: #fff; }
    #header #header_login_menu_sp #hl_mail {
      box-sizing: border-box;
      margin: 0 0 32px 0;
      padding: 0 0 16px 0;
      width: 100%;
      font-size: 14px;
      color: #969696;
      border-bottom: 1px solid #969696; }
  #header .hm_search_sp {
    display: none;
    margin: 0 0 32px 0;
    padding: 0 0 16px 0;
    border-bottom: 1px solid #fff; }
    #header .hm_search_sp input {
      padding: 0 0 0 42px;
      width: 100%;
      height: 30px;
      font-size: 16px;
      font-weight: lighter;
      line-height: 30px;
      color: #fff;
      box-sizing: border-box;
      border: none;
      background: transparent url(/img/icon_search_sp.png) no-repeat left;
      background-size: 30px auto; }
      #header .hm_search_sp input:placeholder-shown {
        color: #fff; }
      #header .hm_search_sp input::-webkit-input-placeholder {
        color: #fff; }
      #header .hm_search_sp input:-moz-placeholder {
        color: #fff; }
      #header .hm_search_sp input::-moz-placeholder {
        color: #fff; }
      #header .hm_search_sp input:-ms-input-placeholder {
        color: #fff; }
      #header .hm_search_sp input.login_menu {
        padding: 0;
        background: transparent; }
  #header .hm_menu_area_sp a {
    display: block;
    float: left;
    margin: 0 0 32px 0;
    width: 50%;
    font-size: 16px;
    color: #fff; }
  #header #header_alert {
    display: none;
    width: 100%;
    height: 60px; }
    #header #header_alert #ha_error {
      display: none;
      width: 100%;
      height: 100%;
      background: #faf1f1; }
    #header #header_alert #ha_success {
      display: none;
      width: 100%;
      height: 100%;
      background: #d6eeed; }
      #header #header_alert #ha_success .ha_pc span {
        margin: 0 16px 0 0; }
        #header #header_alert #ha_success .ha_pc span a {
          color: #00938B; }
    #header #header_alert .ha_pc a:hover {
      opacity: 0.8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      text-decoration: underline; }
    #header #header_alert .ha_sp {
      display: none; }
    #header #header_alert p {
      margin: 0;
      height: 60px;
      text-align: center;
      line-height: 60px; }
      #header #header_alert p .icon_error {
        display: inline-block;
        position: relative;
        top: 8px;
        margin: 0 16px 0 0;
        width: 28px;
        height: 28px;
        background: url("/img/icon_error_full.png") no-repeat;
        background-size: 28px auto;
        background-position: left top; }
        #header #header_alert p .icon_error:hover {
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          background-position: left bottom; }
      #header #header_alert p .icon_success {
        display: inline-block;
        position: relative;
        top: 8px;
        margin: 0 16px 0 0;
        width: 28px;
        height: 28px;
        background: url("/img/icon_success.png") no-repeat;
        background-size: 28px auto;
        background-position: left top; }
        #header #header_alert p .icon_success:hover {
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          background-position: left bottom; }
      #header #header_alert p span {
        display: inline-block;
        height: 60px; }
  #header.sticky {
    /*
		#header_member
		{
			height: 40px;
			
			ul
			{
				padding: 8px 0;
			}
		}
		*/ }
    #header.sticky #header_main {
      height: 80px;
      -webkit-transition: height 0.15s ease-in;
      transition: height 0.15s ease-in;
      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); }
      #header.sticky #header_main .contents_wrapper {
        padding: 16px 10px 0 10px; }
        #header.sticky #header_main .contents_wrapper #header_login_wrapper {
          top: 20px; }
      #header.sticky #header_main #header_search_pc {
        padding: 23px 10px 0 10px; }
        #header.sticky #header_main #header_search_pc #hs_result_pc {
          margin: 80px 0 0 0; }
          #header.sticky #header_main #header_search_pc #hs_result_pc .contents_wrapper {
            padding: 32px 10px; }

.wrapper {
  padding: 200px 0 0 0; }

.contents_wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0 10px;
  width: 100%;
  max-width: 1100px;
  box-sizing: border-box; }
  .contents_wrapper.c160 {
    margin: 0 auto 160px auto; }

.column {
  position: relative;
  width: 100%; }
  .column h2 {
    margin: 0 0 64px 0; }
    .column h2.m0 {
      margin: 0; }
    .column h2 span.result_txt {
      margin: 0 0 0 20px;
      font-size: 14px;
      color: #969696; }
  .column .column2_L {
    float: left;
    width: 600px; }
  .column .column2_R {
    float: right;
    top: 0;
    right: 0;
    width: 350px; }

.cell {
  position: relative; }
  .cell.s {
    margin: 0 0 64px 0; }
    .cell.s .cell_contents {
      border-bottom: none; }
  .cell.m {
    margin: 0 0 120px 0; }
    .cell.m .cell_contents {
      min-height: 150px; }
      .cell.m .cell_contents p {
        width: 50%; }
  .cell .cell_contents {
    padding: 0 0 16px 0;
    width: 100%;
    border-bottom: 1px solid #E6E6E6; }
    .cell .cell_contents p {
      width: 100%; }
      .cell .cell_contents p a {
        color: #000; }
        .cell .cell_contents p a:hover {
          color: #969696;
          text-decoration: underline; }
    .cell .cell_contents .cell_thumbnail {
      position: absolute;
      top: 0;
      right: 0; }
      .cell .cell_contents .cell_thumbnail img {
        width: 150px;
        height: auto; }
  .cell .cell_footer {
    position: relative;
    margin: 16px 0 0 0;
    *zoom: 1; }
    .cell .cell_footer .cell_category {
      float: left;
      width: 150px; }
    .cell .cell_footer .cell_tag {
      float: right;
      width: 350px;
      text-align: right; }
    .cell .cell_footer a {
      color: #000; }
      .cell .cell_footer a:hover {
        color: #969696;
        text-decoration: underline; }
  .cell .cell_footer:before,
  .cell .cell_footer:after {
    content: " ";
    display: table; }
  .cell .cell_footer:after {
    clear: both; }
  .cell .cell_footer_edit {
    margin: 32px 0 0 0; }

.items_wrapper .items {
  position: relative;
  float: left;
  box-sizing: border-box;
  border-bottom: 1px solid #E6E6E6; }
  .items_wrapper .items.c3 {
    width: 33.3%; }
    .items_wrapper .items.c3 .item_cell {
      width: 294px; }
    .items_wrapper .items.c3:nth-of-type(3n + 1) .item_cell {
      margin: 64px 0; }
    .items_wrapper .items.c3:nth-of-type(3n + 2) .item_cell {
      margin: 64px auto; }
    .items_wrapper .items.c3:nth-of-type(3n) .item_cell {
      margin: 64px 0 64px auto; }
  .items_wrapper .items.c4 {
    width: 25%; }
    .items_wrapper .items.c4 .item_cell {
      width: 230px; }
    .items_wrapper .items.c4:nth-of-type(4n + 1) .item_cell {
      margin: 64px 0; }
    .items_wrapper .items.c4:nth-of-type(4n + 2) .item_cell {
      margin: 64px auto; }
    .items_wrapper .items.c4:nth-of-type(4n + 3) .item_cell {
      margin: 64px auto; }
    .items_wrapper .items.c4:nth-of-type(4n) .item_cell {
      margin: 64px 0 64px auto; }
  .items_wrapper .items .item_block {
    margin: 0 0 64px 0; }
    .items_wrapper .items .item_block a {
      color: #000; }
    .items_wrapper .items .item_block p a:hover {
      color: #969696;
      text-decoration: underline; }
  .items_wrapper .items .item_img {
    float: right;
    margin: 0 0 0 16px;
    width: 60px;
    height: auto; }
  .items_wrapper .items p {
    margin: 0; }
    .items_wrapper .items p.item_read {
      margin: 0 0 16px 0;
      font-style: italic; }
      .items_wrapper .items p.item_read a {
        color: #000; }
        .items_wrapper .items p.item_read a:hover {
          color: #969696;
          text-decoration: underline; }

.items_wrapper.carousel {
  position: relative;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  /* Optional: When heavy at iOS6+ */ }
  .items_wrapper.carousel .carousel_wrapper {
    width: 100%; }
    .items_wrapper.carousel .carousel_wrapper:after {
      content: '';
      display: block;
      clear: both;
      height: 0; }
    .items_wrapper.carousel .carousel_wrapper .items.carousel_cell {
      width: 270px;
      border-bottom: none; }
      .items_wrapper.carousel .carousel_wrapper .items.carousel_cell .item_cell {
        width: 230px; }
  .items_wrapper.carousel .carousel_empty {
    display: none;
    margin: 68px 0 0 0; }
    .items_wrapper.carousel .carousel_empty p {
      color: #969696; }

.items_wrapper .erase_border {
  border: none; }

.carousel_ui {
  z-index: 999;
  box-sizing: border-box;
  display: none;
  position: relative;
  margin: 0;
  padding: 0;
  top: 0;
  width: 100%; }
  .carousel_ui .cursor_s_prev {
    position: absolute;
    left: -40px; }
  .carousel_ui .cursor_s_next {
    position: absolute;
    right: -40px; }

#footer {
  position: static;
  bottom: 0;
  width: 100%;
  margin: 176px 0 0 0;
  padding: 40px 0;
  background: #E6E6E6; }
  #footer a {
    margin: 0;
    padding: 0;
    color: #000; }
    #footer a:hover {
      color: #969696;
      text-decoration: underline; }
  #footer .contents_wrapper #footer_PC #footer_breadcrumb {
    width: 100%;
    padding: 0 0 16px 0;
    border-bottom: 1px solid #969696; }
    #footer .contents_wrapper #footer_PC #footer_breadcrumb span {
      margin: 0 16px 0 0; }
  #footer .contents_wrapper #footer_PC #footer_copyright {
    position: relative;
    margin: 16px 0 0 0; }
    #footer .contents_wrapper #footer_PC #footer_copyright #footer_menu {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0;
      padding: 0;
      text-align: center; }
      #footer .contents_wrapper #footer_PC #footer_copyright #footer_menu li {
        display: inline-block;
        padding: 0 40px;
        border-left: 1px solid #969696; }
        #footer .contents_wrapper #footer_PC #footer_copyright #footer_menu li:first-child {
          border-left: none; }
        #footer .contents_wrapper #footer_PC #footer_copyright #footer_menu li:last-child {
          padding: 0 0 0 40px; }
        #footer .contents_wrapper #footer_PC #footer_copyright #footer_menu li p {
          margin: 0;
          padding: 2px 0 0 0; }
          #footer .contents_wrapper #footer_PC #footer_copyright #footer_menu li p a {
            color: #fff; }
            #footer .contents_wrapper #footer_PC #footer_copyright #footer_menu li p a.selected {
              padding: 2px 0 4px 0;
              border-bottom: 1px solid #fff; }
  #footer .contents_wrapper #footer_SP {
    text-align: center; }
    #footer .contents_wrapper #footer_SP a {
      margin: 0 24px 0 0; }
      #footer .contents_wrapper #footer_SP a:last-of-type {
        margin: 0; }
    #footer .contents_wrapper #footer_SP #footer_sp_copyright {
      margin: 32px 0 0 0; }

.btn_arrow_s {
  display: inline-block;
  height: 16px;
  font-size: 14px;
  font-weight: normal;
  color: #C0504D;
  line-height: 16px;
  padding: 0 16px 0 0;
  background: url(/img/arrow_small_right.png) no-repeat top right;
  background-size: 8px auto; }
  .btn_arrow_s:hover {
    color: #d69592;
    text-decoration: underline; }

.btn_line {
  display: inline-block;
  height: 26px;
  font-size: 18px;
  font-weight: normal;
  line-height: 26px;
  color: #C0504D;
  padding: 0 42px 0 0;
  background: url(/img/icon_button_line.png) no-repeat top right;
  background-size: 26px auto;
  /*
	&:hover
	{
		background-position: right bottom;
	}
	*/ }
  .btn_line:hover {
    color: #d69592;
    text-decoration: underline;
    background-position: bottom right; }

.tag_btns a {
  float: left;
  display: block;
  margin: 0 14px 14px 0;
  padding: 5px 24px;
  font-size: 14px;
  color: #000;
  border: 1px solid #969696;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px; }
  .tag_btns a:hover, .tag_btns a.selected {
    color: #fff;
    border: 1px solid #C0504D;
    background: #C0504D; }

.radius_btn_normal {
  display: block;
  box-sizing: border-box;
  padding: 18px;
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  color: #000;
  text-align: center;
  border: 1px solid #969696;
  border-radius: 4px; }
  .radius_btn_normal.redline {
    color: #C0504D;
    border: 1px solid #C0504D; }
  .radius_btn_normal.ready {
    color: #000; }
  .radius_btn_normal.selected {
    color: #000;
    border: 1px solid #C0504D; }

.radius_btn_red {
  box-sizing: border-box;
  display: block;
  padding: 18px;
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  border: 1px solid #C0504D;
  border-radius: 4px;
  background: #C0504D; }
  .radius_btn_red:hover {
    color: #C0504D;
    background: #fff; }

.radius_btn_white {
  box-sizing: border-box;
  padding: 18px;
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  color: #000;
  text-align: center;
  border: 1px solid #969696;
  border-radius: 4px; }
  .radius_btn_white:hover {
    color: #fff;
    background: #969696; }

.cursor_s_prev {
  display: block;
  width: 16px;
  height: 32px;
  background: url("/img/arrow_small_left.png") no-repeat;
  background-position: bottom; }

.cursor_s_next {
  display: block;
  width: 16px;
  height: 32px;
  background: url("/img/arrow_small_right.png") no-repeat;
  background-position: bottom; }

h2 {
  margin: 0;
  font-size: 28px;
  font-weight: lighter; }

h4 {
  margin: 0;
  font-size: 18px;
  font-weight: lighter; }

h5 {
  margin: 0;
  font-size: 18px;
  font-weight: lighter; }
  h5 a {
    color: #000; }
    h5 a:hover {
      color: #969696;
      text-decoration: underline; }

p {
  font-size: 14px; }

span {
  font-size: 14px; }

.sfont {
  font-size: 12px; }

.wn {
  font-weight: normal; }

.gray {
  color: #969696; }

.icon_title_s {
  overflow: hidden;
  margin: 0 0 64px 0;
  height: 28px; }
  .icon_title_s img {
    margin: 0 16px 0 0;
    vertical-align: top;
    width: 28px;
    height: auto; }
  .icon_title_s h5 {
    display: inline;
    line-height: 28px; }

.date {
  margin: 0 0 8px 0;
  font-style: italic; }
  .date span {
    padding: 0 8px; }
    .date span:first-child {
      padding: 0 8px 0 0; }
  .date p {
    padding: 0 0 8px 0; }
  .date.detail {
    margin: 0 0 32px 0;
    font-style: italic; }

.tags {
  margin: 0 0 32px 0;
  padding: 0 0 32px 0;
  width: 100%;
  border-bottom: 1px solid #E6E6E6; }
  .tags .tags_wrapper {
    float: left; }
    .tags .tags_wrapper span {
      font-weight: lighter; }
  .tags .tags_btns {
    float: right; margin-top: 24px;}
    .tags .tags_btns .tags_save_list_btn {
      display: inline-block;
      margin: 0 32px 0 0;
      padding: 0 0 0 44px;
      height: 28px;
      line-height: 28px;
      background: url("/img/icon_like.png") no-repeat;
      background-size: 28px auto;
      background-position: top left; }
      .tags .tags_btns .tags_save_list_btn:hover {
        background-position: bottom left; }
    .tags .tags_btns .tags_download_btn {
      display: inline-block;
      margin: 0 32px 0 0;
      padding: 0 0 0 44px;
      height: 28px;
      line-height: 28px;
      background: url("/img/icon_download.png") no-repeat;
      background-size: 28px auto;
      background-position: top left; }
      .tags .tags_btns .tags_download_btn.workbook {
        margin: 0; }
      .tags .tags_btns .tags_download_btn:hover {
        background-position: bottom left; }
  .tags a {
    color: #000;
    font-size: 14px; }
    .tags a:hover {
      color: #969696;
      text-decoration: underline; }

.cf:before,
.cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

.erase_border {
  border: none; }

.sp_btn {
  border: none;
  color: #000; }

a {
  border: none; }

.modal_wrapper {
  display: none;
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9); }
  .modal_wrapper.open {
    display: inline; }
  .modal_wrapper .modal_base {
    display: none;
    padding: 56px 40px; }
    .modal_wrapper .modal_base.open {
      display: inline; }
    .modal_wrapper .modal_base.md_login_error {
      position: absolute;
      box-sizing: border-box;
      margin: auto;
      padding: 40px;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 450px;
      height: 345px;
      background: #fff; }
      .modal_wrapper .modal_base.md_login_error h5 {
        margin: 40px 0 34px 0;
        padding: 0;
        border-bottom: none; }
      .modal_wrapper .modal_base.md_login_error div {
        margin: 0 0 34px 0;
        padding: 0 0 34px 0;
        font-size: 14px;
        border-bottom: 1px solid #E6E6E6; }
      .modal_wrapper .modal_base.md_login_error p {
        font-size: 14px; }
    .modal_wrapper .modal_base.save_list {
      position: absolute;
      box-sizing: border-box;
      margin: auto;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 495px;
      height: 632px;
      background: #fff; }
      .modal_wrapper .modal_base.save_list.zero {
        height: 356px; }
      .modal_wrapper .modal_base.save_list .save_list_zero {
        margin: 0 0 36px 0;
        font-size: 14px; }
      .modal_wrapper .modal_base.save_list .btn_wrapper {
        width: 100%; }
        .modal_wrapper .modal_base.save_list .btn_wrapper .radius_btn_normal {
          display: none; }
      .modal_wrapper .modal_base.save_list .sl_create_wrapper {
        margin: 0;
        padding: 32px 0 0 0;
        border-top: 1px solid #E6E6E6; }
        .modal_wrapper .modal_base.save_list .sl_create_wrapper .sl_create_cell {
          position: relative;
          width: 100%;
          height: 60px; }
          .modal_wrapper .modal_base.save_list .sl_create_wrapper .sl_create_cell.edit .sl_create_title {
            display: none; }
          .modal_wrapper .modal_base.save_list .sl_create_wrapper .sl_create_cell.edit .sl_create_tag {
            display: inline; }
          .modal_wrapper .modal_base.save_list .sl_create_wrapper .sl_create_cell .sl_create_title {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            font-size: 18px;
            color: #C0504D;
            line-height: 60px; }
          .modal_wrapper .modal_base.save_list .sl_create_wrapper .sl_create_cell .sl_create_tag {
            display: block;
            display: none; }
            .modal_wrapper .modal_base.save_list .sl_create_wrapper .sl_create_cell .sl_create_tag input {
              width: 85%; }
          .modal_wrapper .modal_base.save_list .sl_create_wrapper .sl_create_cell .sl_create_add {
            display: block;
            position: absolute;
            top: 16px;
            right: 0;
            width: 28px;
            height: 28px;
            background: url("/img/icon_plus_minus.png") no-repeat;
            background-size: 28px auto;
            background-position: top; }
    .modal_wrapper .modal_base.edit_list {
      position: absolute;
      box-sizing: border-box;
      margin: auto;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 450px;
      height: 582px;
      background: #fff; }
      .modal_wrapper .modal_base.edit_list h5 {
        margin: 0 0 32px 0;
        padding: 40px 0 0 0;
        font-weight: lighter;
        border-bottom: none; }
      .modal_wrapper .modal_base.edit_list .list_name_form {
        margin: 0 0 32px 0;
        padding: 0 0 32px 0;
        border-bottom: 1px solid #E6E6E6; }
      .modal_wrapper .modal_base.edit_list .color_wrapper {
        margin: 0 0 32px 0;
        padding: 0 0 18px 0;
        border-bottom: 1px solid #E6E6E6; }
        .modal_wrapper .modal_base.edit_list .color_wrapper h5 {
          margin: 0 0 32px 0;
          padding: 0; }
        .modal_wrapper .modal_base.edit_list .color_wrapper .color_chip {
          float: left;
          margin: 0 14px 14px 0;
          padding: 0;
          width: 82px;
          height: 40px;
          border-radius: 4px; }
          .modal_wrapper .modal_base.edit_list .color_wrapper .color_chip:nth-of-type(4n) {
            margin: 0 0 14px 0; }
          .modal_wrapper .modal_base.edit_list .color_wrapper .color_chip.color01 {
            background: #C0504D; }
          .modal_wrapper .modal_base.edit_list .color_wrapper .color_chip.color02 {
            background: #DCA6A5; }
          .modal_wrapper .modal_base.edit_list .color_wrapper .color_chip.color03 {
            background: #D8D8D8; }
          .modal_wrapper .modal_base.edit_list .color_wrapper .color_chip.color04 {
            background: #00938B; }
          .modal_wrapper .modal_base.edit_list .color_wrapper .color_chip.color05 {
            background: #F0800F; }
          .modal_wrapper .modal_base.edit_list .color_wrapper .color_chip.color06 {
            background: #F8E71C; }
          .modal_wrapper .modal_base.edit_list .color_wrapper .color_chip.color07 {
            background: #4A90E2; }
          .modal_wrapper .modal_base.edit_list .color_wrapper .color_chip.color08 {
            background: #417505; }
        .modal_wrapper .modal_base.edit_list .color_wrapper input[type=radio] {
          width: 100%;
          height: 100%;
          border: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none; }
        .modal_wrapper .modal_base.edit_list .color_wrapper input[type=radio]:checked {
          background: url("/img/check_bg.png") no-repeat;
          background-position: center 10px; }
      .modal_wrapper .modal_base.edit_list .btn_wrapper {
        width: 100%; }
        .modal_wrapper .modal_base.edit_list .btn_wrapper .save_btn {
          float: left;
          width: 48.5%; }
        .modal_wrapper .modal_base.edit_list .btn_wrapper .cancel_btn {
          float: right;
          width: 48.5%; }
      .modal_wrapper .modal_base.edit_list .delete_wrapper {
        display: none; }
    .modal_wrapper .modal_base.create_list {
      position: absolute;
      box-sizing: border-box;
      margin: auto;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 450px;
      height: 582px;
      background: #fff; }
      .modal_wrapper .modal_base.create_list h5 {
        margin: 0 0 32px 0;
        padding: 40px 0 0 0;
        font-weight: lighter;
        border-bottom: none; }
      .modal_wrapper .modal_base.create_list .list_name_form {
        margin: 0 0 32px 0;
        padding: 0 0 32px 0;
        border-bottom: 1px solid #E6E6E6; }
      .modal_wrapper .modal_base.create_list .color_wrapper {
        margin: 0 0 32px 0;
        padding: 0 0 18px 0;
        border-bottom: 1px solid #E6E6E6; }
        .modal_wrapper .modal_base.create_list .color_wrapper h5 {
          margin: 0 0 32px 0;
          padding: 0; }
        .modal_wrapper .modal_base.create_list .color_wrapper .color_chip {
          float: left;
          margin: 0 14px 14px 0;
          padding: 0;
          width: 82px;
          height: 40px;
          border-radius: 4px; }
          .modal_wrapper .modal_base.create_list .color_wrapper .color_chip:nth-of-type(4n) {
            margin: 0 0 14px 0; }
          .modal_wrapper .modal_base.create_list .color_wrapper .color_chip.color01 {
            background: #C0504D; }
          .modal_wrapper .modal_base.create_list .color_wrapper .color_chip.color02 {
            background: #DCA6A5; }
          .modal_wrapper .modal_base.create_list .color_wrapper .color_chip.color03 {
            background: #D8D8D8; }
          .modal_wrapper .modal_base.create_list .color_wrapper .color_chip.color04 {
            background: #00938B; }
          .modal_wrapper .modal_base.create_list .color_wrapper .color_chip.color05 {
            background: #F0800F; }
          .modal_wrapper .modal_base.create_list .color_wrapper .color_chip.color06 {
            background: #F8E71C; }
          .modal_wrapper .modal_base.create_list .color_wrapper .color_chip.color07 {
            background: #4A90E2; }
          .modal_wrapper .modal_base.create_list .color_wrapper .color_chip.color08 {
            background: #417505; }
        .modal_wrapper .modal_base.create_list .color_wrapper input[type=radio] {
          width: 100%;
          height: 100%;
          border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
        .modal_wrapper .modal_base.create_list .color_wrapper input[type=radio]:checked {
          background: url("/img/check_bg.png") no-repeat;
          background-position: center 10px; }
      .modal_wrapper .modal_base.create_list .btn_wrapper {
        width: 100%; }
        .modal_wrapper .modal_base.create_list .btn_wrapper .save_btn {
          float: left;
          width: 48.5%; }
        .modal_wrapper .modal_base.create_list .btn_wrapper .cancel_btn {
          float: right;
          width: 48.5%; }
      .modal_wrapper .modal_base.create_list .delete_wrapper {
        display: none; }
    .modal_wrapper .modal_base.delete_list {
      position: absolute;
      box-sizing: border-box;
      margin: auto;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 450px;
      height: 316px;
      background: #fff; }
      .modal_wrapper .modal_base.delete_list h5 {
        margin: 0 0 46px 0;
        padding: 0;
        border-bottom: none; }
      .modal_wrapper .modal_base.delete_list p {
        margin: 0 0 36px 0;
        padding: 0;
        font-size: 14px; }
      .modal_wrapper .modal_base.delete_list .btn_wrapper {
        width: 100%; }
        .modal_wrapper .modal_base.delete_list .btn_wrapper .delete_btn {
          float: left;
          width: 48.5%; }
        .modal_wrapper .modal_base.delete_list .btn_wrapper .cancel_btn {
          float: right;
          width: 48.5%; }
    .modal_wrapper .modal_base.change_list {
      position: absolute;
      box-sizing: border-box;
      margin: auto;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 450px;
      height: 316px;
      background: #fff; }
      .modal_wrapper .modal_base.change_list h5 {
        margin: 0 0 32px 0;
        padding: 0;
        border-bottom: none; }
      .modal_wrapper .modal_base.change_list .change_text_wrapper {
        margin: 0 0 32px 0;
        padding: 0; }
      .modal_wrapper .modal_base.change_list .btn_wrapper {
        width: 100%; }
        .modal_wrapper .modal_base.change_list .btn_wrapper .delete_btn {
          float: left;
          width: 48.5%; }
        .modal_wrapper .modal_base.change_list .btn_wrapper .cancel_btn {
          float: right;
          width: 48.5%; }
    .modal_wrapper .modal_base.update_list {
      position: absolute;
      box-sizing: border-box;
      margin: auto;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 450px;
      height: 232px;
      background: #fff; }
      .modal_wrapper .modal_base.update_list p {
        margin: 20px 0 36px 0;
        padding: 0;
        font-size: 14px; }
      .modal_wrapper .modal_base.update_list .btn_wrapper {
        width: 100%; }
        .modal_wrapper .modal_base.update_list .btn_wrapper .delete_btn {
          float: left;
          width: 48.5%; }
        .modal_wrapper .modal_base.update_list .btn_wrapper .cancel_btn {
          float: right;
          width: 48.5%; }
    .modal_wrapper .modal_base .cancel_btn:hover {
      color: white;
      background: #969696; }
    .modal_wrapper .modal_base .modal_close {
      display: block;
      position: absolute;
      top: 40px;
      right: 40px;
      padding: 0;
      margin: 0;
      width: 28px;
      height: 28px;
      background: url("/img/modal_close_btn.png") no-repeat;
      background-size: 28px auto; }
    .modal_wrapper .modal_base h5 {
      margin: 0 0 32px 0;
      padding: 40px 0 36px 0;
      font-weight: normal;
      border-bottom: 1px solid #E6E6E6; }
    .modal_wrapper .modal_base .scroll_list {
      overflow: auto;
      margin: 0 0 32px 0;
      width: 100%;
      height: 204px;
      font-size: 14px; }
      .modal_wrapper .modal_base .scroll_list .scroll_cell {
        margin: 8px 0; }
      .modal_wrapper .modal_base .scroll_list input {
        margin: 0 16px 16px 0; }
    .modal_wrapper .modal_base .radius_btn_red {
      margin: 0 0 32px 0;
      color: #fff; }
      .modal_wrapper .modal_base .radius_btn_red:hover {
        color: #C0504D;
        text-decoration: none; }

input[type=text] {
  box-sizing: border-box;
  padding: 18px;
  width: 100%;
  font-size: 14px;
  font-weight: lighter;
  border: 1px solid #969696;
  border-radius: 4px; }
  input[type=text]:focus {
    border: 1px solid #C0504D; }
  input[type=text].icon_mail {
    padding: 18px 18px 18px 56px;
    background: url("/img/icon_mail_line.png") no-repeat;
    background-size: 26px auto;
    background-position: 14px 14px; }
    input[type=text].icon_mail:focus {
      background: url("/img/icon_mail_line_red.png") no-repeat;
      background-size: 26px auto;
      background-position: 14px 14px; }
  input[type=text].icon_name {
    padding: 18px 18px 18px 56px;
    background: url("/img/icon_user_line.png") no-repeat;
    background-size: 26px auto;
    background-position: 14px 14px; }
  input[type=text].icon_company {
    padding: 18px 18px 18px 56px;
    background: url("/img/icon_company_line.png") no-repeat;
    background-size: 26px auto;
    background-position: 14px 14px; }

input[type=password] {
  box-sizing: border-box;
  padding: 18px;
  width: 100%;
  font-size: 14px;
  font-weight: lighter;
  border: 1px solid #969696;
  border-radius: 4px; }
  input[type=password]:focus {
    border: 1px solid #C0504D; }
  input[type=password].icon_password {
    padding: 18px 18px 18px 56px;
    background: url("/img/icon_pass_line.png") no-repeat;
    background-size: 26px auto;
    background-position: 14px 14px; }
    input[type=password].icon_password:focus {
      background: url("/img/icon_pass_line_red.png") no-repeat;
      background-size: 26px auto;
      background-position: 14px 14px; }

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  padding: 18px;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: lighter;
  color: #000;
  border: 1px solid #969696;
  border-radius: 4px;
  background: #fff url(/img/icon_triangle_down.png) no-repeat;
  background-position: right center;
  background-size: 32px auto; }
  select.redline {
    color: #C0504D;
    border: 1px solid #C0504D; }
  select.ready {
    color: #000; }
  select.selected {
    color: #000;
    border: 1px solid #C0504D; }
  select.placeholder {
    color: #969696; }
  select.icon_job {
    padding: 18px 18px 18px 56px;
    background-image: url("/img/icon_role_line.png"), url(/img/icon_triangle_down.png);
    background-repeat: no-repeat, no-repeat;
    background-size: 26px auto, 32px auto;
    background-position: 14px 14px, right center; }

select::-ms-expand {
  display: none; }

select:focus {
  outline: none; }

.checkbox {
  position: relative; }
  .checkbox input[type=checkbox] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .checkbox input[type=checkbox] + label {
    display: block;
    padding: 0 0 0 44px;
    height: 28px;
    line-height: 28px;
    background: url("/img/checkbox.png") no-repeat;
    background-size: 28px auto;
    background-position: top left; }
  .checkbox input[type=checkbox]:checked + label {
    background-position: bottom left; }

input:focus {
  outline: 0;
  border: none; }
  input:focus:placeholder-shown {
    font-weight: lighter; }
  input:focus::-webkit-input-placeholder {
    font-weight: lighter; }
  input:focus:-moz-placeholder {
    font-weight: lighter;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  input:focus::-moz-placeholder {
    font-weight: lighter;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  input:focus:-ms-input-placeholder {
    font-weight: lighter; }

.f_cell {
  margin: 0 0 36px 0; }
  .f_cell.forgot {
    margin: 0 0 72px 0;
    padding: 0 0 36px 0;
    border-bottom: 1px solid #E6E6E6; }
    .f_cell.forgot a {
      font-size: 14px; }
  .f_cell.contact a {
    font-size: 18px; }
  .f_cell.error p {
    color: #C0504D; }
  .f_cell.error .error_msg {
    display: inline-block; }
  .f_cell.error input[type=text] {
    border: 1px solid #C0504D; }
    .f_cell.error input[type=text]:placeholder-shown {
      color: #C0504D; }
    .f_cell.error input[type=text]::-webkit-input-placeholder {
      color: #C0504D; }
    .f_cell.error input[type=text]:-moz-placeholder {
      color: #C0504D; }
    .f_cell.error input[type=text]::-moz-placeholder {
      color: #C0504D; }
    .f_cell.error input[type=text]:-ms-input-placeholder {
      color: #C0504D; }
  .f_cell.error input[type=password] {
    border: 1px solid #C0504D; }
    .f_cell.error input[type=password]:placeholder-shown {
      color: #C0504D; }
    .f_cell.error input[type=password]::-webkit-input-placeholder {
      color: #C0504D; }
    .f_cell.error input[type=password]:-moz-placeholder {
      color: #C0504D; }
    .f_cell.error input[type=password]::-moz-placeholder {
      color: #C0504D; }
    .f_cell.error input[type=password]:-ms-input-placeholder {
      color: #C0504D; }
  .f_cell.error .icon_mail {
    background: url("/img/icon_mail_line_red.png") no-repeat;
    background-size: 26px auto;
    background-position: 14px 14px; }
  .f_cell.error .icon_password {
    background: url("/img/icon_pass_line_red.png") no-repeat;
    background-size: 26px auto;
    background-position: 14px 14px; }
  .f_cell.reset_pass {
    margin: 64px 0;
    padding: 0 0 64px 0;
    border-bottom: 1px solid #E6E6E6; }
  .f_cell.m64 {
    margin: 64px 0; }
  .f_cell .error_msg {
    display: none;
    margin: 8px 0 0 0;
    font-size: 14px;
    font-weight: lighter;
    color: #C0504D; }
  .f_cell p {
    margin: 0 0 18px 0;
    padding: 0; }
  .f_cell a:hover {
    color: #d69592;
    text-decoration: underline; }

.hw100 {
  display: table;
  width: 100%;
  height: 100%; }
  .hw100 .hw100_cell {
    display: table-cell;
    vertical-align: middle; }
    .hw100 .hw100_cell img {
      display: block;
      margin: 0 auto 68px auto; }
    .hw100 .hw100_cell h3 {
      margin: 0;
      padding: 0;
      font-size: 28px;
      font-weight: normal;
      text-align: center; }

.alert_distance {
  margin: 0;
  padding: 0;
  height: 60px;
  width: 100%; }

@media screen and (min-width: 1099px) {
  html, body {
    margin: 0; }
  .items_wrapper.carousel .carousel_wrapper .items.carousel_cell:nth-of-type(4n + 1) .item_cell {
    margin: 64px 0; }
  .items_wrapper.carousel .carousel_wrapper .items.carousel_cell:nth-of-type(4n + 2) .item_cell {
    margin: 64px auto; }
  .items_wrapper.carousel .carousel_wrapper .items.carousel_cell:nth-of-type(4n + 3) .item_cell {
    margin: 64px auto; }
  .items_wrapper.carousel .carousel_wrapper .items.carousel_cell:nth-of-type(4n) .item_cell {
    margin: 64px 0 64px auto; }
  .wpb_wrapper h1 {
    font-size: 60pt; }
  .wpb_wrapper h2 {
    font-size: 48pt; }
  .wpb_wrapper h3 {
    font-size: 28pt; }
  .wpb_wrapper h4 {
    font-size: 24pt; }
  .wpb_wrapper h5 {
    font-size: 18pt; } }

@media screen and (max-width: 1099px) {
  html, body {
    margin: 0; }
  #header #header_main .contents_wrapper #header_logo {
    margin: 8px 0 0 0;
    width: 130px; }
  #header #header_main .contents_wrapper ul li {
    margin: 0 20px 0 0; }
  #header #header_main .contents_wrapper ul li h4 {
    font-size: 14px; }
  #header #header_main .contents_wrapper #header_login_wrapper #header_search {
    padding: 0 30px 0 0; }
  #header #header_main .contents_wrapper #header_login_wrapper #header_login {
    padding: 0 0 0 30px; }
  #header #header_member ul li {
    border-left: none;
    padding: 0 15px; }
  .cell.m .cell_contents p {
    width: 60%; }
  .items_wrapper .items.c3 {
    width: 50%; }
  .items_wrapper .items.c3 .item_cell {
    width: 95%; }
  .items_wrapper .items.c3:nth-of-type(3n + 1) .item_cell {
    margin: 64px 0; }
  .items_wrapper .items.c3:nth-of-type(3n + 2) .item_cell {
    margin: 64px 0; }
  .items_wrapper .items.c3:nth-of-type(3n) .item_cell {
    margin: 64px 0; }
  .items_wrapper .items.c3:nth-of-type(even) .item_cell {
    margin: 64px 0 64px auto; }
  .items_wrapper .items.c4 {
    width: 50%; }
  .items_wrapper .items.c4 .item_cell {
    width: 95%; }
  .items_wrapper .items.c4:nth-of-type(3n + 1) .item_cell {
    margin: 64px 0; }
  .items_wrapper .items.c4:nth-of-type(3n + 2) .item_cell {
    margin: 64px 0; }
  .items_wrapper .items.c4:nth-of-type(3n) .item_cell {
    margin: 64px 0; }
  .items_wrapper .items.c4:nth-of-type(even) .item_cell {
    margin: 64px 0 64px auto; }
  .items_wrapper.carousel .carousel_wrapper .items.carousel_cell {
    width: 50%; }
  .items_wrapper.carousel .carousel_wrapper .items.carousel_cell:nth-of-type(odd) .item_cell {
    margin: 64px auto 64px auto; }
  .items_wrapper.carousel .carousel_wrapper .items.carousel_cell:nth-of-type(even) .item_cell {
    margin: 64px auto 64px auto; }
  .carousel_ui .cursor_s_prev {
    left: 10px; }
  .carousel_ui .cursor_s_next {
    right: 0px; }
  .erase_not_L {
    display: none; }
  .fullsize_not_L {
    width: 100%; }
  .fullsize_not_L.column2_L {
    width: 100%; }
  .wpb_wrapper h1 {
    font-size: 60pt; }
  .wpb_wrapper h2 {
    font-size: 48pt; }
  .wpb_wrapper h3 {
    font-size: 28pt; }
  .wpb_wrapper h4 {
    font-size: 24pt; }
  .wpb_wrapper h5 {
    font-size: 18pt; } }

@media screen and (max-width: 767px) {
  html, body {
    margin: 0; }
  body.login #header #header_main .contents_wrapper #header_login_wrapper #header_search {
    display: none; }
  body.login #header #header_main .contents_wrapper #header_login_wrapper #header_login #header_login_status {
    font-size: 14px;
    line-height: 30px;
    background: #00938B;
    border-radius: 30px; }
  body.login .wrapper {
    padding: 160px 0 0 0; }
  #header #header_main {
    height: 60px; }
  #header #header_main .contents_wrapper {
    padding: 8px 10px 0 10px; }
  #header #header_main .contents_wrapper #header_logo {
    position: static;
    margin: 8px auto 0 auto; }
  #header #header_main .contents_wrapper #header_login_wrapper {
    top: 15px;
    right: 0; }
  #header #header_main .contents_wrapper #header_login_wrapper #header_login #header_login_status {
    margin: 0 13px 0 0;
    width: 30px;
    height: 30px;
    background-size: 30px auto; }
  #header #header_alert .ha_pc {
    display: none; }
  #header #header_alert .ha_sp {
    display: block; }
  #header.sticky #header_main {
    height: 60px; }
  #header.sticky #header_main .contents_wrapper {
    padding: 8px 10px 0 10px; }
  #header.sticky #header_main .contents_wrapper #header_login_wrapper {
    top: 15px; }
  .wrapper {
    padding: 120px 0 0 0; }
  .contents_wrapper.c160 {
    margin: 0 auto 80px auto;
    padding: 0 10px 80px 10px;
    border-bottom: 1px solid #E6E6E6; }
  .column {
    overflow: hidden; }
  .column h2 {
    margin: 0 0 35px 0; }
  .column h2.detail {
    margin: 0 0 20px 0;
    font-weight: normal; }
  .cell.m {
    margin: 0 0 35px 0; }
  .cell.m .cell_contents {
    min-height: initial; }
  .cell.m .cell_contents p {
    width: 100%; }
  .cell .cell_contents {
    padding: 0 0 35px 0; }
  .cell .cell_contents.report {
    padding: 0 0 16px 0;
    border-bottom: none; }
  .cell .cell_contents .cell_contents_wrapper {
    display: table;
    padding: 0 20px 0 100px; }
  .cell .cell_contents .cell_contents_wrapper .date {
    display: table-footer-group; }
  .cell .cell_contents .cell_contents_wrapper .cell_contents_text {
    display: table-header-group; }
  .cell .cell_contents .cell_thumbnail {
    left: 0; }
  .cell .cell_contents .cell_thumbnail img {
    width: 80px; }
  .cell .cell_footer {
    display: none; }
  .cell .cell_footer_edit {
    margin: 0;
    padding: 0 0 32px 0;
    border-bottom: 1px solid #E6E6E6; }
  .cell .cell_footer_edit a {
    padding: 0;
    width: 28px;
    height: 28px;
    text-indent: 9999px; }
  .cell .cell_footer_edit a.icon_edit_btn {
    margin: 0 32px 0 100px; }
  .items_wrapper .items.c3 {
    width: 100%; }
  .items_wrapper .items.c3 .item_cell {
    width: 100%; }
  .items_wrapper .items.c3:nth-of-type(3n + 1) .item_cell {
    margin: 35px 0; }
  .items_wrapper .items.c3:nth-of-type(3n + 2) .item_cell {
    margin: 35px 0; }
  .items_wrapper .items.c3:nth-of-type(3n) .item_cell {
    margin: 35px 0; }
  .items_wrapper .items.c4 {
    width: 100%; }
  .items_wrapper .items.c4 .item_cell {
    width: 100%; }
  .items_wrapper .items.c4:nth-of-type(3n + 1) .item_cell {
    margin: 35px 0; }
  .items_wrapper .items.c4:nth-of-type(3n + 2) .item_cell {
    margin: 35px 0; }
  .items_wrapper .items.c4:nth-of-type(3n) .item_cell {
    margin: 35px 0; }
  .items_wrapper .items .item_block {
    padding: 0 0 35px 0;
    margin: 0 0 35px 0;
    border-bottom: 1px solid #E6E6E6; }
  .items_wrapper .items {
    border-bottom: none; }
  .items_wrapper .items .btn_line {
    display: none; }
  .items_wrapper.carousel .carousel_wrapper .items.carousel_cell {
    width: 100%; }
  .items_wrapper.carousel .carousel_wrapper .items.carousel_cell:nth-of-type(odd) .item_cell {
    margin: 32px auto; }
  .items_wrapper.carousel .carousel_wrapper .items.carousel_cell:nth-of-type(even) .item_cell {
    margin: 32px auto; }
  .items_wrapper.carousel .carousel_wrapper .items.carousel_cell .item_cell {
    position: relative;
    width: 85%; }
  .items_wrapper.carousel .carousel_wrapper .items.carousel_cell .item_cell .item_block {
    border-bottom: none; }
  .items_wrapper.carousel .carousel_wrapper .items.carousel_cell .item_cell .item_block img {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px; }
  .items_wrapper.carousel .carousel_wrapper .items.carousel_cell .item_cell .item_block .date {
    padding: 0 0 0 110px; }
  .items_wrapper.carousel .carousel_wrapper .items.carousel_cell .item_cell .item_block p {
    padding: 0 0 0 110px; }
  .items_wrapper.carousel .carousel_empty {
    margin: 36px 0 0 0;
    padding: 0 0 36px 0; }
  #footer {
    margin: 0; }
  .btn_line {
    position: relative;
    left: 32%;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    padding: 0 40px 0 0;
    background-size: 30px auto; }
  h2 {
    font-size: 16px; }
  h5 {
    font-size: 14px; }
  .icon_title_s {
    margin: 0 0 35px 0; }
  .date.detail {
    margin: 0 0 20px 0; }
  .tags .tags_wrapper span {
    color: #969696; }
  .tags .tags_wrapper span a {
    color: #969696; }
  .tags .tags_btns .tags_save_list_btn {
    margin: 0;
    padding: 0;
    width: 28px;
    text-indent: -9999px; }
  .tags .tags_btns .tags_download_btn {
    display: none; }
  .erase_not_S {
    display: none; }
  .modal_wrapper .modal_base.save_list {
    overflow-y: scroll;
    padding: 16px;
    width: 100%;
    height: 100%;
    background: none;
    bottom: auto; }
  .modal_wrapper .modal_base.save_list .modal_close {
    top: 16px;
    right: 16px;
    width: 30px;
    height: 30px;
    background: url("/img/modal_close_btn_sp.png") no-repeat;
    background-size: 30px auto; }
  .modal_wrapper .modal_base.save_list h5 {
    margin: 30px 0 8px 0;
    padding: 0;
    color: #fff;
    font-weight: lighter;
    border-bottom: none; }
  .modal_wrapper .modal_base.save_list .scroll_list {
    height: auto; }
  .modal_wrapper .modal_base.save_list .scroll_list .scroll_cell {
    margin: 20px 0; }
  .modal_wrapper .modal_base.save_list .scroll_list .scroll_cell label {
    font-weight: lighter;
    color: #fff; }
  .modal_wrapper .modal_base.save_list .sl_create_wrapper {
    margin: 0;
    padding: 16px 0 0 0; }
  .modal_wrapper .modal_base.save_list .sl_create_wrapper .sl_create_cell .sl_create_title {
    font-size: 14px; }
  .modal_wrapper .modal_base.save_list .btn_wrapper .radius_btn_normal {
    display: inline;
    float: left;
    width: 48%;
    background: #fff; }
  .modal_wrapper .modal_base.save_list .btn_wrapper .radius_btn_red {
    float: right;
    width: 48%; }
  .modal_wrapper .modal_base.save_list .save_list_zero {
    margin-top: 16px;
    padding-top: 32px;
    color: #fff;
    border-top: 1px solid #fff; }
  .modal_wrapper .modal_base.edit_list {
    overflow-y: auto;
    box-sizing: border-box;
    margin: 0;
    padding: 16px;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    bottom: auto; }
  .modal_wrapper .modal_base.edit_list .modal_close {
    top: 16px;
    right: 16px;
    width: 30px;
    height: 30px;
    background-size: 30px auto; }
  .modal_wrapper .modal_base.edit_list h5 {
    margin: 30px 0 32px 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    border-bottom: none; }
  .modal_wrapper .modal_base.edit_list .color_wrapper {
    margin: 0 0 32px 0;
    padding: 0 0 18px 0;
    border-bottom: 1px solid #E6E6E6; }
  .modal_wrapper .modal_base.edit_list .color_wrapper h5 {
    margin: 0 0 32px 0;
    padding: 0;
    font-size: 16px; }
  .modal_wrapper .modal_base.edit_list .color_wrapper .color_chip {
    float: left;
    margin: 0 3% 3% 0;
    padding: 0;
    width: 48.5%;
    height: 60px;
    border-radius: 4px; }
  .modal_wrapper .modal_base.edit_list .color_wrapper .color_chip:nth-of-type(odd) {
    margin: 0 3% 3% 0; }
  .modal_wrapper .modal_base.edit_list .color_wrapper .color_chip:nth-of-type(even) {
    margin: 0 0 3% 0; }
  .modal_wrapper .modal_base.edit_list .color_wrapper input[type=radio]:checked {
    background-position: center 20px; }
  .modal_wrapper .modal_base.edit_list .btn_wrapper {
    margin: 0 0 32px 0;
    padding: 0;
    border-bottom: 1px solid #E6E6E6; }
  .modal_wrapper .modal_base.edit_list .btn_wrapper .save_btn {
    width: 100%; }
  .modal_wrapper .modal_base.edit_list .btn_wrapper .cancel_btn {
    display: none; }
  .modal_wrapper .modal_base.edit_list .delete_wrapper {
    display: block; }
  .modal_wrapper .modal_base.edit_list .delete_wrapper h5 {
    margin: 0 0 24px 0;
    padding: 0; }
  .modal_wrapper .modal_base.edit_list .delete_wrapper p {
    margin: 0 0 24px 0;
    padding: 0; }
  .modal_wrapper .modal_base.edit_list .delete_wrapper .delete_btn {
    margin: 0 0 32px 0; }
  .modal_wrapper .modal_base.create_list {
    overflow-y: auto;
    box-sizing: border-box;
    margin: 0;
    padding: 16px;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    bottom: auto; }
  .modal_wrapper .modal_base.create_list .modal_close {
    top: 16px;
    right: 16px;
    width: 30px;
    height: 30px;
    background-size: 30px auto; }
  .modal_wrapper .modal_base.create_list h5 {
    margin: 30px 0 32px 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    border-bottom: none; }
  .modal_wrapper .modal_base.create_list .color_wrapper {
    margin: 0 0 32px 0;
    padding: 0 0 18px 0;
    border-bottom: 1px solid #E6E6E6; }
  .modal_wrapper .modal_base.create_list .color_wrapper h5 {
    margin: 0 0 32px 0;
    padding: 0;
    font-size: 16px; }
  .modal_wrapper .modal_base.create_list .color_wrapper .color_chip {
    float: left;
    margin: 0 3% 3% 0;
    padding: 0;
    width: 48.5%;
    height: 60px;
    border-radius: 4px; }
  .modal_wrapper .modal_base.create_list .color_wrapper .color_chip:nth-of-type(odd) {
    margin: 0 3% 3% 0; }
  .modal_wrapper .modal_base.create_list .color_wrapper .color_chip:nth-of-type(even) {
    margin: 0 0 3% 0; }
  .modal_wrapper .modal_base.create_list .color_wrapper input[type=radio]:checked {
    background-position: center 20px; }
  .modal_wrapper .modal_base.create_list .btn_wrapper {
    margin: 0 0 32px 0;
    padding: 0;
    border-bottom: 1px solid #E6E6E6; }
  .modal_wrapper .modal_base.create_list .btn_wrapper .save_btn {
    width: 100%; }
  .modal_wrapper .modal_base.create_list .btn_wrapper .cancel_btn {
    display: none; }
  .modal_wrapper .modal_base.create_list .delete_wrapper {
    display: block; }
  .modal_wrapper .modal_base.create_list .delete_wrapper h5 {
    margin: 0 0 24px 0;
    padding: 0; }
  .modal_wrapper .modal_base.create_list .delete_wrapper p {
    margin: 0 0 24px 0;
    padding: 0; }
  .modal_wrapper .modal_base.create_list .delete_wrapper .delete_btn {
    margin: 0 0 32px 0; }
  .modal_wrapper .modal_base.delete_list {
    padding: 16px;
    width: 90%;
    height: 250px; }
  .modal_wrapper .modal_base.delete_list .modal_close {
    top: 16px;
    right: 16px;
    width: 30px;
    height: 30px;
    background-size: 30px auto; }
  .modal_wrapper .modal_base.delete_list h5 {
    margin: 30px 0 18px 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    border-bottom: none; }
  .modal_wrapper .modal_base.delete_list p {
    margin: 0 0 32px 0; }
  .modal_wrapper .modal_base.delete_list .btn_wrapper .delete_btn {
    width: 100%; }
  .modal_wrapper .modal_base.delete_list .btn_wrapper .cancel_btn {
    display: none; }
  .modal_wrapper .modal_base.change_list {
    display: none; }
  .f_cell {
    margin: 0 0 24px 0; }
  .f_cell.forgot {
    margin: 0 0 24px 0;
    padding: 0 0 24px 0; }
  .f_cell.contact a {
    font-size: 14px; }
  .f_cell.reset_pass {
    margin: 24px 0;
    padding: 0 0 24px 0; }
  .f_cell.m64 {
    margin: 24px 0; }
  .hw100 .hw100_cell img {
    margin: 0 auto 38px auto;
    width: 50px;
    height: auto; }
  .hw100 .hw100_cell h3 {
    font-size: 16px; }
  .sp_btn_area .sp_btn_url {
    display: none; }
  .wpb_wrapper h1 {
    font-size: 24pt; }
  .wpb_wrapper h2 {
    font-size: 20pt; }
  .wpb_wrapper h3 {
    font-size: 16pt; } }

@media screen and (min-width: 767px) {
  .erase_not_SP {
    display: none; } }

.new_message {
	color:red;
}