@charset "UTF-8";
/* ----------------------------------
	header
---------------------------------- */
#head {
  background: #FFF;
  height: 146px;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 100000;
}

#head.on {
	top: -67px;
	left: 0;
	width: 100%;
	height: 67px;
	transition: top 0.5s;
	-webkit-transition: top 0.5s;
	-ms-transition: top 0.5s;
}

#head.on .nav-sub {
	display: none;
}

#head.on .head-logo {
  padding-top: 9px;
}

#head.on .head-logo a {
  background-image: url("../image/common/head_logo02.png?1489585536");
  height: 50px;
  width: 50px;
}

#head.on .g-nav {
    padding-top: 5px;
}

#head .inner {
  position: relative;
}
#head .nav-sub {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: skewX(15deg);
  -moz-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  -o-transform: skewX(15deg);
  transform: skewX(15deg);
}
#head .nav-sub:after {
  content: "";
  display: block;
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: -99%;
}
#head .nav-sub .global-menu {
  float: left;
  position: relative;
  z-index: 2;
}
#head .nav-sub .global-menu li {
  float: left;
  position: relative;
  border-right: 1px solid #8c8c8c;
}
#head .nav-sub .global-menu li a {
  display: block;
  width: 130px;
  height: 41px;
  padding-top: 11px;
  text-align: center;
  background: #000;
  position: relative;
  -moz-transition: background 0s;
  -o-transition: background 0s;
  -webkit-transition: background 0s;
  transition: background 0s;
}
#head .nav-sub .global-menu li .nav01:hover, #head .nav-sub .global-menu li .nav01.active {
  background: #e50011;
}
#head .nav-sub .global-menu li .nav02:hover, #head .nav-sub .global-menu li .nav02.active {
  background: #7d7c7d;
}
#head .nav-sub .global-menu li .nav03:hover, #head .nav-sub .global-menu li .nav03.active {
  background: #ec6c00;
}
#head .nav-sub .global-menu li .nav04:hover, #head .nav-sub .global-menu li .nav04.active {
  background: #0091db;
}
#head .nav-sub .global-menu li .nav05:hover, #head .nav-sub .global-menu li .nav05.active {
  background: #333;
}
#head .nav-sub .global-menu li span {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -webkit-transform: skewX(-15deg);
  -moz-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  -o-transform: skewX(-15deg);
  transform: skewX(-15deg);
}
#head .nav-sub .global-menu .nav01 span {
  background: url('../image/common/sub-s31e8e0a062.png') 0 0;
  height: 14px;
  width: 81px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
}
#head .nav-sub .global-menu .nav01:hover span, #head .nav-sub .global-menu .nav01.active span {
  background: url('../image/common/sub-s31e8e0a062.png') 0 -34px;
  height: 14px;
  width: 81px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
}
#head .nav-sub .global-menu .nav02 span {
  background: url('../image/common/sub-s31e8e0a062.png') 0 -68px;
  height: 14px;
  width: 68px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
}
#head .nav-sub .global-menu .nav02:hover span, #head .nav-sub .global-menu .nav02.active span {
  background: url('../image/common/sub-s31e8e0a062.png') 0 -102px;
  height: 14px;
  width: 68px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
}
#head .nav-sub .global-menu .nav03 span {
  background: url('../image/common/sub-s31e8e0a062.png') 0 -136px;
  height: 14px;
  width: 93px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
}
#head .nav-sub .global-menu .nav03:hover span, #head .nav-sub .global-menu .nav03.active span {
  background: url('../image/common/sub-s31e8e0a062.png') 0 -170px;
  height: 14px;
  width: 93px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
}
#head .nav-sub .global-menu .nav04 span {
  background: url('../image/common/sub-s31e8e0a062.png') 0 -204px;
  height: 14px;
  width: 64px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
}
#head .nav-sub .global-menu .nav04:hover span, #head .nav-sub .global-menu .nav04.active span {
  background: url('../image/common/sub-s31e8e0a062.png') 0 -238px;
  height: 14px;
  width: 64px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
}
#head .nav-sub .global-menu .nav05 span {
  background: url('../image/common/sub-s31e8e0a062.png') 0 -272px;
  height: 14px;
  width: 90px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
}
#head .nav-sub .global-menu .nav05:hover span, #head .nav-sub .global-menu .nav05.active span {
  background: url('../image/common/sub-s31e8e0a062.png') 0 -306px;
  height: 14px;
  width: 90px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
}
#head .nav-sub .lang-menu {
  float: right;
  background: #FFF;
  color: #000;
  line-height: 1;
  padding: 18px 0 0 15px;
  height: 41px;
}
#head .nav-sub .lang-menu ul {
  margin-right: -10px;
  position: relative;
  z-index: 910;
}
#head .nav-sub .lang-menu li {
  float: left;
  height: 11px;
  line-height: 1.2;
  -webkit-transform: skewX(-15deg);
  -moz-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  -o-transform: skewX(-15deg);
  transform: skewX(-15deg);
}
#head .nav-sub .lang-menu li + li {
  border-left: 1px solid #000;
}
#head .nav-sub .lang-menu li a {
  color: #000;
  font-size: 10px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
  padding: 0 9px;
}
#head .nav-sub .lang-menu li a:hover {
  text-decoration: underline;
}

.menu {
  position: fixed;
  top: 10px;
  right: 10px;
  width: 38px;
  height: 38px;
  background: #222;
  z-index: 920;
  display: none;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

#menu-open {
	position: relative;
  width: 38px;
  height: 38px;
}
#menu-open.close {
  position: fixed;
  top: 10px;
  right: 10px;
  background: #e50011;
}
#menu-open:before, #menu-open:after {
  content: '';
  height: 1px;
  width: 18px;
  background: #FFF;
  display: block;
  position: absolute;
  top: 13px;
  left: 50%;
  margin-left: -9px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  /**-webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;**/
}
#menu-open:before {
  -moz-box-shadow: 0 6px #FFF, 0 12px #FFF;
  -webkit-box-shadow: 0 6px #FFF, 0 12px #FFF;
  box-shadow: 0 6px #FFF, 0 12px #FFF;
}
#menu-open.close {
  background: #e50011;
}
#menu-open.close:before {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 50%;
}
#menu-open.close:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
}

.head-logo {
  float: left;
  padding: 13px 0 0 0;
  position: relative;
  z-index: 1;
}
.head-logo a {
  display: block;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  background-image: url('../image/common/head_logo01.png?1494943797');
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 90px;
  height: 90px;
}

/*.menu-sprite, .menu-nav01, .g-nav li .nav01, .menu-nav02, .g-nav li .nav02, .menu-nav03, .g-nav li .nav03, .menu-nav04, .g-nav li .nav04, .menu-nav05, .g-nav li .nav05, .menu-nav06, .g-nav li .nav06, .menu-nav07, .g-nav li .nav07, .menu-nav08, .g-nav li .nav08, .menu-nav09, .g-nav li .nav09, #contents.management .g-nav li .nav02, #contents.news .g-nav li .nav01 {
  background-image: url('../image/common/menu-saad7b4015b.png');
  background-repeat: no-repeat;
}

.menu-nav01, .g-nav li .nav01 {
  background-position: 0 0;
}
.menu-nav01:hover, .g-nav li .nav01:hover, .menu-nav01.nav01-hover, .g-nav li .nav01-hover.nav01 {
  background-position: 0 -53px;
}

.menu-nav02, .g-nav li .nav02 {
  background-position: 0 -106px;
}
.menu-nav02:hover, .g-nav li .nav02:hover, .menu-nav02.nav02-hover, .g-nav li .nav02-hover.nav02 {
  background-position: 0 -159px;
}

.menu-nav03, .g-nav li .nav03 {
  background-position: 0 -212px;
}
.menu-nav03:hover, .g-nav li .nav03:hover, .menu-nav03.nav03-hover, .g-nav li .nav03-hover.nav03 {
  background-position: 0 -265px;
}

.menu-nav04, .g-nav li .nav04 {
  background-position: 0 -318px;
}
.menu-nav04:hover, .g-nav li .nav04:hover, .menu-nav04.nav04-hover, .g-nav li .nav04-hover.nav04 {
  background-position: 0 -371px;
}

.menu-nav05, .g-nav li .nav05 {
  background-position: 0 -424px;
}
.menu-nav05:hover, .g-nav li .nav05:hover, .menu-nav05.nav05-hover, .g-nav li .nav05-hover.nav05 {
  background-position: 0 -477px;
}

.menu-nav06, .g-nav li .nav06 {
  background-position: 0 -530px;
}
.menu-nav06:hover, .g-nav li .nav06:hover, .menu-nav06.nav06-hover, .g-nav li .nav06-hover.nav06 {
  background-position: 0 -583px;
}

.menu-nav07, .g-nav li .nav07 {
  background-position: 0 -636px;
}
.menu-nav07:hover, .g-nav li .nav07:hover, .menu-nav07.nav07-hover, .g-nav li .nav07-hover.nav07 {
  background-position: 0 -689px;
}

.menu-nav08, .g-nav li .nav08 {
  background-position: 0 -742px;
}
.menu-nav08:hover, .g-nav li .nav08:hover, .menu-nav08.nav08-hover, .g-nav li .nav08-hover.nav08 {
  background-position: 0 -795px;
}

.menu-nav09, .g-nav li .nav09 {
  background-position: 0 -848px;
}
.menu-nav09:hover, .g-nav li .nav09:hover, .menu-nav09.nav09-hover, .g-nav li .nav09-hover.nav09 {
  background-position: 0 -901px;
}*/

.g-nav {
  float: right;
  padding-top: 49px;
}
.g-nav li {
  float: left;
  position: relative;
  padding: 0 15px 6px;
}
.g-nav li:last-child {
  padding-right: 0;
}
.g-nav li > a,
.g-nav li > span {
  display: block;
  padding: 16px 0;
  font-size: 18px;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  white-space: nowrap;
  letter-spacing: 1px;
}
.g-nav li > a:hover,
.g-nav li > span:hover {
	color: #e50011;
}

.g-nav li .nav01 {
  width: 52px;
}
.g-nav li .nav02 {
  width: 132px;
}
.g-nav li .nav03 {
  width: 34px;
}
.g-nav li .nav04 {
  width: 72px;
}
.g-nav li .nav05 {
  width: 58px;
}
.g-nav li .nav06 {
  width: 86px;
}
.g-nav li .nav07 {
  width: 34px;
}

.g-nav li .nav08 {
  width: 76px;
}

.g-nav li .nav09 {
  width: 41px;
}
.g-nav li .nav10 {
  width: 43px;
}
.g-nav li .sub-nav {
  position: absolute;
  top: 55px;
  left: 50%;
  width: 184px;
  height: 0px;
  padding: 0 10px 10px 10px;
  overflow: hidden;
  margin-left: -92px;
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  z-index: 10003;
}
.g-nav li .sub-nav > div {
  width: 164px;
  padding: 10px 0 15px;
  background: #FFF;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.g-nav li .sub-nav a {
  display: block;
  padding: 15px 0;
  font-size: 15px;
  letter-spacing: 1px;
}
.g-nav li .sub-nav a:hover {
	color: #e50011;
}
.g-nav li .sub-nav a span {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-transition: background-image 0.1s ease-in-out;
  -o-transition: background-image 0.1s ease-in-out;
  -webkit-transition: background-image 0.1s ease-in-out;
  transition: background-image 0.1s ease-in-out;
}
.g-nav li .sub-nav .fan01 span {
  height: 12px;
  width: 50px;
  text-align: left;
  text-transform: capitalize;
}
.g-nav li .sub-nav .fan01:hover span {
  height: 12px;
  width: 50px;
  text-align: left;
  text-transform: capitalize;
}
.g-nav li .sub-nav .fan02 span {
  height: 12px;
  width: 78px;
  text-align: left;
  text-transform: capitalize;
}
.g-nav li .sub-nav .fan02:hover span {
  height: 12px;
  width: 78px;
  text-align: left;
  text-transform: capitalize;
}
.g-nav li .sub-nav .fan03 span {
  height: 12px;
  width: 104px;
  text-align: left;
  text-transform: capitalize;
}
.g-nav li .sub-nav .fan03:hover span {
  height: 12px;
  width: 104px;
  text-align: left;
  text-transform: capitalize;
}
.g-nav li .sub-nav .store01 span {
  height: 12px;
  width: 52px;
  text-align: left;
  text-transform: capitalize;
}
.g-nav li .sub-nav .store01:hover span {
  height: 12px;
  width: 52px;
  text-align: left;
  text-transform: capitalize;
}
.g-nav li .sub-nav .store02 span {
  height: 12px;
  width: 69px;
  text-align: left;
  text-transform: capitalize;
}
.g-nav li .sub-nav .store02:hover span {
  height: 12px;
  width: 69px;
  text-align: left;
  text-transform: capitalize;
}
.g-nav li .sub-nav .store03 span {
  height: 12px;
  width: 68px;
  text-align: left;
  text-transform: capitalize;
}
.g-nav li .sub-nav .store03:hover span {
  height: 12px;
  width: 68px;
  text-align: left;
  text-transform: capitalize;
}
.g-nav li.sub:hover .nav03 {
  background-position: 0 -265px;
}
.g-nav li.sub:hover .sub-nav {
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  height: auto;
  top: 62px;
}

#sp-head-nav {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 100%;
  overflow-y: scroll;
  z-index: 100001;
}
#sp-head-nav .global-menu {
  padding-top: 55px;
}

#contents.management .g-nav li .nav02 {
	color: #e50011;
}
#contents.news .g-nav li .nav01 {
	color: #e50011;
}

/* ----------------------------------
	footer
---------------------------------- */
#foot {
  padding: 140px 0 25px;
  background: #FFF;
  position: relative;
  z-index: 10;
  border-top: 1px solid #ccc;
}
#foot .sitemap {
  margin-bottom: 120px;
}
#foot .sitemap > ul {
  float: left;
}
#foot .sitemap li {
  font-size: 18px;
  line-height: 1;
}
#foot .sitemap li + li {
  margin-top: 30px;
}
#foot .sitemap li a .icon {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 9px;
  margin-left: 8px;
}
#foot .sitemap li a:hover {
  text-decoration: none;
  color: #e50011;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#foot .global-menu {
  width: 215px;
}
#foot .global-menu a.jpn:hover {
  color: #e50011;
}
#foot .global-menu a.usa:hover {
  color: #0091db;
}
#foot .global-menu a.asia:hover {
  color: #7d7c7d;
}
#foot .global-menu a.eu:hover {
  color: #ec6c00;
}
#foot .global-menu a.world:hover {
  color: #221814;
}
#foot .profile-menu {
  width: 205px;
}
#foot .profile-menu em, #foot .cont-menu em {
  display: block;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 20px;
}
#foot .profile-menu li, #foot .cont-menu li {
  display: block;
}
#foot .profile-menu li li, #foot .cont-menu li li {
  font-size: 12px;
}
#foot .profile-menu li li + li, #foot .cont-menu li li + li {
  margin-top: 15px;
}
#foot .bnr-area {
  float: right;
  width: 310px;
}
#foot .bnr-area p {
  display: table;
  width: 100%;
  height: 183px;
  background: #FFF;
}
#foot .bnr-area p + p {
  margin-top: 22px;
}
#foot .bnr-area a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#foot .bnr-area a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
#foot .bnr-area a.bnr-fac {
  background-color: #009943;
  color: #FFF;
}
#foot .bnr-area a.bnr-fac span {
  display: block;
  font-size: 11px;
  text-align: center;
  line-height: 1;
  margin-top: 8px;
}
#foot .bnr-area a.bnr-fac img {
  width: 188px;
}
#foot .f-nav {
  text-align: center;
  margin-bottom: 10px;
}
#foot .f-nav ul {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
#foot .f-nav li {
  float: left;
  padding: 0 1em;
  font-size: 11px;
  line-height: 1;
}
#foot .f-nav li + li {
  border-left: 1px solid #000;
}
#foot .f-nav a:hover {
  text-decoration: underline;
}
#foot .copyright {
  text-align: center;
  font-size: 11px;
  line-height: 1.7;
}

.dis_none a {
	color: #DDD !important;
	cursor: default;
}

/* ----------------------------------
	contents
---------------------------------- */
.fade-layer,
body:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 99999;
}

.fade-layer01 {
	display: none;
}

body.fade-layer-off:before {
  content: none;
}

#contents {
  padding-top: 117px;
  width: 100%;
  overflow: hidden;
}

.headline {
  margin-bottom: 35px;
  position: relative;
  height: 38px;
}
.headline:before {
  content: "";
  display: block;
  width: 1000px;
  height: 100%;
  background: #e50011;
  -webkit-transform: skewX(15deg);
  -moz-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  -o-transform: skewX(15deg);
  transform: skewX(15deg);
  position: absolute;
  top: 3px;
  right: 101%;
}
.headline .more-link {
  float: right;
  padding-top: 3px;
}
.headline h1 {
  font-size: 48px;
  line-height: 1;
}
.headline h1 .ldh {
  color: #e50011;
}

span.link-btn,
a.link-btn {
  display: block;
  width: 125px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  background-color: #e50011;
  background-image: linear-gradient(45deg, #333333 50%, rgba(0, 0, 0, 0) 50%);
  background-position: 100%;
  background-size: 400%;
  transition: background 300ms ease-in-out;
  color: #FFF;
  font-size: 14px;
  -webkit-transform: skewX(15deg);
  -moz-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  -o-transform: skewX(15deg);
  transform: skewX(15deg);
  position: relative;
}
span.link-btn:hover,
a.link-btn:hover {
  background-position: 0;
}
span.link-btn span,
a.link-btn span {
  display: block;
  -webkit-transform: skewX(-15deg);
  -moz-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  -o-transform: skewX(-15deg);
  transform: skewX(-15deg);
}
a.link-btn .icon-blank {
  display: block;
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -7px;
  -webkit-transform: skewX(-15deg);
  -moz-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  -o-transform: skewX(-15deg);
  transform: skewX(-15deg);
}

a.official-btn {
  width: 154px;
  padding-right: 5px;
}

.more-link a span {
  letter-spacing: 0.05em;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

#pagetop {
  display: none;
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 10000;
}
#pagetop a {
  display: block;
  width: 40px;
  height: 40px;
  padding-top: 2px;
  font-size: 21px;
  line-height: 1;
  text-align: center;
  position: relative;
  color: #444;
}
#pagetop a:after {
  content: "";
  display: block;
  width: 22px;
  height: 3px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -11px;
  background: #444;
  -moz-transition: ease-in-out 0.1s;
  -o-transition: ease-in-out 0.1s;
  -webkit-transition: ease-in-out 0.1s;
  transition: ease-in-out 0.1s;
}
#pagetop a span {
  display: block;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
}
#pagetop a:hover {
  color: #e50011;
}
#pagetop a:hover:after {
  background: #e50011;
}

.breadcrumb {
  margin: 0 auto 45px;
  font-size: 12px;
  padding: 10px 0 0 0;
  -webkit-transform-origin: left 50%;
  -moz-transform-origin: left 50%;
  -ms-transform-origin: left 50%;
  -o-transform-origin: left 50%;
  transform-origin: left 50%;
  position: relative;
  background-color: #fff;
}
.breadcrumb span {
	position: relative;
	display: inline-block;
	z-index: 100001;
}
.breadcrumb a:hover {
  text-decoration: underline;
}

.lower-cont {
  padding-bottom: 160px;
}
.lower-cont .headline {
  margin-bottom: 110px;
}
.lower-cont .headline h1 {
  float: left;
}
.lower-cont .headline .nav-open-btn {
  display: block;
  font-size: 120%;
  line-height: 22px;
  border-bottom: 1px solid #000;
  width: 100%;
  text-align: left;
  padding-left: 4px;
  position: relative;
  cursor: pointer;
}
.lower-cont .headline .nav-open-btn i {
  position: absolute;
  right: 3px;
  top: 25%;
  font-size: 12px;
}
.lower-cont .headline .nav-open-btn.active i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.lower-cont h2 {
  font-size: 35px;
  line-height: 1.1;
  margin-bottom: 50px;
}

.lower-nav {
  float: left;
  margin-left: 25px;
  padding-top: 25px;
}
@media screen and (min-width: 768px) {
  .lower-nav ul {
    display: block !important;
  }
  .lower-nav li {
    float: left;
  }
  .lower-nav li + li {
    border-left: 2px solid #000;
  }
}
.lower-nav li a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 18px;
  padding: 0 12px;
  line-height: 1;
}
.lower-nav li a:hover {
  text-decoration: none;
  color: #e50011;
}
.lower-nav li a.active {
  color: #e50011;
}

.btn-back {
  text-align: center;
}
.btn-back a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 160px;
  height: 37px;
  border: 2px solid #000;
  font-size: 16px;
  -webkit-transform: skewX(-20deg);
  -moz-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  -o-transform: skewX(-20deg);
  transform: skewX(-20deg);
}
.btn-back a:hover {
  color: #e50011;
  border-color: #e50011;
}
.btn-back a span {
  display: inline-block;
  vertical-align: middle;

  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -webkit-transform: skewX(20deg);
  -moz-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  -o-transform: skewX(20deg);
  transform: skewX(20deg);
  line-height: 33px;
  padding-left: 5px;
  position: relative;
}
.btn-back a span i {
  display: block;
  font-size: 140%;
  line-height: 1;
  position: absolute;
  top: 5px;
  left: -50px;
}

img.echo-img {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -webkit-transition: all .4s ease-out;
  -ms-transition: all .4s ease-out;
}

img.echo-img.loaded {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

@media screen and (max-width: 767px) {
  body, html {
    min-width: 100%;
    height: 100%;
  }

	.menu {
		display: block;
	  z-index: 100005;
	}

  body.fixed {
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  img {
    max-width: 100%;
  }

  .sp-br {
    display: block;
  }

  .inner {
    width: auto;
  }

  /* ----------------------------------
  	header
  ---------------------------------- */
  #head {
    height: 60px;
    padding: 0 10px;
  }
  #head .nav-sub {
    display: none !important;
  }

  .head-logo {
    float: none;
    width: 100%;
    padding: 8px 0;
  }
  .head-logo a {
    width: 200px;
    height: 45px;
    background-image: url('../image/common/head_logo_sp.png?1489585536');
    background-size: contain;
  }

  .g-nav {
    display: none;
  }

  .sp-nav .global-menu {
    background: #eee;
    padding: 0 15px 0;
    padding: 40px 20px 10px;
  }
  .sp-nav .global-menu em {
    display: block;
    color: #999;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 140%;
    margin-bottom: 20px;
  }
  .sp-nav .global-menu li {
    width: 50%;
    float: left;
    margin-bottom: 20px;
  }
  .sp-nav .global-menu li a {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 120%;
    line-height: 1;
  }
  .sp-nav .main-menu {
    background: #FFF;
  }
  .sp-nav .main-menu li {
    border-top: 1px solid #ccc;
  }
  .sp-nav .main-menu li a, .sp-nav .main-menu li span {
    display: block;
    padding: 12px 20px;
    position: relative;
  }
	
  .sp-nav .main-menu li a.nofade {
		color: #ddd;
  }
  .sp-nav .main-menu li > a, .sp-nav .main-menu li > span {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 130%;
  }
  .sp-nav .main-menu li a:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    right: 25px;
    margin-top: -2px;
  }
  .sp-nav .main-menu li a.blank:before {
    display: none;
  }
  .sp-nav .main-menu li a.blank i {
    position: absolute;
    right: 22px;
    top: 40%;
    font-size: 80%;
  }
  .sp-nav .main-menu li span {
    cursor: pointer;
  }
  .sp-nav .main-menu li span:before, .sp-nav .main-menu li span:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    background: #000;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  .sp-nav .main-menu li span:before {
    width: 11px;
    height: 1px;
    right: 20px;
  }
  .sp-nav .main-menu li span:after {
    width: 1px;
    height: 11px;
    right: 25px;
    margin-top: -5px;
  }
  .sp-nav .main-menu li span.active:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .sp-nav .main-menu li ul {
    padding-left: 30px;
    border-top: 1px solid #ccc;
    display: none;
  }
  .sp-nav .main-menu li li:first-child {
    border-top: 0 none;
  }
  .sp-nav .main-menu li li a {
    font-size: 98%;
  }
  .sp-nav .lang-menu {
    background: #333;
    color: #FFF;
    font-size: 90%;
    text-align: center;
    padding: 30px 15px;
  }
  .sp-nav .lang-menu ul {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
  .sp-nav .lang-menu li {
    float: left;
    padding: 0 10px;
  }
  .sp-nav .lang-menu li + li {
    border-left: 1px solid #FFF;
  }
  .sp-nav .lang-menu a {
    color: #FFF;
  }

  /* ----------------------------------
  	footer
  ---------------------------------- */
  #foot {
    padding: 0 0 20px;
  }
  #foot .global-menu {
    width: auto;
    padding-top: 30px;
  }
  #foot .bnr-area {
    border-top: 1px solid #ccc;
    padding: 30px 15px 40px;
    float: none;
    width: auto;
    text-align: center;
  }
  #foot .bnr-area a {
    display: block;
    width: 85%;
    margin: 0 auto;
    padding: 0;
  }
  #foot .bnr-area .fLink {
    padding: 0;
  }
  #foot .bnr-area .fLink img {
	  width: 100%;
  }
  #foot .bnr-area a.bnr-fac {
	  display: table;
  }
  
  #foot .bnr-area a.bnr-fac > span {
	  display: table-cell;
	  text-align: center;
	  vertical-align: middle;
  }
  #foot .bnr-area a.bnr-fac span span {
    font-size: 100%;
    margin-top: 10px;
  }
  #foot .bnr-area a + a {
    margin-top: 20px;
  }
  #foot .f-nav {
    padding: 0 15px 0;
    margin-bottom: 10px;
    text-align: left;
  }
  #foot .f-nav li {
    display: inline-block;
    float: none;
    font-size: 90%;
    margin-bottom: 6px;
    padding: 0 0.5em;
  }
  #foot .f-nav li:nth-child(1) {
    padding-left: 0;
    border-left: 0 none;
  }
  #foot .copyright {
    font-size: 90%;
    padding: 0 15px 0;
    text-align: left;
  }

  /* ----------------------------------
  	contents
  ---------------------------------- */
  .headline {
    height: auto;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
  }
  .headline:before {
    top: 2px;
    height: 20px;
  }
  .headline h1 {
    font-size: 225%;
  }

  span.link-btn,
  a.link-btn {
    width: 92px;
    height: 28px;
    line-height: 28px;
    font-size: 110%;
  }
  a.link-btn .icon-blank {
    font-size: 70%;
    right: 10px;
  }

  a.official-btn {
    width: 134px;
    padding-right: .5em;
  }

  #pagetop {
    position: relative;
    right: auto;
    bottom: auto;
	background-color: #fff;
  }
  #pagetop a {
    width: 20%;
    height: 40px;
    float: right;
  }
  #pagetop:after {
    content: "";
    clear: both;
    display: block;
  }

  .breadcrumb {
    display: none;
  }

  .lower-cont {
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14) inset;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14) inset;
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .lower-cont .headline {
    margin-bottom: 40px;
  }
  .lower-cont .headline h1 {
    max-width: 65%;
  }
  .lower-cont h2 {
    font-size: 160%;
    margin-bottom: 20px;
  }

  .lower-nav {
    float: none;
    margin-left: 0;
    padding-top: 0;
  }
  .lower-nav li a {
    font-size: 120%;
    line-height: 1;
  }

  .btn-back a {
    width: 110px;
    height: 30px;
    font-size: 120%;
  }
  .btn-back a span {
    line-height: 26px;
  }
  .btn-back a span i {
    font-size: 135%;
    left: -22px;
    top: 3px;
  }
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
  .headline:before {
    right: 101%;
  }
}

@media screen and (min-width: 768px) {
  .anchor-point {
    margin-top: -67px;
    padding-top: 67px;
  }
}


/* ----------------------------------
	slide
---------------------------------- */
#main-visual {
  margin-bottom: 70px;
  position: relative;
}
#main-visual .dummy {
  position: relative;
  z-index: -1;
}
#main-visual .dummy img {
  width: 100%;
}
#main-visual #visual-slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#main-visual .slide img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  #main-visual {
    margin-bottom: 30px;
  }
}

.mainBox {
	padding: 45px 0 160px;
	position: relative;
	background-color: #fff;
	z-index: 100;
}

/* ----------------------------------
	mainVisual
---------------------------------- */
.lower-cont .mainVisual {
	padding-bottom: 400px;
	position: relative;
	overflow: hidden;
}

.lower-cont .mainVisual > span {
	display: block;
	position: fixed;
	top: 0;
	left: 50%;
	height: 550px;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 101%;
	background-size: cover;
}

.lower-cont .mainVisual h1 {
	margin-left: -545px;
	color: #fff;
	width: 1090px;
	font-size: 48px;
	font-family: "Roboto Condensed","Roboto", "Noto Sans Japanese", "Hiragino Kaku Gothic Pro", "YuGothic", "Meiryo", sans-serif;
	line-height: 1;
	position: absolute;
	top: 46px;
	left: 50%;
}

.lower-cont .mainVisual h1:before {
  content: "";
  display: block;
  width: 1000px;
  height: 38px;
  background: #e50011;
  -webkit-transform: skewX(15deg);
  -moz-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  -o-transform: skewX(15deg);
  transform: skewX(15deg);
  position: absolute;
  top: 7px;
  right: 102%;
}

.lower-cont .mainVisual img {
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 100%;
}

/* ----------------------------------
	comMenuUl
---------------------------------- */
.comMenuUl {
	margin: -20px 0 93px;
}

.comMenuUl li {
	margin: 20px 8px 0 0;
	font-size: 18px;
	display: inline-block;
}

.comMenuUl li a {
	margin-right: 10px;
	padding-left: 15px;
	display: inline-block;
	background: url(../image/common/icon01.png) no-repeat left 10px;
}

.comMenuUl li a:hover {
	text-decoration: underline;
}

/* ----------------------------------
	headLine
---------------------------------- */
.headLine01 {
	margin-bottom: 18px;
	padding-bottom: 18px;
	color: #000;
	font-size: 22px;
	line-height: 2;
	border-bottom: 3px solid #000;
}

.headLine02,
.headLine03 {
	text-align: center;
}

.headLine03 {
	font-size: 48px;
	font-family: "Roboto Condensed",sans-serif;
}

/* ----------------------------------
	comNameTxt
---------------------------------- */
.comNameTxt,
.comImgBox .comNameTxt {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
}

.comNameTxt span {
	color: #020202;
	font-size: 11px;
}

/* ----------------------------------
	.comTopBox
---------------------------------- */
.comTopBox .rTxt {
	margin-top: 6px;
	width: 850px;
	float: right;
	font-size: 13px;
	line-height: 2;
}

.comTopBox .comNameTxt {
	width: 200px;
	float: left;
}

/* ----------------------------------
	comImgBox
---------------------------------- */
.comImgBox {
	margin-bottom: 114px;
}

.comImgBox .photoBox {
	float: left;
}

.comImgBox .textBox {
	margin-top: -3px;
	width: 694px;
	float: right;
}

.comImgBox .comNameTxt {
	margin-bottom: 39px;
}

.comImgBox p {
	color: #020202;
	font-size: 13px;
	line-height: 2;
	margin-bottom: 10px;
}

.comImgBox p:last-child {
	margin-bottom: 0;
}

.mb0 {
	margin-bottom: 0 !important;
}

/* ----------------------------------
	comInner
---------------------------------- */
.comInner {
	margin-bottom: 67px;
}

.comInner .photo {
	margin-bottom: 11px;
  background-color: #000;
}

.comInner .photo a {
	display: block;
}

.comInner .comLinkList {
	margin-top: 4px;
	float: right;
}

.comInner .comImgBox {
	margin: 0;
}

.comInner .textBox {
	margin: 0;
	float: left;
	width: 707px;
}

.comInner .textBox p {
	color: #020202;
	font-size: 13px;
	line-height: 1.53;
}

.comInner .textBox p {
	color: #020202;
	font-size: 13px;
	line-height: 1.54;
}

.comInner .textBox p.title {
	margin: 0 0 6px;
	font-size: 20px;
	font-weight: bold;
}

.comInner .textBox p.ttl {
	font-size: 13px;
	line-height: 1.7;
}

.comInner .textBox p.txtLink {
	margin-top: 10px;
	font-size: 12px;
}

.comInner .textBox p.txtLink a {
	padding-right: 20px;
	display: inline-block;
	background: url(../image/common/icon03.png) no-repeat right center;
}

.comInner .textBox p.txtLink a:hover {
	color: #FF0000;
	background: url(../image/common/icon04.png) no-repeat right center;
}

.comInner .photo figure {
  margin-bottom: 10px;
  position: relative;
  outline: none;
  border: 1px solid #000;
  background-color: #fff;
}

.comInner .photo .blackBg {
  background-color: #000;
}

.comInner .photo figure:before,
.comInner .photo figure:after {
  position: absolute;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 2px solid transparent;
}

.comInner .photo figure:before {
  top: -2px;
  left: -2px;
}

.comInner .photo figure:after {
  bottom: -2px;
  right: -2px;
}

.comInner .photo figure img {
  display: block;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .comInner .photo a:hover {
    text-decoration: none;
  }

  .comInner .photo a:hover figure:before,
  .comInner .photo a:hover figure:after {
    width: 100%;
    height: 100%;
  }

  .comInner .photo a:hover figure:before {
    border-bottom-color: #e50011;
    border-left-color: #e50011;
    transition: height .2s, width .2s .2s;
  }

  .comInner .photo a:hover figure:after {
    border-top-color: #e50011;
    border-right-color: #e50011;
    transition: height .2s, width .2s .2s;
  }
}

.pad .comInner .photo a:hover figure:before,
.pad .comInner .photo a:hover figure:after {
	display: none;
}

.mb0 {
	margin-bottom: 0 !important;
}

/* ----------------------------------
	comLinkList
---------------------------------- */
.comLinkList {
	font-size: 0;
	text-align: right;
}

.comLinkList li {
	margin-left: 8px;
	display: inline-block;
	font-family: "Roboto Condensed",sans-serif;
	height: 34px;
	width: 39px;
	line-height: 34px;
	vertical-align:top;
}

.snsTxt {
	margin: -8px 0 0 4px;
	width: 38px;
	display: block;
	color: #E70012;
	font-size: 11px;
	text-align: center;
}

.comLinkList li a {
  display: block;
  text-align: center;
  background-color: #e50011;
  background-image: linear-gradient(45deg, #333333 50%, rgba(0, 0, 0, 0) 50%);
  background-position: 100%;
  background-size: 400%;
  transition: background 300ms ease-in-out;
  color: #FFF;
  font-size: 14px;
  letter-spacing: .05em;
  -webkit-transform: skewX(15deg);
  -moz-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  -o-transform: skewX(15deg);
  transform: skewX(15deg);
  position: relative;
}

.comLinkList li a:hover {
  background-position: 0;
}

.comLinkList li a span {
  display: block;
  -webkit-transform: skewX(-15deg);
  -moz-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  -o-transform: skewX(-15deg);
  transform: skewX(-15deg);
}

.comLinkList li a i {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 120%;
}

.comLinkList li a .icon-blank {
  display: block;
  font-size: 10px;
  font-weight: normal;
  line-height: 12px;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -7px;
  -webkit-transform: skewX(-15deg);
  -moz-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  -o-transform: skewX(-15deg);
  transform: skewX(-15deg);
}

.comLinkList .liStyle {
	width: 165px;
}
.comLinkList .liStyle2 {
	width: 150px;
}
.comLinkList .liStyle3 {
	width: 200px;
}

.comLinkList li img {
	vertical-align: middle;
}

/* ----------------------------------
	comBgBox
---------------------------------- */
.comBgBox {
	margin: 0 auto 30px;
	padding: 84px 82px 86px 82px;
	width: 1246px;
	box-sizing: border-box;
	background-color: #F3F3F3;
}

.comBgBox .textBox {
	margin-top: -5px;
	width: 600px;
}

.comBgBox .ttl {
	margin-bottom: 26px;
	color: #e80000;
	font-size: 24px;
	line-height: 1.6;
}

/* ----------------------------------
	comBgBoxR
---------------------------------- */
.comBgBoxR .photoBox {
	float: right;
}

.comBgBoxR .textBox {
	float: left;
}

.comBgBoxR .comLinkList {
	text-align: left;
}

/* ----------------------------------
	comRelease
---------------------------------- */
.comRelease {
	padding: 34px 5px 25px 40px;
	position: relative;
	border-bottom: 3px solid #2DBDF1;
}

.comRelease .subBox {
	float: left;
	width: 850px;
}

.comRelease .subBox a {
	display: block;
	overflow: hidden;
}

.comRelease .subBox .photo {
	float: left;
	display: table;
	width: 124px;
}

.comRelease .subBox .photo span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.release .subBox .photo span img {
	max-width: 124px;
}

.comRelease .subBox .textBox {
	float: right;
	width: 674px;
}

.comRelease .subBox .textBox .ttl {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.4;
}

.comRelease .subBox .textBox .ttl span {
	margin-bottom: 18px;
	display: block;
	font-size: 17px;
	font-weight: normal;
}

.comRelease .subBox .textBox p {
	color: #020202;
	line-height: 1.8;
	font-size: 13px;
	-moz-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	transition: ease-in-out 0.3s;
}

.comRelease .subBox a:hover p {
	color: #e50011;
}

.comRelease .more-link {
	position: absolute;
	bottom: 30px;
	right: 10px;
}

/* ----------------------------------
	comSlider
---------------------------------- */
#contents .comSlider {
	margin: 0 0 0 2px;
	text-align: center;
	position: relative;
}

#contents .comSlider .bxslider {
	margin-right: -20px;
}

#contents .comSlider .bx-viewport {
	overflow: hidden;
}

#contents .comSlider li {
	/*margin-right: 20px;
	float: left;
	width: 254px;*/
}

#contents .comSlider li figure {
	text-align: left;
	margin-bottom: 13px;
	border: 2px solid #E7007F;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	outline: none;
	width: 254px;
}

#contents .comSlider li figure:before,
#contents .comSlider li figure:after {
	position: absolute;
	z-index: 2;
	content: '';
	width: 0;
	height: 0;
	border: 2px solid transparent;
}

#contents .comSlider li figure:before {
	top: -2px;
	left: -2px;
}

#contents .comSlider li figure:after {
	bottom: -2px;
	right: -2px;
}

#contents .comSlider li figure img {
	vertical-align: bottom;
	width: 100%;
}

#contents .comSlider li figcaption {
	display: block;
	text-align: center;
	vertical-align: top;
	background: #E7007F;
	color: #FFF;
	font-size: 14px;
	line-height: 20px;
	padding: 3px 0 2px;
	letter-spacing: .03em;
}

#contents .comSlider li .txt {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font-size: 13px;
	letter-spacing: .03em;
	line-height: 1.4;
	width: 254px;
}

#contents .comSlider li .txt .date {
	margin-bottom: 5px;
	display: block;
	font-size: 13px;
	color: #aaa;
}

#contents .comSlider li a {
	display: block;
}

#contents .comSlider .color01 figcaption,
#contents .comSlider .color01 figure {
	background: #004284;
}

#contents .comSlider .color01 figure {
	border: 2px solid #004284;
}

#contents .comSlider .color02 figcaption,
#contents .comSlider .color02 figure {
	background: #F2E525;
}

#contents .comSlider .color02 figure {
	border: 2px solid #F2E525;
}

#contents .comSlider .color03 figcaption,
#contents .comSlider .color03 figure {
	background: #F59300;
}

#contents .comSlider .color03 figure {
	border: 2px solid #F59300;
}

#contents .comSlider .color04 figcaption,
#contents .comSlider .color04 figure {
	background: #2DBDF1;
}

#contents .comSlider .color04 figure {
	border: 2px solid #2DBDF1;
}

#contents .comSlider #feed-prev-btn a::before,
#contents .comSlider #feed-next-btn a::before,
#contents .comSlider .feed-prev-btn a::before,
#contents .comSlider .feed-next-btn a::before  {
	color: #A6A6A6;
}

#contents .comSlider #feed-prev-btn a:hover:before,
#contents .comSlider #feed-next-btn a:hover:before,
#contents .comSlider .feed-prev-btn a:hover:before,
#contents .comSlider .feed-next-btn a:hover:before {
  color: #e50011;
}

@media screen and (min-width: 768px) {
	#contents .comSlider li a:hover .txt .date,
	#contents .comSlider li a:hover .txt {
		text-decoration: none;
		color: #e50011;
	}
	
	#contents .comSlider a:hover figure:before,
	#contents .comSlider li a:hover figure:after {
		width: 100%;
		height: 100%;
	}
	
	#contents .comSlider li a:hover figure:before {
		border-bottom-color: #e50011;
		border-left-color: #e50011;
		transition: height .2s, width .2s .2s;
	}
	
	#contents .comSlider li a:hover figure:after {
		border-top-color: #e50011;
		border-right-color: #e50011;
		transition: height .2s, width .2s .2s;
	}
}

#contents .comSlider .slide-nav a {
  position: absolute;
  top: -50px;
  font-size: 450%;
}

#contents .comSlider .slide-nav a:hover {
  color: #e50011;
}

#contents .comSlider .slide-nav a.prev {
  left: -59px;
}

#contents .comSlider .slide-nav a.prev:hover {
  left: -62px;
}

#contents .comSlider .slide-nav a.next {
  right: -61px;
}

#contents .comSlider .slide-nav a.next:hover {
  right: -63px;
}

/* ----------------------------------
	headLine04
---------------------------------- */
#contents .headLine04 {
	margin-bottom: 68px;
	padding-bottom: 20px;
	font-size: 48px;
    font-family: "Roboto Condensed", sans-serif;
	position: relative;
	text-align: center;
}

#contents .headLine04:before {
	margin-left: -25px;
	width: 51px;
	height: 1px;
	background: #000;
	position: absolute;
	bottom: 0;
	left: 50%;
  
	content: ""; 
}

/* ----------------------------------
	comLinkUl
---------------------------------- */
#contents .comLinkUl {
	margin: 0 auto;
	width: 1080px;
}

#contents .comLinkUl li {
	margin-right: 14px;
	float: left;
	font-size: 13px;
	width: 350px;
	box-sizing: border-box;
}

#contents .comLinkUl li:nth-child(3n) {
	margin: 0;
}

#contents .comLinkUl li a {
	color: #fff;
	display: block;
	height: 259px;
	position: relative;
	background-color: #000;
	border: 2px solid #000;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#contents .comLinkUl li a > span {
	position: absolute;
	display: block;
	bottom: 43px;
	right: 28px;
	width: 290px;
	text-align: right;
}

#contents .comLinkUl li a > span .ttl {
	margin-bottom: 17px;
	padding-bottom: 13px;
	display: block;
	position: relative;
	font-size: 34px;
	font-weight: bold;
    font-family: "Roboto Condensed", sans-serif;
}

#contents .comLinkUl li a > span .ttl:before {
	width: 16px;
	height: 4px;
	background: #fff;
	background-size: 8px 12px;
	position: absolute;
	bottom: 0;
	right: 1px;
  
	content: ""; 
}

#contents .comLinkUl li a:hover {
	color: #000;
	background-color: #fff;
}

#contents .comLinkUl li a:hover > span .ttl:before {
	background-color: #000;
}

/* ----------------------------------
	comListUl
---------------------------------- */
#contents .comListUl {
	margin: -25px -11px 0 -1px;
}

#contents .comListUl li {
	padding-bottom: 19px;
	margin: 25px 13px 0 0;
	float: left;
	text-align: center;
	width: 258px;
	border: 1px solid #ddd;
	background-color: #fff;
}

#contents .comListUl li .photo {
	margin-bottom: 20px;
}

#contents .comListUl li .photo img {
	width: 100%;
}

#contents .comListUl li .img {
	margin-bottom: 17px;
	text-align: center;
}

#contents .comListUl li .tel {
	margin-bottom: 2px;
	font-size: 21px;
}

#contents .comListUl li .tel a {
	padding-left: 20px;
	display: inline-block;
	background: url(../image/info/icon01.gif) no-repeat left center;
}

#contents .comListUl li p {
	font-size: 12px;
	line-height: 1.5;
}

#contents .comListUl li .timeTxt span {
	padding-left: 5em;
	text-indent: -5em;
	display: inline-block;
	text-align: left;
}

#contents .comListUl li .link {
	margin-top: 6px;
}

#contents .comListUl li .link a {
	padding-left: 25px;
	color: #EE0000;
	display: inline-block;
	background: url(../image/info/icon02.gif) no-repeat left center;
}

#contents .comListUl li .link a:hover {
	color: #000;
	background: url(../image/info/icon03.gif) no-repeat left center;
}

#contents .comListUl li .ttl {
	margin-bottom: 23px;
	font-size: 18px;
	line-height: 1.6;
	font-weight: bold;
}

#contents .comListUl li .title {
	margin: 32px 0 25px;
	font-size: 32px;
    font-family: "Roboto Condensed", sans-serif;
}

#contents .comListUl li .title01 {
	margin-bottom: 30px;
	font-size: 28px;
}

#contents .comListUl li .title span {
	color: #F40000;
}

#contents .comListUl li a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}

/* ----------------------------------
	headLine05
---------------------------------- */
#contents .headLine05 {
	margin-bottom: 83px;
	text-align: center;
}

#contents .headLine05 span {
	display: inline-block;
	font-size: 22px;
	line-height: 5px;
	text-align: center;
	border-bottom: 13px solid #CCD7E9;
    padding-left: 5px;
    padding-right: 5px;
}

/* ----------------------------------
	comActive
---------------------------------- */
#contents .comActive {
	padding-top: 100px;
	background: url(../image/csr/exilecup_bg01.jpg) no-repeat left top;
	background-size: 100% auto;
}

#contents .comActive .inner {
	padding-bottom: 306px;
	width: auto;
	background: url(../image/csr/exilecup_bg02.jpg) no-repeat left bottom;
	background-size: 100% auto;
}

#contents .comActive .headLine04 {
	margin-bottom: 88px;
}

#contents .comActive .list01 {
	margin: -40px auto 74px;
	width: 980px;
}

#contents .comActive .list01 li {
	margin: 40px 60px 0 0;
	float: left;
	width: 286px;
}

#contents .comActive .list01 li:nth-child(3n) {
	margin-right: 0;
}

#contents .comActive .list01 li .photo {
	margin-bottom: 14px;
	position: relative;
	border: 1px solid #004087;
}

#contents .comActive .list01 li .photo span {
	display: block;
	color: #fff;
	width: 66px;
	height: 60px;
	font-size: 18px;
	position: absolute;
	left: -1px;
	top: -1px;
}

#contents .comActive .list01 li .photo img {
	width: 100%;
}

#contents .comActive .list01 li .ttl {
	margin-bottom: 13px;
	color: #00348E;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

#contents .comActive .list01 li p {
	font-size: 13px;
	line-height: 1.5;
}

#contents .comActive .list02 {
	margin: 0 auto 95px;
	width: 980px;
	border: 1px solid #004087;
}

#contents .comActive .list02 li {
	float: left;
	width: 50%;
}

#contents .comActive .list02 li img {
	width: 100%;
}

#contents .comActive .h5Ttl01 {
	margin-bottom: 25px;
}

#contents .comActive .txt01 {
	margin-bottom: 24px;
	font-size: 13px;
	text-align: center;
}

#contents .comActive .list03 {
	margin: 0 auto 74px;
	width: 980px;
}

#contents .comActive .list03 li {
	width: 48.1%;
	float: left;
}

#contents .comActive .list03 li .photo {
	margin-bottom: 16px;
	border: 1px solid #004087;
}

#contents .comActive .list03 li .photo img {
	width: 100%;
}

#contents .comActive .list03 li:last-child {
	float: right;
}

#contents .comActive .h5Ttl02 {
	margin-bottom: 40px;
}

#contents .comActive .list03 li p {
	font-size: 13px;
	line-height: 1.5;
}

.sp {
	display: none !important;
}

@media screen and (max-width: 767px) {
	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
	}

	/* ----------------------------------
		mainVisual
	---------------------------------- */
	.lower-cont .mainVisual {
		padding-bottom: 250px !important;
	}

	.lower-cont .mainVisual > span {
		background-size: 100% auto;
	}

	.lower-cont .mainVisual h1 {
		margin-left: 0;
		font-size: 27px;
		width: auto;
		left: 20px;
		top: 35px;
	}

	.lower-cont .mainVisual h1::before {
		height: 20px;
		top: 5px;
		right: 107%;
	}

	.lower-cont .mainVisual img {
		width: 100%;
		max-width: inherit;
	}

	/* ----------------------------------
		spComMenu
	---------------------------------- */
	.spComMenu {
		margin: 0 15px 72px;
		width: 73.5%;
		position: relative;
		border-bottom: 2px solid #000;
	}

	.spComMenu .menuLink {
		padding-bottom: 1px;
		font-size: 14px;
		display: block;
		background: url(../image/common/sp_icon01.png) no-repeat 97.3% center;
		background-size: 8px 8px;
	}

	.spComMenu .menuLink.on {
		background: url(../image/common/sp_icon02.png) no-repeat 97.3% center;
		background-size: 8px 8px;
	}

	.spComMenu .menuUl {
		padding: 10px 0;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		display: none;
		z-index: 500;
		box-sizing: border-box;
		border: 1px solid #000;
		background-color: #fff;
	}

	.spComMenu .menuUl a {
		padding: 3px 10px 3px 35px;
		display: block;
		background: url(../image/common/icon01.png) no-repeat 15px center;
	}
	/* ----------------------------------
		headLine
	---------------------------------- */
	.headLine01 {
		margin-bottom: 15px;
		padding-bottom: 25px;
		font-size: 17px;
		line-height: 1.76;
		border-bottom: 2px solid #000;
	}

	.headLine02,
	.headLine03 {
		text-align: center;
	}

	.headLine03 {
		font-size: 22px;
	}

	.headLine02 img {
		width: 98px;
	}

	/* ----------------------------------
		comTopBox
	---------------------------------- */
	.comTopBox {
		margin: 0 15px;
	}

	.comNameTxt,
	.comImgBox .comNameTxt {
		font-size: 14px;
	}

	.comNameTxt span {
		font-size: 10px;
	}

	.comNameTxt .spans {
		font-size: 9px;
	}

	.comTopBox .comNameTxt {
		margin-bottom: 15px;
		float: none;
		width: auto;
	}

	.comTopBox .rTxt {
		margin: 0;
		font-size: 12px;
		float: none;
		width: auto;
		line-height: 1.83;
		letter-spacing: 0.5px;
	}

	/* ----------------------------------
		comImgBox
	---------------------------------- */
	.comImgBox .photoBox {
		margin-bottom: 30px;
		float: none;
	}

	.comImgBox .photoBox img {
		width: 100%;
	}

	.comImgBox .textBox {
		margin: 0 15px;
		float: none;
		width: auto;
	}

	.comImgBox .comNameTxt {
		margin-bottom: 15px;
	}

	.comImgBox p {
		font-size: 12px;
		line-height: 1.83;
	}

	/* ----------------------------------
		comBgBox
	---------------------------------- */
	.comBgBox {
		margin-bottom: 0;
		padding: 0 30px 167px;
		width: auto;
		background-color: #EAEAEA;
	}

	.comBgBox .photoBox {
		margin-bottom: 25px;
	}

	.comBgBox .photoBox img {
		margin-top: -84px;
	}

	.comBgBox .textBox {
		margin: 0;
	}

	.comBgBox .ttl {
		margin-bottom: 23px;
		font-size: 22px;
		text-align: center;
		line-height: 1.37;
	}

	.comBgBox p {
		line-height: 2;
	}

	/* ----------------------------------
		comInner
	---------------------------------- */
	.comInner .photo {
		margin-bottom: 15px;
	}

	.comInner .photo img {
		width: 100%;
	}

	.comInner .comImgBox {
		margin: 0 15px;
	}

	.comInner .textBox {
		margin: 0;
		float: none;
		width: auto !important;
	}

	.comInner .textBox p {
		line-height: 1.46;
	}

	.comInner .comLinkList {
		margin: 22px 0 0;
		float: none;
	}

	.comInner .textBox p.title {
		margin-bottom: 10px;
		font-size: 14px;
	}

	.comInner .textBox p.ttl {
		line-height: 1.46;
		font-size: 12px;
	}

	.comInner .textBox p.txtLink {
		margin-top: 14px;
	}

	.comLinkList {
		margin-top: -10px;
		text-align: left;
	}

	.comLinkList li {
		margin-top: 10px;
	}

	.comLinkList li:hover {
		background-position: 100%;
	}

	.comInner .textBox p.txtLink a:hover {
		color: #000;
		background: url(../image/common/icon03.png) no-repeat right center;
	}

	.mainBox {
		padding-bottom: 40px;
	}

	#head {
		position: fixed;
		left: 0;
		top: 0;
	}

	#contents {
		padding-top: 60px !important;
	}

	/* ----------------------------------
		comRelease
	---------------------------------- */
	.comRelease {
		padding: 50px 15px 49px;
		border-width: 2px;
	}
	
	.comRelease .subBox {
		float: none;
		width: auto;
		height: auto !important;
	}
	
	.comRelease .subBox .photo {
		margin-bottom: 34px;
		float: none;
		display: block;
		text-align: center;
		width: auto;
	}
	
	.comRelease .subBox .photo span {
		display: block;
	}
	
	.comRelease .subBox .textBox {
		float: none;
		width: auto;
	}
	
	.comRelease .subBox .photo span img {
		width: 68.7% !important;
		max-width: inherit;
	}
	
	.comRelease .subBox .list {
		height: auto !important;
	}
	
	.comRelease .subBox .textBox .ttl {
		margin-bottom: 13px;
		font-size: 14px;
		line-height: 1.65;
	}
	
	.comRelease .subBox .textBox .ttl span {
		margin-bottom: 8px;
		font-size: 12px;
	}
	
	.comRelease .subBox .textBox p {
		font-size: 12px;
		line-height: 1.875;
	}
	
	.comRelease .subBox a:hover p {
		color: #020202;
	}
	
	.comRelease .more-link {
		margin-top: 35px;
		float: right;
		position: static;
	}
	
	.comRelease .more-link a.link-btn {
		font-size: 14px;
		height: 35px;
		line-height: 35px;
	}
	
	.subMenu {
		padding: 30px 20px 10px;
		background-color: #EB0000;
	}
	
	.subMenu ul li {
		padding-bottom: 20px;
		font-size: 12px;
		width: 50%;
		float: left;
	}
	
	.subMenu ul li:nth-child(2n) {
		float: right;
		width: 50%;
	}
	
	.subMenu ul li a {
		color: #fff;
	}
	
	.comBtmBox {
		padding: 27px 20px;
		background-color: #EB0000;
	}
	
	.comBtmBox ul li {
		padding-bottom: 16px;
		font-size: 16px;
		width: 50%;
		float: left;
	}
	
	.comBtmBox ul li:nth-child(2n) {
		float: right;
		font-size: 12px;
	}
	
	.comBtmBox ul li:nth-child(3),
	.comBtmBox ul li:first-child {
		font-family: "Roboto Condensed",sans-serif;
	}
	
	.comBtmBox ul li a {
		color: #fff;
	}

	/* ----------------------------------
		comSlider
	---------------------------------- */
	#contents .comSlider .bx-wrapper {
		padding: 0;
	}
	
	#contents .comSlider {
		margin: 0 -15px;
	}
	
	#contents .comSlider li {
		width: 190px !important;
	}
		
	#contents .comSlider li figure {
		margin-bottom: 4px;
		width: 100%;
	}
	
	#contents .comSlider li figure img {
		width: 100%;
		height: auto;
	}
	
	#contents .comSlider li figcaption {
		font-size: 10px;
		padding: 1px 0 0;
		line-height: 1.5;
	}
	
	#contents .comSlider li .txt {
		font-size: 12px;
		width: auto;
	}
		
	#contents .comSlider li .txt .date {
		margin-bottom: 0;
	}
  
	/* ----------------------------------
		headLine04
	---------------------------------- */
	#contents .headLine04 {
		margin-bottom: 32px;
		padding-bottom: 13px;
		font-size: 32px;
	}

	#contents .headLine04:before {
		margin-left: -20px;
		width: 41px;
	}
  
	/* ----------------------------------
		comLinkUl
	---------------------------------- */
	#contents .comLinkUl {
		width: auto;
	}
	
	#contents .comLinkUl li:nth-child(3n),
	#contents .comLinkUl li {
		margin: 13px 0 0;
		float: none;
		font-size: 12px;
		width: auto;
	}
	
	#contents .comLinkUl li:first-child {
		margin: 0;
	}

	#contents .comLinkUl li a {
		height: 130px;
	}
	
	#contents .comLinkUl li a > span {
		width: auto;
		bottom: 18px;
		right: 20px;
	}
	
	#contents .comLinkUl li a > span .ttl {
		margin-bottom: 10px;
		padding-bottom: 5px;
		font-size: 24px;
	}
	
	#contents .comLinkUl li a > span .ttl::before {
		height: 3px;
		width: 13px;
	}

	#contents .comLinkUl li a:hover {
		color: #fff;
		background-color: #000;
	}
	
	#contents .comLinkUl li a:hover > span .ttl:before {
		background-color: #fff;
	}
  
	/* ----------------------------------
		comListUl
	---------------------------------- */
	#contents .comListUl {
		margin: 0;
	}
	
	#contents .comListUl li:nth-child(4n-3),
	#contents .comListUl li {
		padding-bottom: 18px;
		margin: 10px 0 0;
		float: none;
		text-align: left;
		width: auto;
	}
	
	#contents .comListUl li:first-child {
		margin: 0;
	}
	
	#contents .comListUl li .photo {
		margin-bottom: 13px;
	}
	
	#contents .comListUl li .img {
		margin: 0 22px 7px;
		text-align: left;
	}
	
	#contents .comListUl li .img img {
		height: 39px;
	}
	
	#contents .comListUl li p {
		margin: 0 20px;
		font-size: 9px;
	}
	
	#contents .comListUl li .tel {
		margin-bottom: 0;
		font-size: 15px;
	}
	
	#contents .comListUl li .tel a {
		padding-left: 15px;
		background-size: auto 15px;
	}
	
	#contents .comListUl li .link {
		margin: 10px 20px 0;
		font-size: 10px;
	}
	
	#contents .comListUl li .link a {
		padding-left: 18px;
		background-size: auto 9px;
	}

	#contents .comListUl li .link a:hover {
		color: #EE0000;
		background: url(../image/info/icon02.gif) no-repeat left center;
		background-size: auto 9px;
	}
	
	#contents .comListUl li .ttl {
		margin-bottom: 5px;
		font-size: 15px;
	}
	
	#contents .comListUl li .title {
		margin: 15px 18px 5px;
		font-size: 23px;
	}
	
	#contents .comListUl li a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
	
	/*----------------------------------
	       .headLine05
	----------------------------------*/
	#contents .headLine05 {
		margin-bottom: 31px;
	}
	
	#contents .headLine05 span {
		font-size: 13px;
		line-height: 0;
		border-width: 10px;
	}

	/*----------------------------------
	       .comActive
	----------------------------------*/
	#contents .comActive {
		padding-top: 50px;
		background-image: url(../image/csr/sp_exilecup_bg01.jpg);
	}
	
	#contents .comActive .inner {
		margin: 0;
		padding-bottom: 225px;
		background-image: url(../image/csr/sp_exilecup_bg02.jpg);
	}
	
	#contents .comActive .headLine04 {
		margin-bottom: 45px;
	}
	
	#contents .comActive .list01 {
		margin: -30px 15px 48px;
		width: auto;
	}
	
	#contents .comActive .list01 li {
		margin: 30px 0 0;
		float: none;
		width: auto; 
	}
	
	#contents .comActive .list01 li .photo {
		margin-bottom: 9px;
	}
	
	#contents .comActive .list01 li .ttl {
		margin-bottom: 6px;
		font-size: 13px;
	}
	
	#contents .comActive .list01 li p {
		font-size: 11px;
		line-height: 1.7;
	}
	
	#contents .comActive .h5Ttl01 {
		margin-bottom: 18px;
	}
	
	#contents .comActive .txt01 {
		margin: 0 15px 26px;
		font-size: 11px;
		line-height: 1.7;
	}
	
	#contents .comActive .list02 {
		margin: 0 15px 55px;
		width: auto;
	}
	
	#contents .comActive .list02 li {
		float: none;
		width: auto;
	}
	
	#contents .comActive .h5Ttl02 {
		margin-bottom: 25px;
	}
	
	#contents .comActive .list03 {
		margin: 0 15px 30px;
		width: auto;
	}
	
	#contents .comActive .list03 li {
		float: none;
		width: auto;
	}
	
	#contents .comActive .list03 li .photo {
		margin-bottom: 9px;
	}
	
	#contents .comActive .list03 li:last-child {
		margin-top: 28px;
		float: none;
	}
	
	#contents .comActive .list03 li p {
		font-size: 11px;
		line-height: 1.7;
	}
}

#contents > iframe {
	position: fixed;
	left: 0;
	bottom: 0;
}