@charset "UTF-8";
/*************************************
　デフォルトのスタイルのリセット
*************************************/
/***********
    RESET
************/
* {
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  -webkit-font-smoothing: antialiased; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6, em, address, th, dt {
  font-style: normal;
  font-weight: normal;
  font-size: 1em; }

strong {
  color: #212121; }

ul, li {
  list-style-type: none; }

img, a img {
  border: none;
  vertical-align: bottom; }

hr {
  display: none; }

nav, section, header, footer, aside, figure {
  margin: 0;
  padding: 0; }

small {
  font-size: 100%; }
body, html {
  overflow: visible !important;
}
/* ----------------------------------------------------------------------------  
　Clearfix：float解除
----------------------------------------------------------------------------  */
.clearfix:before, .clearfix:after {
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020"; }

body {
  font-family: "not-set", "Helvetica Neue", "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", sans-serif;
  font-size: 16px; }

.wrapper {
  margin-left: auto;
  margin-right: auto; }

.vmiddle_area {
  display: table;
  height: 100%;
  width: 100%; }
  .vmiddle_area .vmiddle_item {
    display: table-cell;
    vertical-align: middle; }

.img-full {
  position: relative;
  overflow: hidden; }

.icn {
  position: relative;
  top: 0.1em;
  display: inline-block;
  line-height: 1.0;
  vertical-align: bottom; }

.icn-comment:before, .icn-comment-off:before {
  content: url("data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMXB4Ig0KCSBoZWlnaHQ9IjMxcHgiIHZpZXdCb3g9IjAgMCAzMSAzMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzEgMzEiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9IuODrOOCpOODpOODvF8yIj4NCjwvZz4NCjxnIGlkPSLjg6zjgqTjg6Tjg7xfMSI+DQo8L2c+DQo8ZyBpZD0iYmciPg0KPC9nPg0KPGcgaWQ9ImNvbnRlbnRzIj4NCgk8ZyBpZD0iWE1MSURfMzI5XyI+DQoJCTxnIGlkPSJYTUxJRF8zMzVfIj4NCgkJCTxwYXRoIGZpbGw9IiM3RENDRjMiIGQ9Ik0yOSwydjE4SDEyLjY0M2MtMC42MTcsMC0xLjAyMSwwLjI4NS0xLjQsMC43NzJMOCwyNS4xNzFWMjJjMC0xLjEwNC0xLjI1My0yLTIuMzU3LTJIMlYySDI5IE0zMSwwSDB2MjINCgkJCQloNnY5bDYuNjQzLTlIMzFWMEwzMSwweiIvPg0KCQk8L2c+DQoJCTxyZWN0IGlkPSJYTUxJRF8zMzJfIiBjbGFzcz0iY29sb3ItcmVjdCIgeD0iNSIgeT0iNSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM3RENDRjMiIHdpZHRoPSIyMSIgaGVpZ2h0PSIyIi8+DQoJCTxyZWN0IGlkPSJYTUxJRF8zMzFfIiBjbGFzcz0iY29sb3ItcmVjdCIgeD0iNSIgeT0iMTAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjN0RDQ0YzIiB3aWR0aD0iMjEiIGhlaWdodD0iMiIvPg0KCQk8cmVjdCBpZD0iWE1MSURfMzMwXyIgY2xhc3M9ImNvbG9yLXJlY3QiIHg9IjUiIHk9IjE1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzdEQ0NGMyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjIiLz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0iYXJ0d29yayI+DQo8L2c+DQo8L3N2Zz4NCg==");
  font-size: 31px; }

.icn-comment-on:before, a:hover .icn-comment:before {
  content: url("data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMXB4Ig0KCSBoZWlnaHQ9IjMxcHgiIHZpZXdCb3g9IjAgMCAzMSAzMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzEgMzEiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9IuODrOOCpOODpOODvF8yIj4NCjwvZz4NCjxnIGlkPSLjg6zjgqTjg6Tjg7xfMSI+DQo8L2c+DQo8ZyBpZD0iYmciPg0KPC9nPg0KPGcgaWQ9ImNvbnRlbnRzIj4NCjwvZz4NCjxnIGlkPSJob3ZlciI+DQoJPGcgaWQ9IlhNTElEXzQ5OF8iPg0KCQk8ZyBpZD0iWE1MSURfNTA0XyI+DQoJCQk8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzdEQ0NGMyIgcG9pbnRzPSIzMSwwIDAsMCAwLDIyIDYsMjIgNiwzMC45MDcgMTIuNjQzLDIyIDMxLDIyIAkJCSIvPg0KCQk8L2c+DQoJCTxyZWN0IGlkPSJYTUxJRF81MDFfIiB4PSI1IiB5PSI1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjIxIiBoZWlnaHQ9IjIiLz4NCgkJPHJlY3QgaWQ9IlhNTElEXzUwMF8iIHg9IjUiIHk9IjEwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjIxIiBoZWlnaHQ9IjIiLz4NCgkJPHJlY3QgaWQ9IlhNTElEXzQ5OV8iIHg9IjUiIHk9IjE1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjIiLz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0iYXJ0d29yayI+DQo8L2c+DQo8L3N2Zz4NCg==");
  font-size: 31px; }

.icn-fb:before, .icn-fb-off:before {
  content: url("data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxM3B4Ig0KCSBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAxMyAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTMgMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9IuODrOOCpOODpOODvF8yIj4NCjwvZz4NCjxnIGlkPSLjg6zjgqTjg6Tjg7xfMSI+DQo8L2c+DQo8ZyBpZD0iYmciPg0KPC9nPg0KPGcgaWQ9ImNvbnRlbnRzIj4NCgk8cGF0aCBpZD0iWE1MSURfNTIyXyIgZmlsbD0iI0ZGRkZGRiIgZD0iTTguNjEzLDI3LjczNUgyLjkzMlYxNEgwLjA5MVY5LjI2NWgyLjg0MVY2LjQyM2MwLTMuODYxLDEuNjA0LTYuMTU4LDYuMTU3LTYuMTU4aDMuNzkyVjUNCgkJaC0yLjM2OUM4LjczOCw1LDguNjIxLDUuNjYxLDguNjIxLDYuODk1bC0wLjAwOCwyLjM3aDQuMjk2TDEyLjQwNiwxNEg4LjYxM1YyNy43MzV6Ii8+DQo8L2c+DQo8ZyBpZD0iYXJ0d29yayI+DQo8L2c+DQo8L3N2Zz4NCg==");
  font-size: 28px; }

.icn-fb-on:before, a:hover .icn-fb:before {
  content: url("data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxM3B4Ig0KCSBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAxMyAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTMgMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9IuODrOOCpOODpOODvF8yIj4NCjwvZz4NCjxnIGlkPSLjg6zjgqTjg6Tjg7xfMSI+DQo8L2c+DQo8ZyBpZD0iYmciPg0KPC9nPg0KPGcgaWQ9ImNvbnRlbnRzIj4NCjwvZz4NCjxnIGlkPSJob3ZlciI+DQoJPHBhdGggaWQ9IlhNTElEXzQ3OV8iIGZpbGw9IiM3RENDRjMiIGQ9Ik04LjYxMywyNy43MzVIMi45MzJWMTRIMC4wOTFWOS4yNjVoMi44NDFWNi40MjNjMC0zLjg2MSwxLjYwNC02LjE1OCw2LjE1Ny02LjE1OGgzLjc5MlY1DQoJCWgtMi4zNjlDOC43MzgsNSw4LjYyMSw1LjY2MSw4LjYyMSw2Ljg5NWwtMC4wMDgsMi4zN2g0LjI5NkwxMi40MDYsMTRIOC42MTNWMjcuNzM1eiIvPg0KPC9nPg0KPGcgaWQ9ImFydHdvcmsiPg0KPC9nPg0KPC9zdmc+DQo=");
  font-size: 28px; }

.icn-play:before, .icn-play-off:before {
  content: url("data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMXB4Ig0KCSBoZWlnaHQ9IjMxcHgiIHZpZXdCb3g9IjAgMCAzMSAzMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzEgMzEiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9IuODrOOCpOODpOODvF8yIj4NCjwvZz4NCjxnIGlkPSLjg6zjgqTjg6Tjg7xfMSI+DQo8L2c+DQo8ZyBpZD0iYmciPg0KPC9nPg0KPGcgaWQ9ImNvbnRlbnRzIj4NCgk8ZyBpZD0iWE1MSURfMzQ2XyI+DQoJCTxnIGlkPSJYTUxJRF8zNDhfIj4NCgkJCTxwYXRoIGZpbGw9IiM3RENDRjMiIGQ9Ik0xNS41LDJDMjIuOTQ0LDIsMjksOC4wNTYsMjksMTUuNVMyMi45NDQsMjksMTUuNSwyOVMyLDIyLjk0NCwyLDE1LjVTOC4wNTYsMiwxNS41LDIgTTE1LjUsMA0KCQkJCUM2LjkzOSwwLDAsNi45MzksMCwxNS41UzYuOTM5LDMxLDE1LjUsMzFTMzEsMjQuMDYxLDMxLDE1LjVTMjQuMDYxLDAsMTUuNSwwTDE1LjUsMHoiLz4NCgkJPC9nPg0KCQk8cG9seWdvbiBpZD0iWE1MSURfMzQ3XyIgZmlsbD0iIzdEQ0NGMyIgcG9pbnRzPSIxMSw4LjM5NiAyMy4zMDUsMTUuNSAxMSwyMi42MDQgCQkiLz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0iYXJ0d29yayI+DQo8L2c+DQo8L3N2Zz4NCg==");
  font-size: 28px; }

.icn-play-on:before, a:hover .icn-play:before {
  content: url("data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMXB4Ig0KCSBoZWlnaHQ9IjMxcHgiIHZpZXdCb3g9IjAgMCAzMSAzMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzEgMzEiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9IuODrOOCpOODpOODvF8yIj4NCjwvZz4NCjxnIGlkPSLjg6zjgqTjg6Tjg7xfMSI+DQo8L2c+DQo8ZyBpZD0iYmciPg0KPC9nPg0KPGcgaWQ9ImNvbnRlbnRzIj4NCjwvZz4NCjxnIGlkPSJob3ZlciI+DQoJPGcgaWQ9IlhNTElEXzUwOV8iPg0KCQk8ZyBpZD0iWE1MSURfNTEzXyI+DQoJCQk8cGF0aCBmaWxsPSIjN0RDQ0YzIiBkPSJNMTUuNSwzMEM3LjUwNSwzMCwxLDIzLjQ5NSwxLDE1LjVTNy41MDUsMSwxNS41LDFTMzAsNy41MDUsMzAsMTUuNVMyMy40OTUsMzAsMTUuNSwzMHoiLz4NCgkJCTxwYXRoIGZpbGw9IiM3RENDRjMiIGQ9Ik0xNS41LDJDMjIuOTQ0LDIsMjksOC4wNTYsMjksMTUuNVMyMi45NDQsMjksMTUuNSwyOVMyLDIyLjk0NCwyLDE1LjVTOC4wNTYsMiwxNS41LDIgTTE1LjUsMA0KCQkJCUM2LjkzOSwwLDAsNi45MzksMCwxNS41UzYuOTM5LDMxLDE1LjUsMzFTMzEsMjQuMDYxLDMxLDE1LjVTMjQuMDYxLDAsMTUuNSwwTDE1LjUsMHoiLz4NCgkJPC9nPg0KCQk8cG9seWdvbiBpZD0iWE1MSURfNTEwXyIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMSw4LjM5NiAyMy4zMDUsMTUuNSAxMSwyMi42MDQgCQkiLz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0iYXJ0d29yayI+DQo8L2c+DQo8L3N2Zz4NCg==");
  font-size: 28px; }

.icn-site_image:before, .icn-site_image-off:before {
  content: url("data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMHB4Ig0KCSBoZWlnaHQ9IjMwcHgiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzAgMzAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9IuODrOOCpOODpOODvF8yIj4NCjwvZz4NCjxnIGlkPSLjg6zjgqTjg6Tjg7xfMSI+DQo8L2c+DQo8ZyBpZD0iYmciPg0KPC9nPg0KPGcgaWQ9ImNvbnRlbnRzIj4NCgk8ZyBpZD0iWE1MSURfOTZfIj4NCgkJPHBhdGggaWQ9IlhNTElEXzUxNl8iIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMCwxNWMwLDguMjg0LTYuNzE2LDE1LTE1LDE1UzAsMjMuMjg0LDAsMTVTNi43MTYsMCwxNSwwUzMwLDYuNzE2LDMwLDE1eiBNMTUsMy41MjkNCgkJCUM4LjY2NSwzLjUyOSwzLjUyOSw4LjY2NSwzLjUyOSwxNVM4LjY2NSwyNi40NzEsMTUsMjYuNDcxUzI2LjQ3MSwyMS4zMzUsMjYuNDcxLDE1UzIxLjMzNSwzLjUyOSwxNSwzLjUyOXoiLz4NCgkJPHBhdGggaWQ9IlhNTElEXzQ5MF8iIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMi44MzYsMTVjMCw0LjMyOC0zLjUwOSw3LjgzNi03LjgzNiw3LjgzNmMtNC4zMjgsMC03LjgzNi0zLjUwOC03LjgzNi03LjgzNg0KCQkJUzEwLjY3Miw3LjE2NCwxNSw3LjE2NEMxOS4zMjcsNy4xNjQsMjIuODM2LDEwLjY3MiwyMi44MzYsMTV6IE0xNSwxMC4yMmMtMi42NDEsMC00Ljc4LDIuMTQtNC43OCw0Ljc4czIuMTQsNC43OCw0Ljc4LDQuNzgNCgkJCWMyLjY0LDAsNC43OC0yLjE0LDQuNzgtNC43OFMxNy42NCwxMC4yMiwxNSwxMC4yMnoiLz4NCgkJPGNpcmNsZSBpZD0iWE1MSURfMTYwXyIgZmlsbD0iI0ZGRkZGRiIgY3g9IjE1IiBjeT0iMTUiIHI9IjIuMyIvPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSJhcnR3b3JrIj4NCjwvZz4NCjwvc3ZnPg0K");
  font-size: 31px; }

.icn-site_image-on:before, a:hover .icn-site_image:before {
  content: url("data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMHB4Ig0KCSBoZWlnaHQ9IjMwcHgiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzAgMzAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9IuODrOOCpOODpOODvF8yIj4NCjwvZz4NCjxnIGlkPSLjg6zjgqTjg6Tjg7xfMSI+DQo8L2c+DQo8ZyBpZD0iYmciPg0KPC9nPg0KPGcgaWQ9ImNvbnRlbnRzIj4NCjwvZz4NCjxnIGlkPSJob3ZlciI+DQoJPGcgaWQ9IlhNTElEXzMwOF8iPg0KCQk8cGF0aCBpZD0iWE1MSURfNDY0XyIgZmlsbD0iIzdEQ0NGMyIgZD0iTTMwLDE1YzAsOC4yODQtNi43MTYsMTUtMTUsMTVTMCwyMy4yODQsMCwxNVM2LjcxNiwwLDE1LDBTMzAsNi43MTYsMzAsMTV6IE0xNSwzLjUyOQ0KCQkJQzguNjY1LDMuNTI5LDMuNTI5LDguNjY1LDMuNTI5LDE1UzguNjY1LDI2LjQ3MSwxNSwyNi40NzFTMjYuNDcxLDIxLjMzNSwyNi40NzEsMTVTMjEuMzM1LDMuNTI5LDE1LDMuNTI5eiIvPg0KCQk8cGF0aCBpZD0iWE1MSURfNDIxXyIgZmlsbD0iIzdEQ0NGMyIgZD0iTTIyLjgzNiwxNWMwLDQuMzI4LTMuNTA5LDcuODM2LTcuODM2LDcuODM2Yy00LjMyOCwwLTcuODM2LTMuNTA4LTcuODM2LTcuODM2DQoJCQlTMTAuNjcyLDcuMTY0LDE1LDcuMTY0QzE5LjMyNyw3LjE2NCwyMi44MzYsMTAuNjcyLDIyLjgzNiwxNXogTTE1LDEwLjIyYy0yLjY0MSwwLTQuNzgsMi4xNC00Ljc4LDQuNzhzMi4xNCw0Ljc4LDQuNzgsNC43OA0KCQkJYzIuNjQsMCw0Ljc4LTIuMTQsNC43OC00Ljc4UzE3LjY0LDEwLjIyLDE1LDEwLjIyeiIvPg0KCQk8Y2lyY2xlIGlkPSJYTUxJRF80MTlfIiBmaWxsPSIjN0RDQ0YzIiBjeD0iMTUiIGN5PSIxNSIgcj0iMi4zIi8+DQoJPC9nPg0KPC9nPg0KPGcgaWQ9ImFydHdvcmsiPg0KPC9nPg0KPC9zdmc+DQo=");
  font-size: 31px; }

header {
  height: 65px; }
  header .wrapper {
    height: 100%; }
  header figure {
    position: relative;
    height: 100%; }
    header figure img {
      position: absolute;
      top: 0;
      bottom: 0;
      margin-top: auto;
      margin-bottom: auto; }
  @media screen and (max-width: 599px) {
    header {
      height: 60px; }
      header figure {
        padding: 0 20px; }
        header figure img {
          width: 180px; } }

footer {
  position: relative; }
  footer .footer-main-area {
    position: relative; }
    footer .footer-main-area .img-full {
      position: absolute;
      overflow: hidden;
      height: 100%;
      width: 100%; }
    footer .footer-main-area .text-area {
      position: relative;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0;
      padding-top: 140px;
      padding-bottom: 92px;
      color: white; }
      footer .footer-main-area .text-area .title {
        margin-bottom: 105px;
        text-align: center;
        font-size: 245%;
        line-height: 1.4; }
      footer .footer-main-area .text-area .main-sentence {
        font-size: 106%;
        line-height: 1.75; }
        footer .footer-main-area .text-area .main-sentence p {
          margin-bottom: 2.6em; }
      footer .footer-main-area .text-area .name-area {
        margin-top: 68px;
        text-align: right;
        font-size: 115%;
        letter-spacing: -1px; }
        footer .footer-main-area .text-area .name-area .brand_name {
          margin-bottom: 5px;
          font-size: 109%; }
  footer .bottom-info {
    color: white;
    background: #7dccf3; }
    footer .bottom-info .wrapper {
      height: 100%; }
    footer .bottom-info .copyright {
      height: 100%; }
      footer .bottom-info .copyright small {
        letter-spacing: -0.03em; }
    footer .bottom-info .icon-area {
      height: 100%; }
      footer .bottom-info .icon-area a {
        position: relative;
        height: 100%;
        text-align: center; }
        footer .bottom-info .icon-area a:hover {
          background: white; }
  @media screen and (max-width: 599px) {
    footer .footer-main-area .text-area {
      padding-top: 70px;
      padding-bottom: 57px; }
      footer .footer-main-area .text-area .title {
        margin-bottom: 55px;
        font-size: 155%;
        line-height: 1.35; }
      footer .footer-main-area .text-area .main-sentence {
        padding: 0 24px;
        font-size: 90%;
        letter-spacing: -1px; }
        footer .footer-main-area .text-area .main-sentence .eng {
          letter-spacing: 0; }
        footer .footer-main-area .text-area .main-sentence p {
          margin-bottom: 1.8em; }
      footer .footer-main-area .text-area .name-area {
        margin-top: 50px;
        padding: 0 24px;
        font-size: 85%; }
        footer .footer-main-area .text-area .name-area .brand_name {
          letter-spacing: -0.2px; }
    footer .bottom-info .icon-area {
      padding: 7px 0 5px;
      text-align: center; }
      footer .bottom-info .icon-area a {
        display: inline-block;
        padding: 20px 0;
        width: 76px; }
    footer .bottom-info .copyright {
      padding: 11px 0 30px;
      font-size: 60%;
      text-align: center; } }
  @media screen and (min-width: 600px) {
    footer .bottom-info {
      height: 70px; }
      footer .bottom-info .icon-area {
        float: right; }
        footer .bottom-info .icon-area a {
          display: block;
          float: left;
          padding-top: 20px;
          height: 100%;
          width: 70px; }
      footer .bottom-info .copyright {
        float: left;
        display: table;
        height: 100%; }
        footer .bottom-info .copyright small {
          display: table-cell;
          vertical-align: middle; } }

@media screen and (max-width: 599px) {
  .hidden-xs, .hidden-sm {
    display: none !important; } }

@media screen and (min-width: 600px) {
  .hidden-lg, .hidden-md {
    display: none !important; } }

.easter_egg {
  display: none; }

.wrapper {
  width: 100%;
  min-width: 320px;
  max-width: 1200px; }
  @media screen and (max-width: 319px) {
    .wrapper {
      width: 320px; } }
  @media screen and (min-width: 320px) and (max-width: 599px) {
    .wrapper {
      width: 100%; } }
  @media screen and (min-width: 600px) and (max-width: 1199px) {
    .wrapper {
      width: 100%; } }
  @media screen and (min-width: 1200px) {
    .wrapper {
      width: 1200px; } }

.bg-layer {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  background: #7dccf3; }

.my_flow .line-anime {
  overflow: hidden;
  *zoom: 1;
  position: relative; }
  .my_flow .line-anime .flow-line {
    position: relative; }
  .my_flow .line-anime .year-area {
    position: absolute;
    width: 100%; }
    .my_flow .line-anime .year-area .year, .my_flow .line-anime .year-area .man, .my_flow .line-anime .year-area .link-area {
      position: absolute; }
      .my_flow .line-anime .year-area .year img, .my_flow .line-anime .year-area .year svg, .my_flow .line-anime .year-area .man img, .my_flow .line-anime .year-area .man svg, .my_flow .line-anime .year-area .link-area img, .my_flow .line-anime .year-area .link-area svg {
        width: 100%; }
  .my_flow .line-anime > figure, .my_flow .line-anime > .last-anime {
    position: absolute;
    width: 100%;
    text-align: center; }

#page-loader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  overflow: hidden;
  margin: 0;
  background: white; }
  #page-loader figure {
    display: block;
    height: 100%;
    width: 100%; }
    #page-loader figure img {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 82%;
      max-width: 200px; }

#page-display {
  position: relative;
  min-height: 450px; }
  #page-display .img-full, #page-display .contents-area {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0; }
  #page-display .contents-area {
    overflow: hidden; }
    #page-display .contents-area .anni_text {
      position: absolute;
      top: 25%;
      left: 0;
      right: 0;
      margin: auto;
      max-width: 95%;
      height: 50%;
      max-height: 335px; }
    #page-display .contents-area .arrow-down {
      position: absolute;
      bottom: 5%;
      left: 0;
      right: 0;
      margin: auto; }
    @media screen and (max-width: 599px) {
      #page-display .contents-area .anni_text {
        width: 56%; }
      #page-display .contents-area .arrow-down {
        bottom: 4%;
        width: 20px; } }

#my_flow .start-view {
  margin-top: 100px;
  text-align: center; }
  #my_flow .start-view .anime-start {
    max-width: 185px; }
  @media screen and (max-width: 599px) {
    #my_flow .start-view {
      margin-top: 60px; }
      #my_flow .start-view .anime-start {
        width: 27%; } }
#my_flow .line-anime {
  overflow: hidden;
  *zoom: 1;
  margin-top: 60px; }
  #my_flow .line-anime .flow-line svg {
    width: 100%; }
  #my_flow .line-anime .line-start-point {
    top: 0px; }
  #my_flow .line-anime .year-area .link-area {
    width: 200px;
    text-align: center; }
    #my_flow .line-anime .year-area .link-area a {
      display: inline-block;
      margin: 0 11% 10px; }
  @media screen and (max-width: 599px) {
    #my_flow .line-anime {
      margin-top: 24px;
      margin-bottom: -2.5%; }
      #my_flow .line-anime .flow-line {
        margin-top: 4.5%; }
      #my_flow .line-anime .start-view img {
        width: 15.43%; }
      #my_flow .line-anime .line-start-point {
        top: 0.15%; }
        #my_flow .line-anime .line-start-point img {
          width: 3.85%; }
      #my_flow .line-anime .year-area .link-area a {
        display: block;
        margin: 0 auto 32%; }
        #my_flow .line-anime .year-area .link-area a:last-of-type {
          margin-bottom: 0; }
      #my_flow .line-anime .year-2012 {
        top: 5.6%; }
        #my_flow .line-anime .year-2012 .year {
          left: 10.2%;
          margin-top: 0;
          width: 30.6%; }
        #my_flow .line-anime .year-2012 .man {
          right: 12.7%;
          margin-top: 0.3%;
          width: 23.32%; }
        #my_flow .line-anime .year-2012 .link-area {
          left: 10.2%;
          margin-top: 22.1%;
          width: 30.6%; }
      #my_flow .line-anime .year-2013 {
        top: 27.12%; }
        #my_flow .line-anime .year-2013 .year {
          left: 10.2%;
          margin-top: 3.9%;
          width: 30.6%; }
        #my_flow .line-anime .year-2013 .man {
          right: 18.5%;
          width: 11.7%; }
        #my_flow .line-anime .year-2013 .link-area {
          left: 10.2%;
          margin-top: 25.9%;
          width: 30.6%; }
      #my_flow .line-anime .year-2014 {
        top: 51.85%; }
        #my_flow .line-anime .year-2014 .year {
          left: 10.2%;
          margin-top: 5.6%;
          width: 30.6%; }
        #my_flow .line-anime .year-2014 .man {
          right: 19.7%;
          width: 10.4%; }
        #my_flow .line-anime .year-2014 .link-area {
          left: 10.2%;
          margin-top: 27.6%;
          width: 30.6%; }
      #my_flow .line-anime .year-2015 {
        top: 76.54%; }
        #my_flow .line-anime .year-2015 .year {
          left: 10.2%;
          margin-top: 7.8%;
          width: 30.6%; }
        #my_flow .line-anime .year-2015 .man {
          right: 9.6%;
          width: 30.1%; }
        #my_flow .line-anime .year-2015 .link-area {
          left: 25.85%;
          margin-top: 22.1%;
          width: 30.6%; }
      #my_flow .line-anime .last-anime {
        bottom: 5%; }
        #my_flow .line-anime .last-anime img {
          width: 27%; } }
  @media screen and (min-width: 600px) {
    #my_flow .line-anime {
      margin-bottom: -0.5%; }
      #my_flow .line-anime .flow-line {
        margin-top: 1.5%; }
      #my_flow .line-anime .start-view img {
        width: 15.43%; }
      #my_flow .line-anime .line-start-point img {
        width: 1.85%; }
      #my_flow .line-anime .year-2012 {
        top: 3.5%; }
        #my_flow .line-anime .year-2012 .year {
          left: 26.8%;
          margin-top: 1.2%;
          width: 15.1%; }
        #my_flow .line-anime .year-2012 .man {
          right: 28.1%;
          width: 12.65%; }
        #my_flow .line-anime .year-2012 .link-area {
          left: 25.85%;
          margin-top: 10%;
          width: 15.1%; }
      #my_flow .line-anime .year-2013 {
        top: 24.25%; }
        #my_flow .line-anime .year-2013 .year {
          left: 26.75%;
          margin-top: 2.6%;
          width: 15.1%; }
        #my_flow .line-anime .year-2013 .man {
          right: 31.28%;
          width: 6.34%; }
        #my_flow .line-anime .year-2013 .link-area {
          left: 25.85%;
          margin-top: 12.15%;
          width: 15.1%;
          left: 24%;
          width: 21%; }
      #my_flow .line-anime .year-2014 {
        top: 45.97%; }
        #my_flow .line-anime .year-2014 .year {
          left: 26.75%;
          margin-top: 3.5%;
          width: 15.1%; }
        #my_flow .line-anime .year-2014 .man {
          right: 32.7%;
          width: 5.67%; }
        #my_flow .line-anime .year-2014 .link-area {
          left: 25.85%;
          margin-top: 13.2%;
          width: 15.1%;
          left: 24%;
          width: 21%; }
      #my_flow .line-anime .year-2015 {
        top: 67.95%; }
        #my_flow .line-anime .year-2015 .year {
          left: 26.75%;
          margin-top: 4.3%;
          width: 15.1%; }
        #my_flow .line-anime .year-2015 .man {
          right: 27%;
          width: 14.75%; }
        #my_flow .line-anime .year-2015 .link-area {
          left: 25.85%;
          margin-top: 1.25%;
          width: 15.1%; }
      #my_flow .line-anime .last-anime {
        bottom: 6.9%; }
        #my_flow .line-anime .last-anime img {
          width: 15.43%; }
        #my_flow .line-anime .last-anime .icon {
          position: relative; } }