/* ==========================================================================
   Foundation
   ========================================================================== */

/* Reset
   ----------------------------------------------------------------- */

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Base
   ----------------------------------------------------------------- */

html {
  font-size: 62.5%;
}

body {
  font-size: 1.2em;
  line-height: 1.5;
  font-family: Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
}

img {
  vertical-align: bottom;
  height: auto;
  max-width: 100%;
  width: auto\9;
}

img {
  -ms-interpolation-mode: bicubic;
}

img.full {
  max-width: none;
}

address {
  font-style: normal;
}

a {
  text-decoration: none;
}

ul.collapse > li {
  float: left;
  clear: none;
}

/* ==========================================================================
   Layout
   ========================================================================== */

/* Site, Page
   ----------------------------------------------------------------- */

.site {
  background: #fff;
}

/* Header
   ----------------------------------------------------------------- */

.site-header {
  background: #fff;
}

.header-inner {
  width: 1040px;
  margin: 0 auto;
  padding: 10px;
  overflow: hidden;
}

/* Footer
   ----------------------------------------------------------------- */

.site-footer {
  clear: both;
  background: #fff;
}

.site-footer a {
  color: #000;
}

.footer-inner {
  width: 1000px;
  margin: 0 auto;
  padding: 20px;
}

/* Main
   ----------------------------------------------------------------- */

#main {
  background: url(../img/common/bg_main01.jpg),
              linear-gradient(
              #effaff 0%,
              #fff 50%);
  background-repeat: repeat-x;
  background-position: 0 100%;
}

#main-content {
  width: 980px;
  margin: 0 auto;
}

.home #main-content {
  margin-top: -90px;
}

#primary {
  float: right;
  width: 755px;
  margin-left: 10px;
}

#secondary {
  float: left;
  width: 195px;
  margin: 0 20px 150px 0;
}

/* ==========================================================================
   Object
   ========================================================================== */

/*! Kite v0.2.0 | MIT License | github.com/kitecss */
/*
# kite core

1. Fill in `inline-block` gaps and then reset to `font-size` root font-size `rem`
2. For Android: Android don't fill in `inline-block` gaps. `display: table;` magic fills in them.
3. For lte IE 8: IE 8 can't use `rem`. Use `medium` keyword for the purpose of reset `font-size`.

```html
<div class="kite">
  <div class="kite__item">A</div>
  <div class="kite__item">B</div>
  <div class="kite__item">C</div>
</div>
```
*/
.kite {
  display: table;
  width: 100%;
  font-size: 0 !important; }

/*
Opera 12 has causing too wide gaps bug by setting `font-size: 0'.
If you need to fix this bug, use the following code.

```
.opera:-o-prefocus,
.kite {
  font-size: 0.5px !important;
}
```
*/
.kite__item {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  font-size: medium;
  font-size: 1rem;
  vertical-align: top; }

/*
# kite functions
*/
/*
## Horizontal align items

```html
<div class="kite kite--center">
  <div class="kite__item">A</div>
  <div class="kite__item">B</div>
  <div class="kite__item">C</div>
</div>
```
*/
.kite--left {
  text-align: left !important; }

.kite--center {
  text-align: center !important; }

.kite--right {
  text-align: right !important; }

/*
## Sizing items

```html
<div class="kite">
  <div class="kite__item">A</div>
  <div class="kite__item kite__item--left">B</div>
  <div class="kite__item kite__item--right">C</div>
</div>
```
*/
.kite__item--fifth {
  width: 20%; }

.kite__item--fourth {
  width: 25%; }

.kite__item--third {
  width: 33.333%; }

.kite__item--half {
  width: 50%; }

.kite__item--full {
  width: 100%; }

/*
## Vertical align items

```html
<div class="kite">
  <div class="kite__item">A</div>
  <div class="kite__item kite__item--middle">B</div>
  <div class="kite__item kite__item--middle">C</div>
</div>
```
*/
.kite--top > .kite__item {
  vertical-align: top !important; }

.kite--middle > .kite__item {
  vertical-align: middle !important; }

.kite--bottom > .kite__item {
  vertical-align: bottom !important; }

/*
## Horizontal align content in items

```html
<div class="kite">
  <div class="kite__item kite__item--center">A</div>
  <div class="kite__item kite__item--center">B</div>
  <div class="kite__item kite__item--center">C</div>
</div>
```
*/
.kite__item--left {
  text-align: left !important; }

.kite__item--center {
  text-align: center !important; }

.kite__item--right {
  text-align: right !important; }

/*
## Intrinsic width

```html
<div class="kite">
  <div class="kite__item">A</div>
  <div class="kite__item kite__item--left">B</div>
  <div class="kite__item kite__item--right">C</div>
</div>
```
*/
.kite__item--fifth {
  width: 20%; }

.kite__item--fourth {
  width: 25%; }

.kite__item--third {
  width: 33.333%; }

.kite__item--half {
  width: 50%; }

.kite__item--full {
  width: 100%; }

/*
## Justify align items

```html
<div class="kite kite--justify">
  <div class="kite__item">A</div>
  <div class="kite__item">B</div>
  <div class="kite__item">C</div>
</div>
```
*/
.kite--justify {
  display: block;
  text-align: justify;
  text-justify: distribute-all-lines; }
  .kite--justify:after {
    content: '';
    display: inline-block;
    width: 100%; }

/*
## Fill items

```html
<div class="kite kite--justify">
  <div class="kite__item">A</div>
  <div class="kite__item">B</div>
  <div class="kite__item">C</div>
</div>
```
*/
.kite--fill.is-equalize {
  table-layout: fixed; }
.kite--fill > .kite__item {
  display: table-cell; }

/*
## Absolute position items

```html
<div style="position:relative">
  <div class="kite kite--position">
    <div class="kite__item">A</div>
  </div>
</div>
```
*/
.kite--position {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center; }
  .kite--position.is-position-fixed {
    position: fixed; }
  .kite--position:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle; }
  .kite--position > .kite__item {
    vertical-align: middle;
    text-align: left; }

/*
## Grid layout items

NOTE: this can trigger a horizontal scrollbar if the component is as wide as the viewport.
Use padding on a container(.kite), or `overflow-x:hidden` to protect against it.

```html
<div class="kite kite--grid has-gutter">
  <div class="kite__item is-4of12">A</div>
  <div class="kite__item is-4of12">B</div>
  <div class="kite__item is-4of12">C</div>
</div>
```
*/
.kite--grid > .kite__item.is-1of12 {
  width: 8.33333%; }
.kite--grid > .kite__item.is-2of12 {
  width: 16.66667%; }
.kite--grid > .kite__item.is-3of12 {
  width: 25%; }
.kite--grid > .kite__item.is-4of12 {
  width: 33.33333%; }
.kite--grid > .kite__item.is-5of12 {
  width: 41.66667%; }
.kite--grid > .kite__item.is-6of12 {
  width: 50%; }
.kite--grid > .kite__item.is-7of12 {
  width: 58.33333%; }
.kite--grid > .kite__item.is-8of12 {
  width: 66.66667%; }
.kite--grid > .kite__item.is-9of12 {
  width: 75%; }
.kite--grid > .kite__item.is-10of12 {
  width: 83.33333%; }
.kite--grid > .kite__item.is-11of12 {
  width: 91.66667%; }
.kite--grid > .kite__item.is-12of12 {
  width: 100%; }
.kite--grid > .kite__item.is-1of16 {
  width: 6.25%; }
.kite--grid > .kite__item.is-2of16 {
  width: 12.5%; }
.kite--grid > .kite__item.is-3of16 {
  width: 18.75%; }
.kite--grid > .kite__item.is-4of16 {
  width: 25%; }
.kite--grid > .kite__item.is-5of16 {
  width: 31.25%; }
.kite--grid > .kite__item.is-6of16 {
  width: 37.5%; }
.kite--grid > .kite__item.is-7of16 {
  width: 43.75%; }
.kite--grid > .kite__item.is-8of16 {
  width: 50%; }
.kite--grid > .kite__item.is-9of16 {
  width: 56.25%; }
.kite--grid > .kite__item.is-10of16 {
  width: 62.5%; }
.kite--grid > .kite__item.is-11of16 {
  width: 68.75%; }
.kite--grid > .kite__item.is-12of16 {
  width: 75%; }
.kite--grid > .kite__item.is-13of16 {
  width: 81.25%; }
.kite--grid > .kite__item.is-14of16 {
  width: 87.5%; }
.kite--grid > .kite__item.is-15of16 {
  width: 93.75%; }
.kite--grid > .kite__item.is-16of16 {
  width: 100%; }
.kite--grid.has-gutter {
  display: block;
  width: auto;
  margin-left: -10px;
  margin-right: -10px; }
  .kite--grid.has-gutter > .kite__item {
    padding-left: 10px;
    padding-right: 10px; }


.kite__item {
  font-size: 12px;
  font-size: 1.2rem;
}

.kite__item > p:first-child {
  margin-top: 0;
}


/* Component
   ----------------------------------------------------------------- */

/**
 * Button
 *
 * Blah Blah Blah
 */

.btn {
  display: inline-block;
  cursor: pointer;
  text-align: center;
}

.c-note01 {
  padding-right: 3px;
  color: #f5f717;
  font-weight: normal;
  font-size: 24px;
  font-size: 2.4rem;
}

.nav-menu {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  margin-bottom:10px;

}

.nav-menu__item {
  position: relative;
  display: table-cell;
  text-align: center;
  margin-bottom:30px;
  padding-bottom:20px;

}

.nav-menu__item > a {
  display: block;
  height: 14px;
  color:#333;
  text-align: center;
  text-decoration: none;
}

.nav-menu__item > a:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.nav-menu__item img {
  vertical-align: middle;
}

.nav-menu__item ul {
  position: absolute;
  top: 100%;
  left: 0;
}

.nav-menu__item:last-child ul {
  left: -100%;
  width: 100%
}

.nav-menu__item ul li {
  overflow: hidden;
  width: 112%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}

.nav-menu__item ul li a {
  display: block;
  padding: 13px 5px;
  background: #1eb9ee;
  text-align: left;
  font-size: 12px;
  line-height: 1;
  color: #fff;
}

.nav-menu__item ul li a:hover {
  color: #fefe03;
}

.nav-menu__item:hover ul li {
  overflow: visible;
  height: 38px;
  border-top: 1px solid #fff;
}

.nav-menu__item:hover ul li:first-child {
  border-top: 0;
}

.nav-menu__item:hover ul li:last-child a {
  border-radius: 0 0 3px 3px;
}


/* Project
   ----------------------------------------------------------------- */

.site-title,
.page-title {
  margin: 0;
}

/**
* header
*/

.site-title {
  float: left;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  color: #fff;
}

.primary-navigation {
  width: 1040px;
}

.primary-navigation {
  margin: 5px auto;
  position: relative;
  z-index: 10;
}

.header-menu {
  background: #1eb9ee;
}

.header-menu__list {
  float: right;
}

.header-menu__list li {
  margin-left: 10px;
}

.header-menu__list img {
  padding-right: 10px;
  vertical-align: middle;
}

.header-menu__list a {
  text-decoration: none;
  color: #fff;
}

.header-item01,
.header-item02,
.header-item03,
.header-item04 {
  position: absolute;
}

.header-item01 {
  left: 240px;
}

.header-item02 {
  top: 0;
  left: 420px;
}

.header-item02 i {
  padding-right: 3px;
  color: #1eb9ee;
  font-weight: bold;
}

.header-item03 {
  right: 205px;
}

.header-item04 {
  right: 0;
}

/**
 * Section
 */

.p-section {
  position: relative;
  margin-bottom: 30px;
}

.p-section:nth-last-child(1) {
  margin-bottom: 150px;
}

.p-section--a,
.p-section--c {
  width: 673px;
  margin: 0 10px 40px;
  padding: 10px 30px 40px;
  border: 1px solid #4492db;
  background: #fff url(../img/common/bg_section01.jpg) 100% 100% no-repeat;
  box-shadow: 0 0 0 10px #fff, 0 0 0 11px #4492db, inset 0 0 30px 10px #c7e7f4;
}

.p-section--b,
.p-section--g {
  position: relative;
  padding: 10px 40px 40px;
  border: 1px solid #4492db;
  background: #effaff;
  box-shadow: inset 0 0 30px 10px #c7e7f4;
}

.p-section--c {
  width: 713px;
  padding: 10px;
  background: #fff;
}

.p-section--d,
.p-section--e,
.p-section--f {
  padding: 10px;
  border: 1px solid #d2c962;
  background: #fff;
}

.p-section--e {
  border: 1px solid #4492db;
}

.p-section--f {
  border: 1px solid #4492db;
  background: #effaff;
  box-shadow: inset 0 0 30px 10px #c7e7f4;
}

.p-section--g {
  padding: 10px;
}

.p-triangle {
  position: relative;
}

.p-triangle > h3 {
  position: absolute;
  top: -20px;
  left: -40px;
  margin: 0;
}

.p-triangle:before {
  position: absolute;
  top: -20px;
  left: -40px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 95px 95px 0 0;
  border-color: #007bff transparent transparent transparent;
}

.p-triangle--blue:before {
  top: -10px;
  left: -50px;
  border-width: 69px 69px 0 0;
  border-color: #1d4ec2 transparent transparent transparent;
}

.p-triangle--darkblue:before {
  top: -15px;
  left: -50px;
  border-width: 63px 63px 0 0;
  border-color: #022262 transparent transparent transparent;
}

.p-triangle--blue > img {
  position: absolute;
  top: 5px;
  left: -45px;
  margin: 0;
}

.p-triangle--red:before {
  border-color: #f82f01 transparent transparent transparent;
}

.p-triangle--ending:before {
  border-color: #f80181 transparent transparent transparent;
}

.p-triangle--sideshow:before {
  border-color: #f7c002 transparent transparent transparent;
}

.p-triangle--announce:before,
.p-triangle--wakeari:before {
  border-color: #de42ec transparent transparent transparent;
}

.p-triangle--opening:before {
  border-color: #ff00a8 transparent transparent transparent;
}

.p-triangle--special:before {
  top: -20px;
  left: -20px;
  z-index: 10;
  border-color: #442e00 transparent transparent transparent;
}

.p-triangle--special > img {
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 11;
}

.p-section__header {
  margin: 0 -30px;
  text-align: center;
}

.p-section__title {
  margin: 0 0 30px;
}

.p-section__title--moveup2s {
  margin-top: -5px;
}

.p-section__title--moveups {
  margin-top: -10px;
}

.p-section__title--moveup {
  margin-top: -20px;
}

.p-section__title--moveupm {
  margin-top: -30px;
}

.p-section__title--moveupl {
  margin-top: -40px;
}

.p-section__title--moveup2l {
  margin-top: -50px;
}

.p-section__title--g {
  margin: 10px 0;
  font-size: 20px;
  font-size: 2rem;
  color: #023369;
}

.p-section__content {
  position: relative;
  margin: 0 auto;
}

.p-section__lead,
.c-summary {
  margin-top: 0;
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}

.rose01,
.rose02 {
  position: absolute;
  top: 50%;
  right: -73px;
  margin-top: -94px;
}

.rose02 {
  right: -83px;
}

.boy01 {
  position: absolute;
  top: 246px;
  right: -167px;
}


.p-featured-content {
  background: #effaff url(../img/home/new_bg_home.jpg) 50% 0 no-repeat;
  background-size: 1500px auto;
}

.p-featured-content .c-inner {
  position: relative;
  width: 980px;
  height: 470px;
  margin: 0 auto;
}

.p-featured-content .c-item01 {
  position: absolute;

  left: 0;
}



.p-featured-content .c-item02 {
  position: absolute;
  left: 544px;
}

.p-featured-content .c-item03 {
background-image:url(../img/home/bg_home_03.png);
  position: absolute;
  top: 136px;
  left: 544px;
  padding: 230px;
background-repeat: no-repeat;
}

.p-featured-content .c-item03:hover{
background-image:url(../img/home/bg_home_03-off.png);

}
.p-featured-content .c-item04 {
  position: absolute;
  top: 351px;
  left: 544px;
}

.p-featured-content .c-item05 {
  position: absolute;
  top: 254px;
  left: 516px;
}

.p-featured-content .c-item06 {
  position: absolute;
  top: 254px;
  left: 653px;
}

.p-featured-content .c-item07 {
  position: absolute;
  top: 254px;
  left: 791px;
}

.p-featured-content .c-item08 {
  position: absolute;
  top: 298px;
  left: 516px;
}

.p-featured-content .c-item09 {
  position: absolute;
  top: 298px;
  left: 722px;
}

.p-featured-content .c-item10 {
  position: absolute;
  top: 380px;
  left: 516px;
}

.p-featured-content .c-item11 {
  position: absolute;
  top: 223px;
  left: 68px;
}

.c-carousel {
  background: url(../img/home/bg_home02.jpg) 50% 0 no-repeat;
  background-size: 1500px auto;
  height: 190px;
  padding-top: 10px;
}

.c-carousel .c-inner {
  width: 1160px;
  height: 83px;
  margin: 0 auto;
}

#js-carousel div {
  width: 139px;
  height: 83px;
  padding: 0 3px;
  float: left;
}

#js-carousel div img {
  width: 100%;
  height: auto;
}




/* box */

.p-box {
  height: 100%;
  padding: 8px;
}

.p-box--a {
  position: relative;
  padding-bottom: 0;
  border-bottom: 8px solid #1eb9ee;
  box-shadow: 0 0 20px 0 #ccc;
  background: #fff;
}

.p-box--a > img {
  margin-bottom: 8px;
}

.kite__item.kite__item--half {
  margin-bottom: 20px;
}

.kite__item.kite__item--half:nth-last-of-type(-n+2) {
  margin-bottom: 0;
}

.p-box--b {
  margin-bottom: 20px;
  padding-bottom: 0;
  background: #3accf6;
}

.p-box--b .p-box__content {
  height: 65px;
  font-size: 10px;
  font-size: 1rem;
}

.p-box--c,
.p-box--g  {
  padding: 10px;
  border: 1px solid #0048b4;
  box-shadow: 0 0 20px 0 #ccc;
  background: #fff;
}

.p-box--c {
  margin-bottom: 10px;
  padding: 15px 50px;
}

.p-box--c__title {
  margin: 0;
  font-size: 20px;
  font-size: 2rem;
  color: #022a66;
}

.p-box--d {
  position: relative;
  background-color: #023369;
  padding: 4px;
  border: 8px solid #fff;
}

.p-box--d > a {
  color: #fff;
}

.p-box--d > a:hover {
  color: #fefe03;
}

.p-box--e {
  margin-top: 10px;
  padding: 0;
  line-height: 0;
  box-shadow: 0 0 0 5px #0056cc, 0 0 0 10px #fff, 0 0 15px 11px #bbb;
}

.p-box--f {
  padding: 4px;
  background: #fff;
  box-shadow: 0 0 20px 0 #ccc;
  line-height: 0;
}

.p-box--g {
  margin-bottom: 10px;
  padding: 10px 10px 10px 50px;
  background-image: -moz-linear-gradient(left, #ffffd3, #ffffff);
  background-image: -ms-linear-gradient(left, #ffffd3, #ffffff);
  background-image: -webkit-linear-gradient(left, #ffffd3, #ffffff);
  background-image: linear-gradient(left, #ffffd3, #ffffff);
  overflow: hidden;
}

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

.p-box--h {
  background: url(../img/parts/bg_voice01.jpg) no-repeat;
  border: 20px solid #01a1ff;
  width: 688px;
  height: 387px;
  padding: 0;
}

.p-box--i {
  padding: 0 20px 20px;
  box-shadow: 0 0 20px 0 #ccc;
}

.p-box--j {
  margin-bottom: 10px;
  padding: 0;
  border: 1px solid #ccc;
  background: #fff;
}

.p-box--k {
  padding: 10px;
  background: #fff;
  box-shadow: 0 0 20px 0 #ccc;
}

.p-btn-request {
  position: absolute;
  top: 190px;
  left: 200px;
}

.p-box-inner {
  background: #023369;
  padding: 4px;
}

.p-box__header {
  margin-bottom: 10px;
}

.p-box__content p:first-child {
  margin-top: 0;
}

.p-box__content.h-size-m {
  height: 120px;
}

.p-box__img--a {
  margin-bottom: 8px;
  padding: 5px;
  background: #fff;
}

.p-box .p-box__title:first-of-type {
  margin-top: 0;
}

.p-box__title {
  margin: 8px 0;
  font-weight: normal;
}

.p-box__title--a {
  margin: 8px 0;
  padding: 0 5px;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  background: #1eb8ed; /* Old browsers */
  background: -moz-linear-gradient(top,  #1eb8ed 0%, #159fdf 40%, #159fdf 60%, #1eb8ed 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1eb8ed), color-stop(40%,#159fdf), color-stop(60%,#159fdf), color-stop(100%,#1eb8ed)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #1eb8ed 0%,#159fdf 40%,#159fdf 60%,#1eb8ed 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #1eb8ed 0%,#159fdf 40%,#159fdf 60%,#1eb8ed 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #1eb8ed 0%,#159fdf 40%,#159fdf 60%,#1eb8ed 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #1eb8ed 0%,#159fdf 40%,#159fdf 60%,#1eb8ed 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1eb8ed', endColorstr='#1eb8ed',GradientType=0 ); /* IE6-9 */
}

.p-box__title--b {
  height: 30px;
  padding: 10px;
  background: #fffd38;
  color: #2ca3ca;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}

.p-box__title--c {
  margin-left: -20px;
  margin-left: -2rem;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-box__title--c .fa.fa-square {
  color: #21baef;
}

.p-box__title--d {
  margin: 0 5px;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  display: block;
}

.p-box__title--h {
  margin: 0 -15px 0;
  margin-top: -12px !important;
  text-align: center;
}

.p-box--i .p-box__title,
.p-box--k .p-box__title {
  margin: 0 -20px 20px;
  padding: 10px 0;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #1eb8ed; /* Old browsers */
  background: -moz-linear-gradient(top,  #1eb8ed 0%, #159fdf 40%, #159fdf 60%, #1eb8ed 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1eb8ed), color-stop(40%,#159fdf), color-stop(60%,#159fdf), color-stop(100%,#1eb8ed)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #1eb8ed 0%,#159fdf 40%,#159fdf 60%,#1eb8ed 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #1eb8ed 0%,#159fdf 40%,#159fdf 60%,#1eb8ed 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #1eb8ed 0%,#159fdf 40%,#159fdf 60%,#1eb8ed 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #1eb8ed 0%,#159fdf 40%,#159fdf 60%,#1eb8ed 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1eb8ed', endColorstr='#1eb8ed',GradientType=0 ); /* IE6-9 */
}

.p-box--k .p-box__title {
  margin: 0;
  padding: 10px 0;
}

.p-box__title__span {
  padding-left: 0.3em;
  font-weight: bold;
  vertical-align: middle;
}

.p-box__title__span--a {
  letter-spacing: 0.3em;
  font-weight: bold;
}

.p-box__title__span--b {
  letter-spacing: -1px;
}

.p-box__title__span--c {
  padding-left: 6px;
  padding-left: 0.6rem;
  font-size: 20px;
  font-size: 2rem;
  color: #0048b4;
  letter-spacing: normal;
}

.p-box__footer {
  margin: 0 -8px;
  padding: 10px 0;
}

.p-box__footer--a {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
  margin: 0;
  border-top: 1px solid #000;
}

.p-box__footer--b {
  padding: 0;
  border-top: 2px solid #fff;
}

.p-box__footer--d {
  position: absolute;
  left: 2px;
  bottom: 4px;
  margin: 0;
  padding: 0 15px;
  border-top: 1px solid #fff;
}

.p-comment {
  position: relative;
  background: url(../img/parts/bg_voice02.jpg) 0 0 no-repeat;
  width: 730px;
  height: 254px;
}

.p-comment__txt {
  position: absolute;
  top: 75px;
  left: 45px;
  width: 345px;
}

.p-comment01 {
  min-height: 140px;
  margin-left: 190px;
  padding: 5px 20px;
  background: #fef557;
  border-radius: 10px;
}

.p-item-voice {
  margin: 0;
  padding: 0 20px 0 250px;
  height: 254px;
  overflow: hidden;
}

.p-item-voice dt {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}

.p-item-voice dd {
  margin-left: 0;
}

.p-item-voice dt span {
  padding-left: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0035d5;
}

.p-item-summary,
.p-item-sitemap,
.p-item-contact {
  margin: 0 0 3px;
  padding: 2px;
  border: 1px solid #69a8e2;
  background: #fff;
  overflow: hidden;
}

.p-item-summary dt {
  position: relative;
  width: 175px;
  height: 40px;
  background: #214fbb;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  display: table-cell;
}

.p-item-summary dt:before {
  content: "";
  position: absolute;
  top: 0;
  right: -35px;
  border: 20px solid transparent;
  border-left: 15px solid #214fbb;
}

.p-item-summary dd {
  padding: 0 30px;
  display: table-cell;
  vertical-align: middle;
}

.p-item-sitemap__level1,
.p-item-sitemap__level2,
.p-item-sitemap__level3,
.p-item-contact__col1 {
  position: relative;
  width: 125px;
  height: 40px;
  background: #214fbb;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  display: table-cell;
  white-space: nowrap;
}

.p-item-sitemap__level1:before,
.p-item-sitemap__level2:before,
.p-item-contact__col1:before {
  content: "";
  position: absolute;
  top: 0;
  right: -35px;
  z-index: 10;
  border: 20px solid transparent;
  border-left: 15px solid #214fbb;
}

.p-item-sitemap__level2:before {
  border-left: 15px solid #2cbcfe;
}

.p-item-sitemap__level2 {
  width: 230px;
  padding-left: 20px;
  background: #2cbcfe;
  text-align: left;
}

.p-item-sitemap__level3 {
  width: 312px;
  padding-left: 20px;
  background: #fff;
  text-align: left;
  color: #000;
}

.p-item-sitemap__level2 a {
  color: #fff;
}

.p-item-sitemap__level3 a {
  color: #000;
}

.p-item-sitemap:nth-child(2n),
.p-item-sitemap:nth-child(2n) .p-item-sitemap__level3 {
  background: #e7f8ff;
}

.p-item-contact__col1 {
  width: 170px;
  padding-left: 5px;
  text-align: left;
}

.p-item-contact__col2 {
  padding: 5px 5px 5px 35px;
  vertical-align: middle;
  display: table-cell;
}

.p-item-contact__col2 textarea {
  width: 400px;
  height: 150px;
}

.p-item-contact2 {
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #4492db;
  table-layout: fixed;
}

.p-item-contact2 th {
  width: 176px;
}

.p-item-contact2 td {
  padding-left: 20px;
}

.p-item-contact2 tr:nth-child(2n) {
  background: #e7f8ff;
}

.p-pr8 {
  padding-right: 8px;
}

.p-w100 {
  width: 100px;
}

.p-w200 {
  width: 200px;
}

.p-w350 {
  width: 350px;
}

.p-w480 {
  width: 480px;
}

.p-comingsoon {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
}

.p-planname {
  width: 262px;
  padding: 8px 0;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}

.p-planname--profile {
  background: #f98202;
}

.p-planname--ending {
  background: #1f7cee;
}

.p-planname--sideshow {
  background: #4fd528;
}

.p-planname--announce {
  background: #891cf0;
}

.p-planname--opening {
  background: #ff60bc;
}

.p-planname--wakeari {
  background: #1c79ec;
}

.p-planname--subcat {
  background: #fb8403;
}

.p-morelink {
  text-align: center;
  box-sizing: border-box;
}

.p-morelink--a,
.p-morelink--c,
.p-morelink--e {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

.p-morelink a {
  color: #000;
}

.p-morelink--a a:hover {
  color: #1eb9ee;
}

.p-morelink--b a,
.p-morelink--b > span {
  display: block;
  padding: 10px 0;
  background: #3accf6;
  color: #fff;
}

.p-morelink--b a:hover {
  background: #0265d3;
}

.p-morelink--c a {
  display: block;
  width: 262px;
  padding: 8px 0;
  border: 1px solid #000;
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.7);
}

.p-morelink--c a:hover {
  background: rgb(30,185,238);
  background: rgba(30,185,238,1);
  color: #fff;
}

.p-morelink--e a {
  display: block;
  padding: 15px 0;
  background: #ff7800;
  color: #fff;
}

.p-morelink--e a:hover {
  background: #ff0200;
}

.p-morelink__txt {
  padding-left: 5px;
}

.p-tag-list {
  margin: 0 -2px 5px;
  overflow: hidden;
}

.p-tag {
  width: 100px;
  margin: 2px;
  padding: 2px 0;
  border-radius: 10px;
  background: #ccc;
  color: #fff;
  text-align: center;
  display: block;
}

.p-tag--a {
  background: #d90000;
}

.p-tag--b {
  background: #23c0d7;
}

.p-tag--c {
  background: #ceaa18;
}

.p-tag--d {
  background: #e7830e;
}

.p-tag--e {
  background: #67ac16;
}

.p-tag--f {
  background: #981cb3;
}

.p-faq-list {
  margin: 0 0 10px;
  padding: 10px;
  background: #fff;
  border: 1px solid #0048b4;
}

.p-faq-question {
  position: relative;
  height: 60px;
  margin-bottom: 10px;
  padding-left: 70px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #023369;
}

.p-faq-question--reversal {
  padding-left: 120px;
}

.p-faq-answer {
  position: relative;
  height: 95px;
  margin-left: 0;
  padding: 10px 120px 10px 160px;
  background: #fefe9a;
  border: 1px solid #cac62e;
}

.p-faq-answer--reversal {
  padding: 10px 160px 10px 120px;
}

.p-faq-ico01,
.p-faq-ico02 {
  position: absolute;
}

.p-faq-ico01 {
  top: 0px;
  left: 0px;
}

.p-faq-ico01--reversal {
  top: 0px;
  left: 500px;
}

.p-faq-ico02 {
  top:-7px;
  right: 10px;
}

.p-faq-ico02--reversal {
  top:-7px;
  left: 10px;
}

.p-faq-img01 {
  position: absolute;
  bottom: -10px;
  left: 10px;
}

.p-faq-img02 {
  position: absolute;
  bottom: -10px;
  right: 10px;
}


/* home */
.p-section--home:nth-of-type(1) .btn {
  position: absolute;
  top: 336px;
  left: 353px;
}
.p-section--home:nth-of-type(1) .btn2 {
  position: absolute;
  top: 787px;
  left: 353px;
}

.p-section--home:nth-of-type(3) .c-box {
  float: left;
  width: 475px;
}

.p-section--home:nth-of-type(3) table {
  border: 1px solid #4492db;
  background: #fff;
  box-shadow: inset 0 0 30px 10px #c7e7f4;
}

.p-section--home:nth-of-type(3) td {
  padding: 15px 10px;
  border: 1px solid #4492db;
}

.p-section--home:nth-of-type(4) img.c-adjust {
  margin: 0 -10px -20px;
}

/* policy */

.p-section--policy:nth-of-type(2) .c-box p {
  margin-top: 5px;
  padding: 15px;
  background: #99e8fe;
}

/* oitachi */

.oitachi .p-section--c:nth-of-type(1) .p-section__content {
  background: url(../img/oitachi/bg_oitachi01.jpg) 0 0 no-repeat;
  width: 731px;
  height: 707px;
  margin: -15px -9px -10px;
}

.oitachi .p-section--c:nth-of-type(1) .c-lead {
  position: absolute;
  top: 100px;
  left: 30px;
  width: 400px;
}

.oitachi .p-section--c:nth-of-type(2) .p-section__content {
  background: url(../img/oitachi/bg_oitachi02.jpg) 0 0 no-repeat;
  width: 731px;
  height: 347px;
  margin: -15px -9px -10px;
}

.oitachi .p-section--c:nth-of-type(2) .c-lead {
  padding: 20px;
}

/**
 * etc
 */

.hr {
  height: 11px;
  background: url(../img/common/bg_secondary01.png) repeat-x;
  border-style: none;
}

.hr01 {
  margin: 15px 0;
}

.hr02 {
  margin: 0 0 20px;
}

.p-bg01 {
  height: 100%;
  padding: 8px 8px 500px;
  margin-bottom: -500px;
  background: #00b7f0;
}

.p-frame {
  padding: 8px;
  background: #fff;
}

.p-frame--shadow {
  border: 1px solid #ccc;
  box-shadow: 0px 0px 20px 0px #ccc;
}

.p-frame--a {
  padding: 0px;
  margin: -10px;
}

.munu__item img {
  border: 1px solid #ccc;
  box-shadow: 0px 0px 20px 0px #ccc;
  margin-bottom: 5px;
}

/**
* footer
*/

.footer-menu {
  background: #3accf6 url(../img/common/img_footer09.jpg) 50% 100% no-repeat;
  border-bottom: 7px solid #023369;
}

.footer-menu__list-a {
  margin-top: 0;
  padding-bottom: 5px;
  background: #fff;
}

.footer-menu__list-a {
  height: 366px;
}

.footer-menu__list-a dt {
  border-bottom: 10px solid #3accf6;
}

.footer-menu__list-a dd {
  margin: 10px 0;
  padding: 0 10px;
}

.footer-menu__list-a dd i {
  padding-right: 10px;
  color: #3accf6;
  font-size: 8px;
  font-size: 0.8rem;
}

.footer__title {
  color: #fff;
}

.footer__title i {
  vertical-align: middle;
  padding-right: 10px;
}

.page-to-top {
  clear: both;
  width: 350px;
  height: 137px;
  margin: 20px auto 0;
  text-align: center;
}

.copyright {
  padding-top: 30px;
  text-align: center;
}




/* Utitlity
   ----------------------------------------------------------------- */

.u-di {
  display: inline;
}

/**
 * Margin
 */

.u-mts {
  margin-top: 10px;
}

.u-mtm {
  margin-top: 20px;
}

.u-mtl {
  margin-top: 30px;
}


.u-mbs {
  margin-bottom: 10px;
}

.u-mb2s {
  margin-bottom: 5px;
}

.u-mls {
  margin-left: 10px;
}

.u-mrs {
  margin-right: 10px;
}

.u-mbm {
  margin-bottom: 20px;
}

.u-mbl {
  margin-bottom: 30px;
}

.u-mb2l {
  margin-bottom: 40px;
}

.u-mb3l {
  margin-bottom: 50px;
}

.u-mlm {
  margin-left: 20px;
}

.u-mrm {
  margin-right: 20px;
}

.u-sides-ms {
  margin-left: 10px;
  margin-right: 10px;
}

.u-sides-mm {
  margin-left: 20px;
  margin-right: 20px;
}

.u-sides-ml {
  margin-left: 30px;
  margin-right: 30px;
}

.u-reset-m,
.u-reset-mt {
  margin-top: 0;
}

.u-reset-m,
.u-reset-mr {
  margin-right: 0;
}

.u-reset-m,
.u-reset-mb {
  margin-bottom: 0;
}

.u-reset-m,
.u-reset-ml {
  margin-left: 0;
}

.u-mts.u-negative {
  margin-top: -10px;
}

.u-mtm.u-negative {
  margin-top: -20px;
}

.u-mtl.u-negative {
  margin-top: -30px;
}


/**
 * Padding
 */

.u-pts {
  padding-top: 10px;
}

.u-ptm {
  padding-top: 20px;
}

.u-pls {
  padding-left: 10px;
}

.u-plm {
  padding-left: 20px;
}

.u-pll {
  padding-left: 30px;
}

.u-pl3l {
  padding-left: 50px;
}

.u-prs {
  padding-right: 10px;
}

.u-prm {
  padding-right: 20px;
}

.u-sides-ps {
  padding-left: 10px;
  padding-right: 10px;
}

.u-sides-pm {
  padding-left: 20px;
  padding-right: 20px;
}

.u-sides-pl {
  padding-left: 30px;
  padding-right: 30px;
}

/**
 * etc
 */

.u-fz0 {
  font-size: 0;
}

.u-fzs {
  font-size: 90%;
}

.u-fz2s {
  font-size: 70%;
}

.u-fz3s {
  font-size: 60%;
}

.u-fzl {
  font-size: 110%;
}

.u-fwb {
  font-weight: bold;
}

.u-tac {
  text-align: center;
}

.u-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.u-flr {
  float: right;
}

.u-fll {
  float: left;
}

.u-pos-r,
.u-posr {
  position: relative;
}

/*.u-visuallyhidden,*/
.u-vh {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.u-cf:after {
  content: " ";
  display: table;
  clear: both;
}

.u-cf {
  zoom: 1;
}

.u-cl {
  clear: both;
}

.u-ovh {
  overflow: hidden;
}

.u-flip-h {
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.u-dtb {
  display: table;
}

.u-dtbc {
  display: table-cell;
}


/* 小野追加 */

/* flow-party */

.flow-party .p-section__content {
  width: 754px;
  background: url(../img/flow-party/img_flow-party01.png) no-repeat center top;
  padding-top: 2123px;
  margin-top: -20px;
  margin-bottom: 150px;
}

/* flow-work */

.flow-work h4 {
  margin: 0;
}

.flow-work .p-section__content {
  padding: 0 23px 23px 23px;
}

.flow-work table {
  margin-top: 20px;
}

.flow-work th {
  border-top: 1px solid #0064ee;
  border-left: 1px solid #003ab2;
  border-bottom: 1px solid #003ab2;
  padding: 0;
}

.flow-work td {
  height: 158px;
  width: 563px;
  padding: 20px 20px 0 20px;
  vertical-align: top;
  border-top: 1px solid #4492db;
  border-right: 1px solid #4492db;
  border-bottom: 1px solid #4492db;
}

.flow-work tr:first-child td {
  background: url(../img/flow-work/img_flow-work01.png),-webkit-gradient(linear, left top, left bottom, color-stop(0.88, #c9e3fc), color-stop(0.00, #fff));
  background: url(../img/flow-work/img_flow-work01.png),-webkit-linear-gradient(top, #fff 0%, #c9e3fc 88%);
  background: url(../img/flow-work/img_flow-work01.png),-moz-linear-gradient(top, #fff 0%, #c9e3fc 88%);
  background: url(../img/flow-work/img_flow-work01.png),-ms-linear-gradient(top, #fff 0%, #c9e3fc 88%);
  background: url(../img/flow-work/img_flow-work01.png),linear-gradient(to bottom, #fff 0%, #c9e3fc 88%);
  background-repeat: no-repeat;
  background-position: 90% center;
}

.flow-work tr:nth-child(2) td {
  background: url(../img/flow-work/img_flow-work02.png),-webkit-gradient(linear, left top, left bottom, color-stop(0.88, #c9e3fc), color-stop(0.00, #fff));
  background: url(../img/flow-work/img_flow-work02.png),-webkit-linear-gradient(top, #fff 0%, #c9e3fc 88%);
  background: url(../img/flow-work/img_flow-work02.png),-moz-linear-gradient(top, #fff 0%, #c9e3fc 88%);
  background: url(../img/flow-work/img_flow-work02.png),-ms-linear-gradient(top, #fff 0%, #c9e3fc 88%);
  background: url(../img/flow-work/img_flow-work02.png),linear-gradient(to bottom, #fff 0%, #c9e3fc 88%);
  background-repeat: no-repeat;
  background-position: 90% center;
}

.flow-work tr:nth-child(3) td {
  background: url(../img/flow-work/img_flow-work03.png),-webkit-gradient(linear, left top, left bottom, color-stop(0.88, #c9e3fc), color-stop(0.00, #fff));
  background: url(../img/flow-work/img_flow-work03.png),-webkit-linear-gradient(top, #fff 0%, #c9e3fc 88%);
  background: url(../img/flow-work/img_flow-work03.png),-moz-linear-gradient(top, #fff 0%, #c9e3fc 88%);
  background: url(../img/flow-work/img_flow-work03.png),-ms-linear-gradient(top, #fff 0%, #c9e3fc 88%);
  background: url(../img/flow-work/img_flow-work03.png),linear-gradient(to bottom, #fff 0%, #c9e3fc 88%);
  background-repeat: no-repeat;
  background-position: 90% center;
}

.flow-work tr:nth-child(4) td {
  background: url(../img/flow-work/img_flow-work04.png),-webkit-gradient(linear, left top, left bottom, color-stop(0.88, #c9e3fc), color-stop(0.00, #fff));
  background: url(../img/flow-work/img_flow-work04.png),-webkit-linear-gradient(top, #fff 0%, #c9e3fc 88%);
  background: url(../img/flow-work/img_flow-work04.png),-moz-linear-gradient(top, #fff 0%, #c9e3fc 88%);
  background: url(../img/flow-work/img_flow-work04.png),-ms-linear-gradient(top, #fff 0%, #c9e3fc 88%);
  background: url(../img/flow-work/img_flow-work04.png),linear-gradient(to bottom, #fff 0%, #c9e3fc 88%);
  background-repeat: no-repeat;
  background-position: 90% center;
}

.flow-work tr:nth-child(5) td {
  background: url(../img/flow-work/img_flow-work05.png),-webkit-gradient(linear, left top, left bottom, color-stop(0.88, #c9e3fc), color-stop(0.00, #fff));
  background: url(../img/flow-work/img_flow-work05.png),-webkit-linear-gradient(top, #fff 0%, #c9e3fc 88%);
  background: url(../img/flow-work/img_flow-work05.png),-moz-linear-gradient(top, #fff 0%, #c9e3fc 88%);
  background: url(../img/flow-work/img_flow-work05.png),-ms-linear-gradient(top, #fff 0%, #c9e3fc 88%);
  background: url(../img/flow-work/img_flow-work05.png),linear-gradient(to bottom, #fff 0%, #c9e3fc 88%);
  background-repeat: no-repeat;
  background-position: 90% center;
}

.flow-work tr:nth-child(6) td {
  background: url(../img/flow-work/img_flow-work06.png),-webkit-gradient(linear, left top, left bottom, color-stop(0.88, #fff1e7), color-stop(0.00, #fff));
  background: url(../img/flow-work/img_flow-work06.png),-webkit-linear-gradient(top, #fff 0%, #fff1e7 88%);
  background: url(../img/flow-work/img_flow-work06.png),-moz-linear-gradient(top, #fff 0%, #fff1e7 88%);
  background: url(../img/flow-work/img_flow-work06.png),-ms-linear-gradient(top, #fff 0%, #fff1e7 88%);
  background: url(../img/flow-work/img_flow-work06.png),linear-gradient(to bottom, #fff 0%, #fff1e7 88%);
  background-repeat: no-repeat;
  background-position: 90% center;
}

.flow-work tr:last-child th {
  border-top: 1px solid #0064ee;
  border-left: 1px solid #ff7800;
  border-bottom: 1px solid #ff7800;
}

.flow-work td p {
  width: 340px;
}


/* famous */

.famous .content__famous {
  width: 665px;
  padding: 10px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #0048b4;
  box-shadow:rgba(0, 0, 0, 0.458824) 2px 2px 7px 0px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.458824) 2px 2px 7px 0px;
  -moz-box-shadow:rgba(0, 0, 0, 0.458824) 2px 2px 7px 0px;
  position: relative;
}

.famous .content__famous:last-child {
  margin-bottom: 18px;
}

.famous .content__famous .photo {
  position: relative;
  z-index: 10;
}

.famous .content__famous .fukidashi {
  width: 460px;
  padding-bottom: 7px;
  background: url(../img/famous/arrow_famous01.png) no-repeat 20px bottom;
  position: absolute;
  top: 40px;
  left: 200px;
}

.famous .content__famous .fukidashi p {
  padding: 20px;
  background: #fef557 ;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}

.famous .content__famous h4 {
  position: absolute;
  top: 0;
  left: 220px;
}

.famous .content__famous h5 {
  margin: 0;
  font-size: 25.96px;
  font-weight: bold;
  color: #e30214;
  position: absolute;
  left: 260px;
  bottom: 50px;
}

.famous .content__famous h6 {
  width: 420px;
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0 10px;
  background: #e30214;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  left: 220px;
  bottom: 15px;
}

.famous .p-triangle > h3 {
  top: 0;
  left: 0;
  z-index: 30;
}

.famous .p-triangle:before {
  top: 0;
  left: 0;
  z-index: 20;
}

.p-triangle--famous:before {
  border-color: #0033ca transparent transparent transparent;
}

.famous div.content__famous + div {
  margin-top: 21px;
}


/* ranking */

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

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.ranking .alnC {
  text-align: center;
  display: block;
}

.ranking .p-section--d {
  position: relative;
  padding: 10px 34px 14px 34px;
  border: 1px solid #820000;
  background: #db3131;
  box-shadow: inset 0 0 30px 10px #c12628;
}

.ranking .p-section__content {
  width: 292px;
  margin-bottom: 20px;
  padding: 110px 20px 20px 20px;
  background: #fff;
  box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 5px 0px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 5px 0px;
  -moz-box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 5px 0px;
  float: left;
}

.ranking .p-section__content p.height100 {
  height: 100px;
}

.ranking .p-section__content h5 + h6 {
  margin-top: 10px;
}

.ranking .p-section__content:nth-child(2) {
  width: 644px;
}

.ranking .p-section__content:nth-child(odd) {
  margin-right: 20px;
}

.ranking .p-section__content .voice {
  margin-bottom: 20px;
  padding: 10px;
  background: #3accf6;
}

.ranking .p-section__content h4 {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.ranking .p-section__content h5 {
  margin: 0;
  padding: 0;
}

.ranking .p-section__content h6 {
  margin: 0;
  padding: 0;
}

.ranking .p-section__content .fL {
  margin-bottom: 20px;
  float: left;
}

.ranking .p-section__content .fR {
  margin-bottom: 20px;
  width: 274px;
  float: right;
}

/* parents */

.parents .u-ovh p {
  padding: 20px;
  background: #9ceaff;
}

/* plan */

.plan .p-box__title--a {
  text-align: center;
  font-weight: bold;
}

.plan .p-box__footer--a {
  /*width:130px;*/
  /*bottom: 0;*/
  left:206px;
}

.plan .p-box--a img {
  margin-bottom: 10px;
}

.plan .p-box--a > a {
  display: block;
  color: #000;
}

.plan .p-box--a > a:hover {
  color: #1eb9ee;
}


/* plugin */

.bread_crumb {
  width: 1000px;
  height: 15px;
  padding: 10px 0;
  margin: 0 auto;
  font-size: 12px;
  font-size: 1.2rem;
}

.bread_crumb li {
  display: inline-block;
  vertical-align: top;
}

.bread_crumb li + li:before {
  margin: 0 5px;
  content: ">";
}

/* voice */

.p-section--voice {
  overflow: hidden;
}

.p-section--voice > .p-section__content {
  padding: 0 10px;
}

.p-section--voice > .p-section__header {
  margin: -10px -10px 0;
  text-align: left;
}

.p-section--voice .p-section__title {
  box-sizing: border-box;
  background: url(../img/voice/bg_voice01.png) 0 0 no-repeat;
  width: 733px;
  height: 107px;
  margin-bottom: 0;
  padding: 10px 20px;
  font-size: 50px;
  color: #fff;
}


.post-area {
  float: left;
  width: 442px;
}

.post {
  margin-bottom: 40px;
}

.post > table {
  width: 100%;
  margin-bottom: 15px;
}

.post > table td {
  width: 50%;
  vertical-align: top;
}

.post > table table {
  width: 100%;
  border: 1px solid #4492db;
  border-collapse: separate;
}

.post > table table th {
  width: 30%;
  padding: 10px 0;
  border: 2px solid #fff;
  background: #214fbb;
  color: #fff;
  table-layout: fixed;
  white-space: nowrap;
}

.post > table table td {
  padding: 10px 5px;
  vertical-align: middle;
}

.single .post > table table th {
  width: 15%;
}

.single .post-area .p-morelink--e {
  width: 48%;
}

.post h5 {
  margin-bottom: 0;
}

.post-header {
  margin-bottom: 15px;
  padding: 5px;
  border: 1px solid #cfc519;
}

.post-header h4 {
  margin: 0;
  padding: 5px;
  background: #f9dc42;
  font-size: 20px;
}

.post-thumbnail {
  width: 422px;
  margin: 0 auto 15px;
  padding: 5px;
  border: 1px solid #ccc;
}

.post-content {
  margin-bottom: 15px;
}

.post-comment {
  padding: 10px;
  border: 1px solid #4492db;
}

.content-sidebar {
  float: right;
  width: 222px;
}

.content-sidebar h4 {
  margin: 0 0 10px;
}

.content-sidebar h5 {
  margin-bottom: 5px;
}

.content-sidebar li {
  margin-bottom: 5px;
}

.content-sidebar li a {
  display: table-cell;
  /*display: block;*/
  box-sizing: border-box;
  background: url(../img/voice/bg_voice02_off.png) 0 0 no-repeat;
  width: 222px;
  height: 47px;
  padding: 5px 15px;
  font-weight: bold;
  vertical-align: middle;
}

.content-sidebar li a:hover {
  background: url(../img/voice/bg_voice02_on.png) 0 0 no-repeat;
}

.page_navi {
    text-align: center;
    margin-bottom: 20px;
}

.page_navi li {
    display: inline;
    list-style: none;
}

.page_navi li.current span {
    color: #333;
    font-weight: bold;
    display: inline-block;
    padding: 3px 7px;
    background: #d0f3fd;
    border: solid 1px #214fbb;
}

.page_navi li a {
    color: #333;
    padding: 3px 7px;
    background: #fff;
    display: inline-block;
    border: solid 1px #214fbb;
    text-decoration: none;
}

.page_navi li a:hover {
    background: #ffec4f;
}

.page_navi li.first a,
.page_navi li.last a {
    color: #fff;
    background: #214fbb;
}

.page_navi li.page_nums span {
    color: #fff;
    padding: 3px 7px;
    background: #666;
    display: inline-block;
    border: solid 1px #333;
}