@charset "UTF-8";
/*
Theme Name: Chatpia_1.0
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 1.0.0
License: 
License URI:
Tags: 
Text Domain: 
*/
/*!
 * animsition v4.0.2
 * A simple and easy jQuery plugin for CSS animated page transitions.
 * http://blivesta.github.io/animsition
 * License : MIT
 * Author : blivesta (http://blivesta.com/)
 */
.animsition, .animsition-overlay { position: relative; opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animsition-overlay-slide { position: fixed; z-index: 1; width: 100%; height: 100%; background-color: #ddd; }

.animsition-loading, .animsition-loading:after { width: 32px; height: 32px; position: fixed; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; border-radius: 50%; z-index: 2; }

.animsition-loading { background-color: transparent; border-top: 5px solid rgba(0, 0, 0, 0.2); border-right: 5px solid rgba(0, 0, 0, 0.2); border-bottom: 5px solid rgba(0, 0, 0, 0.2); border-left: 5px solid #eee; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-name: animsition-loading; animation-name: animsition-loading; }

@-webkit-keyframes animsition-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } }
@keyframes animsition-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } }
@-webkit-keyframes fade-in { 0% { opacity: 0; }
  to { opacity: 1; } }
@keyframes fade-in { 0% { opacity: 0; }
  to { opacity: 1; } }
.fade-in { -webkit-animation-name: fade-in; animation-name: fade-in; }

@-webkit-keyframes fade-out { 0% { opacity: 1; }
  to { opacity: 0; } }
@keyframes fade-out { 0% { opacity: 1; }
  to { opacity: 0; } }
.fade-out { -webkit-animation-name: fade-out; animation-name: fade-out; }

@-webkit-keyframes fade-in-up { 0% { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; }
  to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
@keyframes fade-in-up { 0% { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; }
  to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
.fade-in-up { -webkit-animation-name: fade-in-up; animation-name: fade-in-up; }

@-webkit-keyframes fade-out-up { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  to { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; } }
@keyframes fade-out-up { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  to { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; } }
.fade-out-up { -webkit-animation-name: fade-out-up; animation-name: fade-out-up; }

@-webkit-keyframes fade-in-up-sm { 0% { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; }
  to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
@keyframes fade-in-up-sm { 0% { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; }
  to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
.fade-in-up-sm { -webkit-animation-name: fade-in-up-sm; animation-name: fade-in-up-sm; }

@-webkit-keyframes fade-out-up-sm { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  to { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } }
@keyframes fade-out-up-sm { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  to { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } }
.fade-out-up-sm { -webkit-animation-name: fade-out-up-sm; animation-name: fade-out-up-sm; }

@-webkit-keyframes fade-in-up-lg { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; }
  to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
@keyframes fade-in-up-lg { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; }
  to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
.fade-in-up-lg { -webkit-animation-name: fade-in-up-lg; animation-name: fade-in-up-lg; }

@-webkit-keyframes fade-out-up-lg { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  to { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; } }
@keyframes fade-out-up-lg { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  to { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; } }
.fade-out-up-lg { -webkit-animation-name: fade-out-up-lg; animation-name: fade-out-up-lg; }

@-webkit-keyframes fade-in-down { 0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; }
  to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
@keyframes fade-in-down { 0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; }
  to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
.fade-in-down { -webkit-animation-name: fade-in-down; animation-name: fade-in-down; }

@-webkit-keyframes fade-out-down { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  to { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; } }
@keyframes fade-out-down { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  to { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; } }
.fade-out-down { -webkit-animation-name: fade-out-down; animation-name: fade-out-down; }

@-webkit-keyframes fade-in-down-sm { 0% { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; }
  to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
@keyframes fade-in-down-sm { 0% { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; }
  to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
.fade-in-down-sm { -webkit-animation-name: fade-in-down-sm; animation-name: fade-in-down-sm; }

@-webkit-keyframes fade-out-down-sm { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  to { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; } }
@keyframes fade-out-down-sm { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  to { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; } }
.fade-out-down-sm { -webkit-animation-name: fade-out-down-sm; animation-name: fade-out-down-sm; }

.fade-in-down-lg { -webkit-animation-name: fade-in-down; animation-name: fade-in-down; }

@-webkit-keyframes fade-out-down-lg { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  to { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } }
@keyframes fade-out-down-lg { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  to { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } }
.fade-out-down-lg { -webkit-animation-name: fade-out-down-lg; animation-name: fade-out-down-lg; }

@-webkit-keyframes fade-in-left { 0% { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; }
  to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
@keyframes fade-in-left { 0% { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; }
  to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
.fade-in-left { -webkit-animation-name: fade-in-left; animation-name: fade-in-left; }

@-webkit-keyframes fade-out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  to { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; } }
@keyframes fade-out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  to { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; } }
.fade-out-left { -webkit-animation-name: fade-out-left; animation-name: fade-out-left; }

@-webkit-keyframes fade-in-left-sm { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; }
  to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
@keyframes fade-in-left-sm { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; }
  to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
.fade-in-left-sm { -webkit-animation-name: fade-in-left-sm; animation-name: fade-in-left-sm; }

@-webkit-keyframes fade-out-left-sm { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  to { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } }
@keyframes fade-out-left-sm { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  to { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } }
.fade-out-left-sm { -webkit-animation-name: fade-out-left-sm; animation-name: fade-out-left-sm; }

@-webkit-keyframes fade-in-left-lg { 0% { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); opacity: 0; }
  to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
@keyframes fade-in-left-lg { 0% { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); opacity: 0; }
  to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
.fade-in-left-lg { -webkit-animation-name: fade-in-left-lg; animation-name: fade-in-left-lg; }

@-webkit-keyframes fade-out-left-lg { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  to { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); opacity: 0; } }
@keyframes fade-out-left-lg { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  to { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); opacity: 0; } }
.fade-out-left-lg { -webkit-animation-name: fade-out-left-lg; animation-name: fade-out-left-lg; }

@-webkit-keyframes fade-in-right { 0% { -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; }
  to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
@keyframes fade-in-right { 0% { -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; }
  to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
.fade-in-right { -webkit-animation-name: fade-in-right; animation-name: fade-in-right; }

@-webkit-keyframes fade-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  to { -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; } }
@keyframes fade-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  to { -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; } }
.fade-out-right { -webkit-animation-name: fade-out-right; animation-name: fade-out-right; }

@-webkit-keyframes fade-in-right-sm { 0% { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; }
  to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
@keyframes fade-in-right-sm { 0% { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; }
  to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
.fade-in-right-sm { -webkit-animation-name: fade-in-right-sm; animation-name: fade-in-right-sm; }

@-webkit-keyframes fade-out-right-sm { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  to { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; } }
@keyframes fade-out-right-sm { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  to { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; } }
.fade-out-right-sm { -webkit-animation-name: fade-out-right-sm; animation-name: fade-out-right-sm; }

@-webkit-keyframes fade-in-right-lg { 0% { -webkit-transform: translateX(1500px); transform: translateX(1500px); opacity: 0; }
  to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
@keyframes fade-in-right-lg { 0% { -webkit-transform: translateX(1500px); transform: translateX(1500px); opacity: 0; }
  to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
.fade-in-right-lg { -webkit-animation-name: fade-in-right-lg; animation-name: fade-in-right-lg; }

@-webkit-keyframes fade-out-right-lg { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  to { -webkit-transform: translateX(1500px); transform: translateX(1500px); opacity: 0; } }
@keyframes fade-out-right-lg { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  to { -webkit-transform: translateX(1500px); transform: translateX(1500px); opacity: 0; } }
.fade-out-right-lg { -webkit-animation-name: fade-out-right-lg; animation-name: fade-out-right-lg; }

@-webkit-keyframes rotate-in { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transform-origin: center center; opacity: 0; }
  0%,to { -webkit-transform-origin: center center; }
  to { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; } }
@keyframes rotate-in { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transform-origin: center center; opacity: 0; }
  0%,to { -webkit-transform-origin: center center; }
  to { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; } }
.rotate-in { -webkit-animation-name: rotate-in; animation-name: rotate-in; }

@-webkit-keyframes rotate-out { 0% { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; }
  0%,to { -webkit-transform-origin: center center; }
  to { -webkit-transform: rotate(90deg); transform: rotate(90deg); transform-origin: center center; opacity: 0; } }
@keyframes rotate-out { 0% { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; }
  0%,to { -webkit-transform-origin: center center; }
  to { -webkit-transform: rotate(90deg); transform: rotate(90deg); transform-origin: center center; opacity: 0; } }
.rotate-out { -webkit-animation-name: rotate-out; animation-name: rotate-out; }

@-webkit-keyframes rotate-in-sm { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transform-origin: center center; opacity: 0; }
  0%,to { -webkit-transform-origin: center center; }
  to { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; } }
@keyframes rotate-in-sm { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transform-origin: center center; opacity: 0; }
  0%,to { -webkit-transform-origin: center center; }
  to { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; } }
.rotate-in-sm { -webkit-animation-name: rotate-in-sm; animation-name: rotate-in-sm; }

@-webkit-keyframes rotate-out-sm { 0% { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; }
  0%,to { -webkit-transform-origin: center center; }
  to { -webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center center; opacity: 0; } }
@keyframes rotate-out-sm { 0% { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; }
  0%,to { -webkit-transform-origin: center center; }
  to { -webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center center; opacity: 0; } }
.rotate-out-sm { -webkit-animation-name: rotate-out-sm; animation-name: rotate-out-sm; }

@-webkit-keyframes rotate-in-lg { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); transform-origin: center center; opacity: 0; }
  0%,to { -webkit-transform-origin: center center; }
  to { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; } }
@keyframes rotate-in-lg { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); transform-origin: center center; opacity: 0; }
  0%,to { -webkit-transform-origin: center center; }
  to { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; } }
.rotate-in-lg { -webkit-animation-name: rotate-in-lg; animation-name: rotate-in-lg; }

@-webkit-keyframes rotate-out-lg { 0% { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; }
  0%,to { -webkit-transform-origin: center center; }
  to { -webkit-transform: rotate(180deg); transform: rotate(180deg); transform-origin: center center; opacity: 0; } }
@keyframes rotate-out-lg { 0% { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; }
  0%,to { -webkit-transform-origin: center center; }
  to { -webkit-transform: rotate(180deg); transform: rotate(180deg); transform-origin: center center; opacity: 0; } }
.rotate-out-lg { -webkit-animation-name: rotate-out-lg; animation-name: rotate-out-lg; }

@-webkit-keyframes flip-in-x { 0% { -webkit-transform: perspective(550px) rotateX(90deg); transform: perspective(550px) rotateX(90deg); opacity: 0; }
  to { -webkit-transform: perspective(550px) rotateX(0deg); transform: perspective(550px) rotateX(0deg); opacity: 1; } }
@keyframes flip-in-x { 0% { -webkit-transform: perspective(550px) rotateX(90deg); transform: perspective(550px) rotateX(90deg); opacity: 0; }
  to { -webkit-transform: perspective(550px) rotateX(0deg); transform: perspective(550px) rotateX(0deg); opacity: 1; } }
.flip-in-x { -webkit-animation-name: flip-in-x; animation-name: flip-in-x; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flip-out-x { 0% { -webkit-transform: perspective(550px) rotateX(0deg); transform: perspective(550px) rotateX(0deg); opacity: 1; }
  to { -webkit-transform: perspective(550px) rotateX(90deg); transform: perspective(550px) rotateX(90deg); opacity: 0; } }
@keyframes flip-out-x { 0% { -webkit-transform: perspective(550px) rotateX(0deg); transform: perspective(550px) rotateX(0deg); opacity: 1; }
  to { -webkit-transform: perspective(550px) rotateX(90deg); transform: perspective(550px) rotateX(90deg); opacity: 0; } }
.flip-out-x { -webkit-animation-name: flip-out-x; animation-name: flip-out-x; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flip-in-x-nr { 0% { -webkit-transform: perspective(100px) rotateX(90deg); transform: perspective(100px) rotateX(90deg); opacity: 0; }
  to { -webkit-transform: perspective(100px) rotateX(0deg); transform: perspective(100px) rotateX(0deg); opacity: 1; } }
@keyframes flip-in-x-nr { 0% { -webkit-transform: perspective(100px) rotateX(90deg); transform: perspective(100px) rotateX(90deg); opacity: 0; }
  to { -webkit-transform: perspective(100px) rotateX(0deg); transform: perspective(100px) rotateX(0deg); opacity: 1; } }
.flip-in-x-nr { -webkit-animation-name: flip-in-x-nr; animation-name: flip-in-x-nr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flip-out-x-nr { 0% { -webkit-transform: perspective(100px) rotateX(0deg); transform: perspective(100px) rotateX(0deg); opacity: 1; }
  to { -webkit-transform: perspective(100px) rotateX(90deg); transform: perspective(100px) rotateX(90deg); opacity: 0; } }
@keyframes flip-out-x-nr { 0% { -webkit-transform: perspective(100px) rotateX(0deg); transform: perspective(100px) rotateX(0deg); opacity: 1; }
  to { -webkit-transform: perspective(100px) rotateX(90deg); transform: perspective(100px) rotateX(90deg); opacity: 0; } }
.flip-out-x-nr { -webkit-animation-name: flip-out-x-nr; animation-name: flip-out-x-nr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flip-in-x-fr { 0% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; }
  to { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); opacity: 1; } }
@keyframes flip-in-x-fr { 0% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; }
  to { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); opacity: 1; } }
.flip-in-x-fr { -webkit-animation-name: flip-in-x-fr; animation-name: flip-in-x-fr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flip-out-x-fr { 0% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); opacity: 1; }
  to { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } }
@keyframes flip-out-x-fr { 0% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); opacity: 1; }
  to { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } }
.flip-out-x-fr { -webkit-animation-name: flip-out-x-fr; animation-name: flip-out-x-fr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flip-in-y { 0% { -webkit-transform: perspective(550px) rotateY(90deg); transform: perspective(550px) rotateY(90deg); opacity: 0; }
  to { -webkit-transform: perspective(550px) rotateY(0deg); transform: perspective(550px) rotateY(0deg); opacity: 1; } }
@keyframes flip-in-y { 0% { -webkit-transform: perspective(550px) rotateY(90deg); transform: perspective(550px) rotateY(90deg); opacity: 0; }
  to { -webkit-transform: perspective(550px) rotateY(0deg); transform: perspective(550px) rotateY(0deg); opacity: 1; } }
.flip-in-y { -webkit-animation-name: flip-in-y; animation-name: flip-in-y; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flip-out-y { 0% { -webkit-transform: perspective(550px) rotateY(0deg); transform: perspective(550px) rotateY(0deg); opacity: 1; }
  to { -webkit-transform: perspective(550px) rotateY(90deg); transform: perspective(550px) rotateY(90deg); opacity: 0; } }
@keyframes flip-out-y { 0% { -webkit-transform: perspective(550px) rotateY(0deg); transform: perspective(550px) rotateY(0deg); opacity: 1; }
  to { -webkit-transform: perspective(550px) rotateY(90deg); transform: perspective(550px) rotateY(90deg); opacity: 0; } }
.flip-out-y { -webkit-animation-name: flip-out-y; animation-name: flip-out-y; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flip-in-y-nr { 0% { -webkit-transform: perspective(100px) rotateY(90deg); transform: perspective(100px) rotateY(90deg); opacity: 0; }
  to { -webkit-transform: perspective(100px) rotateY(0deg); transform: perspective(100px) rotateY(0deg); opacity: 1; } }
@keyframes flip-in-y-nr { 0% { -webkit-transform: perspective(100px) rotateY(90deg); transform: perspective(100px) rotateY(90deg); opacity: 0; }
  to { -webkit-transform: perspective(100px) rotateY(0deg); transform: perspective(100px) rotateY(0deg); opacity: 1; } }
.flip-in-y-nr { -webkit-animation-name: flip-in-y-nr; animation-name: flip-in-y-nr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flip-out-y-nr { 0% { -webkit-transform: perspective(100px) rotateY(0deg); transform: perspective(100px) rotateY(0deg); opacity: 1; }
  to { -webkit-transform: perspective(100px) rotateY(90deg); transform: perspective(100px) rotateY(90deg); opacity: 0; } }
@keyframes flip-out-y-nr { 0% { -webkit-transform: perspective(100px) rotateY(0deg); transform: perspective(100px) rotateY(0deg); opacity: 1; }
  to { -webkit-transform: perspective(100px) rotateY(90deg); transform: perspective(100px) rotateY(90deg); opacity: 0; } }
.flip-out-y-nr { -webkit-animation-name: flip-out-y-nr; animation-name: flip-out-y-nr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flip-in-y-fr { 0% { -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); opacity: 0; }
  to { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); opacity: 1; } }
@keyframes flip-in-y-fr { 0% { -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); opacity: 0; }
  to { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); opacity: 1; } }
.flip-in-y-fr { -webkit-animation-name: flip-in-y-fr; animation-name: flip-in-y-fr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flip-out-y-fr { 0% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); opacity: 1; }
  to { -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); opacity: 0; } }
@keyframes flip-out-y-fr { 0% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); opacity: 1; }
  to { -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); opacity: 0; } }
.flip-out-y-fr { -webkit-animation-name: flip-out-y-fr; animation-name: flip-out-y-fr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes zoom-in { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0; }
  to { opacity: 1; } }
@keyframes zoom-in { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0; }
  to { opacity: 1; } }
.zoom-in { -webkit-animation-name: zoom-in; animation-name: zoom-in; }

@-webkit-keyframes zoom-out { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  50% { -webkit-transform: scale(0.7); transform: scale(0.7); }
  50%,to { opacity: 0; } }
@keyframes zoom-out { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  50% { -webkit-transform: scale(0.7); transform: scale(0.7); }
  50%,to { opacity: 0; } }
.zoom-out { -webkit-animation-name: zoom-out; animation-name: zoom-out; }

@-webkit-keyframes zoom-in-sm { 0% { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; }
  to { opacity: 1; } }
@keyframes zoom-in-sm { 0% { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; }
  to { opacity: 1; } }
.zoom-in-sm { -webkit-animation-name: zoom-in-sm; animation-name: zoom-in-sm; }

@-webkit-keyframes zoom-out-sm { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  50% { -webkit-transform: scale(0.95); transform: scale(0.95); }
  50%,to { opacity: 0; } }
@keyframes zoom-out-sm { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  50% { -webkit-transform: scale(0.95); transform: scale(0.95); }
  50%,to { opacity: 0; } }
.zoom-out-sm { -webkit-animation-name: zoom-out-sm; animation-name: zoom-out-sm; }

@-webkit-keyframes zoom-in-lg { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; }
  to { opacity: 1; } }
@keyframes zoom-in-lg { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; }
  to { opacity: 1; } }
.zoom-in-lg { -webkit-animation-name: zoom-in-lg; animation-name: zoom-in-lg; }

@-webkit-keyframes zoom-out-lg { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  50% { -webkit-transform: scale(0.4); transform: scale(0.4); }
  50%,to { opacity: 0; } }
@keyframes zoom-out-lg { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  50% { -webkit-transform: scale(0.4); transform: scale(0.4); }
  50%,to { opacity: 0; } }
.zoom-out-lg { -webkit-animation-name: zoom-out-lg; animation-name: zoom-out-lg; }

@-webkit-keyframes overlay-slide-in-top { 0% { height: 100%; }
  to { height: 0; } }
@keyframes overlay-slide-in-top { 0% { height: 100%; }
  to { height: 0; } }
.overlay-slide-in-top { top: 0; height: 0; -webkit-animation-name: overlay-slide-in-top; animation-name: overlay-slide-in-top; }

@-webkit-keyframes overlay-slide-out-top { 0% { height: 0; }
  to { height: 100%; } }
@keyframes overlay-slide-out-top { 0% { height: 0; }
  to { height: 100%; } }
.overlay-slide-out-top { top: 0; height: 100%; -webkit-animation-name: overlay-slide-out-top; animation-name: overlay-slide-out-top; }

@-webkit-keyframes overlay-slide-in-bottom { 0% { height: 100%; }
  to { height: 0; } }
@keyframes overlay-slide-in-bottom { 0% { height: 100%; }
  to { height: 0; } }
.overlay-slide-in-bottom { bottom: 0; height: 0; -webkit-animation-name: overlay-slide-in-bottom; animation-name: overlay-slide-in-bottom; }

@-webkit-keyframes overlay-slide-out-bottom { 0% { height: 0; }
  to { height: 100%; } }
@keyframes overlay-slide-out-bottom { 0% { height: 0; }
  to { height: 100%; } }
.overlay-slide-out-bottom { bottom: 0; height: 100%; -webkit-animation-name: overlay-slide-out-bottom; animation-name: overlay-slide-out-bottom; }

@-webkit-keyframes overlay-slide-in-left { 0% { width: 100%; }
  to { width: 0; } }
@keyframes overlay-slide-in-left { 0% { width: 100%; }
  to { width: 0; } }
.overlay-slide-in-left { width: 0; -webkit-animation-name: overlay-slide-in-left; animation-name: overlay-slide-in-left; }

@-webkit-keyframes overlay-slide-out-left { 0% { width: 0; }
  to { width: 100%; } }
@keyframes overlay-slide-out-left { 0% { width: 0; }
  to { width: 100%; } }
.overlay-slide-out-left { left: 0; width: 100%; -webkit-animation-name: overlay-slide-out-left; animation-name: overlay-slide-out-left; }

@-webkit-keyframes overlay-slide-in-right { 0% { width: 100%; }
  to { width: 0; } }
@keyframes overlay-slide-in-right { 0% { width: 100%; }
  to { width: 0; } }
.overlay-slide-in-right { right: 0; width: 0; -webkit-animation-name: overlay-slide-in-right; animation-name: overlay-slide-in-right; }

@-webkit-keyframes overlay-slide-out-right { 0% { width: 0; }
  to { width: 100%; } }
@keyframes overlay-slide-out-right { 0% { width: 0; }
  to { width: 100%; } }
.overlay-slide-out-right { right: 0; width: 100%; -webkit-animation-name: overlay-slide-out-right; animation-name: overlay-slide-out-right; }

/* ============================================================================= HTML5要素の表示 ========================================================================== */
/* HTML5未サポートブラウザーでブロックレベル要素として表示する for IE6/7/8/9 & FF3 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

/* HTML5未サポートブラウザーでインライン要素として表示する for IE6/7/8/9 & FF3 制限事項: IE6では'audio[controls]'へのスタイルは適用されません。 */
audio[controls], canvas, video { display: inline-block; *display: inline; zoom: 1; }

/* ============================================================================= 基本設定 ========================================================================== */
/* 1. IE6/7において単位をemでbodyにfont-sizeを設定すると正しいサイズにならない問題を修正 参考: http://clagnut.com/blog/348/#c790 2. コンテンツの高さに関わらず全てのブラウザーでページをセンタリング（スクロールバーを常時表示する） 3. AndroidやiOSにおいてtap highlight colorが親要素を含んでしまう問題を修正（tap highlight colorを消す） 参考: www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/ 4. iOSにおいて画面の向きが変わった際のテキストサイズ調整を防ぐ 参考: www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html { font-size: 100%; /* 1 */ overflow-y: scroll; /* 2 */ -webkit-tap-highlight-color: transparent; /* 3 */ -webkit-text-size-adjust: 100%; /* 4 */ -ms-text-size-adjust: 100%; /* 4 */ }

/* IE6/7におけるmarginの修正 */
body { margin: 0; }

/*  'textarea'やその他のフォーム要素でのfont-familyの矛盾を修正 */
body, button, input, select, textarea { font-family: sans-serif; }

/* Chromeにおいてoutlineの表示不具合を修正 */
a:focus { outline: thin dotted; }

/* 全てのブラウザーにおいてフォーカス時、マウスホバー時の読みやすさを改善 参考: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }

/* ============================================================================= タイポグラフィ関連 ========================================================================== */
/* IE7/8/9, S5, Chromeにおいてabbr要素がスタイリングされない問題を修正 */
abbr[title] { border-bottom: 1px dotted; }

/* FF3/4, S4/5, Chromeにおいてb,strong要素がboldにならない問題を修正
*/
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/* S5, Chromeにおいてdfn要素がイタリック体にならない問題を修正 */
dfn { font-style: italic; }

/* IE6/7/8/9においてmark要素がスタイリングされない問題を修正 */
mark { background: #ff0; color: #000; }

/* IE6, S5, Chromeにおけるfont-familyの問題を修正 en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* 全てのブラウザーにおいてpre-formatted textの読みやすさを改善 */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* 1. IE6/7においてquotesプロパティーがサポートされていない問題を修正 2. S4においてquotesプロパティーがサポートされていない問題を修正 */
/* 1 */
q { quotes: none; }

/* 2 */
q:before, q:after { content: ''; content: none; }

small { font-size: 75%; }

/* 全てのブラウザーにおいてsubおよびsup要素がline-heightに影響する問題を防ぐ 参考: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ============================================================================= リスト関連 ========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

dd { margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; }

/* ============================================================================= 埋め込みコンテンツ ========================================================================== */
/* 1. IE6/7/8/9において、a要素内側のborderを削除 2. IE7において画像の拡大縮小時の画質を改善 code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/* IE9においてoverflowの表示問題を修正 */
svg:not(:root) { overflow: hidden; }

/* ============================================================================= Figure要素 ========================================================================== */
/* IE6/7/8/9, S5, O11におけるmarginの問題を修正 */
figure { margin: 0; }

/* ============================================================================= フォーム関連 ========================================================================== */
/* IE6/7におけるmarginの問題を修正 */
form { margin: 0; }

/* 矛盾のないmarginおよびpaddingの設定 */
fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/* 1. IE6/7/8/9において色が継承されない問題を修正 2. IE6/7において揃いがおかしい問題を修正 */
legend { border: 0; /* 1 */ *margin-left: -7px; /* 2 */ }

/* 1. 全てのブラウザーにおいてfont-sizeが継承されない問題を修正 2. IE6/7, F3/4, S5, Chromeにおけるmarginの差異を修正 3. 全てのブラウザーにおいて外観と一貫性を改善 */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/* 1. FF3/4のUA stylesheetにおいてline-heightが!importantになっている点について修正 2. IE6/7においてインナースペースの表示問題を修正 */
button, input { line-height: normal; /* 1 */ *overflow: visible; /* 2 */ }

/* 1. image-typeが'input'とその他についてユーザビリティと一貫性を改善 2. iOSにおいてクリック可能な'input'にスタイルが適用できない問題を修正 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ }

/* IE8/9においてbox-sizingプロパティがcontent-boxになっている点を修正 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

/* 1. S5, Chromeにおいてappearanceプロパティがsearchfieldになっている点を修正 2. S5, Chromeにおいてbox-sizingプロパティがborder-box担っている点を修正 (将来的なことを踏まえて-mozも含める) */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/* S5, Chrome on OSXにおけるpaddingの表示問題を修正  */
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* FF3/4におけるpadding及びborderの表示問題を修正 参考: www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. IE6/7/8/9におけるデフォルト表示のスクロールバーを削除 2. 全てのブラウザーにおいて読みやすさと揃えを改善 */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ============================================================================= テーブル関連 ========================================================================== */
/*  テーブルのセル間のほとんどのスペースを削除 */
table { border-collapse: collapse; border-spacing: 0; }

/* ============================================================================= その他 ========================================================================== */
html, body, div, span, applet, object, iframe, strong, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, table, label, tr, th, td, header, footer, nav, section, article, figure, aside { margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; font-weight: normal; vertical-align: baseline; list-style: none; line-height: 1.8em; }

body { margin: 0 auto; font-size: 16px; font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif, Arial; text-align: left; }

img { line-height: 0; vertical-align: bottom; }

strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

a:link, a:active, a:visited { outline: none; }

.clear { clear: both; line-height: 0 !important; }

.clearfix:before, .clearfix:after { content: ""; display: block; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.fc-red { color: #f00; }

.last { margin-left: 0 !important; margin-right: 0 !important; }

.bold { font-weight: bold; }
.bold a, .bold span { font-weight: bold; }

.br { margin-bottom: 1em; }

.underline { text-decoration: underline; }

.line-through { text-decoration: line-through; }

.indent { padding-left: 1em; text-indent: -1em; }

.li-circle li { list-style-type: circle; }

.li-disc li { list-style-type: disc; }

.li-number li { list-style-type: decimal; }

.li-circle li, .li-disc li, .li-number li { margin-left: 1em; }

li .li-circle, li .li-disc, li .li-number { padding-top: 1em; padding-bottom: 1em; }

.mt00 { margin-top: 0; }

.mt05 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt12 { margin-top: 12px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt50 { margin-top: 50px; }

.mt60 { margin-top: 60px; }

.mt01em { margin-top: 1em; }

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

.mb05 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb12 { margin-bottom: 12px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb25 { margin-bottom: 25px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.mb60 { margin-bottom: 60px; }

.mb01em { margin-bottom: 1em; }

.ml00 { margin-left: 0 !important; }

.ml05 { margin-left: 5px; }

.ml10 { margin-left: 10px; }

.ml12 { margin-left: 12px; }

.ml15 { margin-left: 15px; }

.ml20 { margin-left: 20px; }

.ml25 { margin-left: 25px; }

.ml30 { margin-left: 30px; }

.ml40 { margin-left: 40px; }

.ml50 { margin-left: 50px; }

.ml60 { margin-left: 60px; }

.ml01em { margin-left: 1em; }

.mr00 { margin-right: 0 !important; }

.mr05 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr15 { margin-right: 15px; }

.mr20 { margin-right: 20px; }

.mr25 { margin-right: 25px; }

.mr30 { margin-right: 30px; }

.mr40 { margin-right: 40px; }

.mr50 { margin-right: 50px; }

.mr60 { margin-right: 60px; }

.mr01em { margin-right: 1em; }

.pt00 { padding-top: 0; }

.pt05 { padding-top: 5px; }

.pt10 { padding-top: 10px; }

.pt15 { padding-top: 15px; }

.pt20 { padding-top: 20px; }

.pt25 { padding-top: 25px; }

.pt30 { padding-top: 30px; }

.pt40 { padding-top: 40px; }

.pt50 { padding-top: 50px; }

.pt60 { padding-top: 60px; }

.pt01em { padding-top: 1em; }

.pb00 { padding-bottom: 0 !important; }

.pb05 { padding-bottom: 5px; }

.pb10 { padding-bottom: 10px; }

.pb15 { padding-bottom: 15px; }

.pb20 { padding-bottom: 20px; }

.pb25 { padding-bottom: 25px; }

.pb30 { padding-bottom: 30px; }

.pb40 { padding-bottom: 40px; }

.pb50 { padding-bottom: 50px; }

.pb60 { padding-bottom: 60px; }

.pb01em { padding-bottom: 1em; }

.pl00 { padding-left: 0; }

.pl05 { padding-left: 5px; }

.pl10 { padding-left: 10px; }

.pl15 { padding-left: 15px; }

.pl20 { padding-left: 20px; }

.pl25 { padding-left: 25px; }

.pl30 { padding-left: 30px; }

.pl40 { padding-left: 40px; }

.pl50 { padding-left: 50px; }

.pl60 { padding-left: 60px; }

.pl01em { padding-left: 1em; }

.pr00 { padding-right: 0; }

.pr05 { padding-right: 5px; }

.pr10 { padding-right: 10px; }

.pr15 { padding-right: 15px; }

.pr20 { padding-right: 20px; }

.pr25 { padding-right: 25px; }

.pr30 { padding-right: 30px; }

.pr40 { padding-right: 40px; }

.pr50 { padding-right: 50px; }

.pr60 { padding-right: 60px; }

.pr01em { padding-right: 1em; }

.fl-l { float: left; }

.fl-r { float: right; }

.ta-l, td.ta-l, .ta-l td { text-align: left; }

.ta-r, td.ta-r, .ta-r td { text-align: right; }

.ta-c, td.ta-c, .ta-c td { text-align: center; }

.va-t, td.va-t, .va-t td { vertical-align: top; }

.va-m, td.va-m, .va-m td { vertical-align: middle; }

.va-b, td.va-b, .va-b td { vertical-align: bottom; }

.ras3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.ras5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.ras10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.b-sdw01 { -moz-box-shadow: 0 5px 5px #ccc; -webkit-box-shadow: 0 5px 5px #ccc; box-shadow: 0 5px 5px #ccc; }

.t-sdw01 { text-shadow: 1px 1px 0 #fff; }

.t-sdw02 { text-shadow: 0 2px 2px #ccc; }

.t-light01 { text-shadow: 0 0 10px #fff; }

.op0 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

.op1 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; }

.op2 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; }

.op3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }

.op4 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }

.op5 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }

.op6 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }

.op7 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

.op8 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

.op9 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; }

.op10 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

@font-face { font-family: 'icomoon'; src: url("fonts/icomoon.eot?-pjejdf"); src: url("fonts/icomoon.eot?#iefix-pjejdf") format("embedded-opentype"), url("fonts/icomoon.woff?-pjejdf") format("woff"), url("fonts/icomoon.ttf?-pjejdf") format("truetype"), url("fonts/icomoon.svg?-pjejdf#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
[class^="icon-"] span, [class*=" icon-"] span { font-family: "BIZ UDPMincho",'Noto Sans JP', sans-serif,"メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif, Arial; }

.icon-home:before { content: "\e655"; }

.icon-home2:before { content: "\e656"; }

.icon-pencil:before { content: "\e61c"; }

.icon-pencil2:before { content: "\e678"; }

.icon-quill:before { content: "\e679"; }

.icon-pen:before { content: "\e67a"; }

.icon-droplet:before { content: "\e67b"; }

.icon-image:before { content: "\e67c"; }

.icon-image2:before { content: "\e657"; }

.icon-images:before { content: "\e61d"; }

.icon-camera:before { content: "\e61e"; }

.icon-music:before { content: "\e61f"; }

.icon-headphones:before { content: "\e658"; }

.icon-play:before { content: "\e67d"; }

.icon-film:before { content: "\e659"; }

.icon-camera2:before { content: "\e65a"; }

.icon-bullhorn:before { content: "\e65b"; }

.icon-connection:before { content: "\e620"; }

.icon-book:before { content: "\e621"; }

.icon-file:before { content: "\e622"; }

.icon-copy:before { content: "\e623"; }

.icon-stack:before { content: "\e624"; }

.icon-folder:before { content: "\e65c"; }

.icon-folder-open:before { content: "\e67e"; }

.icon-tag:before { content: "\e625"; }

.icon-tags:before { content: "\e67f"; }

.icon-barcode:before { content: "\e680"; }

.icon-qrcode:before { content: "\e65d"; }

.icon-cart:before { content: "\e681"; }

.icon-cart2:before { content: "\e65e"; }

.icon-coin:before { content: "\e65f"; }

.icon-credit:before { content: "\e660"; }

.icon-phone:before { content: "\e605"; }

.icon-envelope:before { content: "\e677"; }

.icon-pushpin:before { content: "\e682"; }

.icon-location:before { content: "\e661"; }

.icon-location2:before { content: "\e683"; }

.icon-compass:before { content: "\e684"; }

.icon-clock:before { content: "\e626"; }

.icon-clock2:before { content: "\e685"; }

.icon-alarm:before { content: "\e662"; }

.icon-alarm2:before { content: "\e627"; }

.icon-bell:before { content: "\e686"; }

.icon-print:before { content: "\e628"; }

.icon-screen:before { content: "\e629"; }

.icon-mobile:before { content: "\e62a"; }

.icon-tablet:before { content: "\e663"; }

.icon-tv:before { content: "\e62b"; }

.icon-download:before { content: "\e62c"; }

.icon-upload:before { content: "\e62d"; }

.icon-undo:before { content: "\e664"; }

.icon-redo:before { content: "\e665"; }

.icon-forward:before { content: "\e62e"; }

.icon-reply:before { content: "\e606"; }

.icon-bubble:before { content: "\e607"; }

.icon-bubbles:before { content: "\e62f"; }

.icon-bubbles2:before { content: "\e666"; }

.icon-user:before { content: "\e667"; }

.icon-users:before { content: "\e630"; }

.icon-user2:before { content: "\e631"; }

.icon-spinner:before { content: "\e687"; }

.icon-spinner2:before { content: "\e688"; }

.icon-spinner3:before { content: "\e668"; }

.icon-spinner22:before { content: "\e632"; }

.icon-search:before { content: "\e633"; }

.icon-key:before { content: "\e689"; }

.icon-key2:before { content: "\e634"; }

.icon-lock:before { content: "\e635"; }

.icon-wrench:before { content: "\e636"; }

.icon-cog:before { content: "\e637"; }

.icon-cogs:before { content: "\e68a"; }

.icon-cog2:before { content: "\e638"; }

.icon-pie:before { content: "\e639"; }

.icon-stats:before { content: "\e63a"; }

.icon-bars:before { content: "\e63b"; }

.icon-gift:before { content: "\e68b"; }

.icon-trophy:before { content: "\e68c"; }

.icon-food:before { content: "\e63c"; }

.icon-leaf:before { content: "\e68d"; }

.icon-fire:before { content: "\e68e"; }

.icon-lab:before { content: "\e68f"; }

.icon-remove:before { content: "\e690"; }

.icon-remove2:before { content: "\e669"; }

.icon-truck:before { content: "\e691"; }

.icon-lightning:before { content: "\e692"; }

.icon-switch:before { content: "\e63d"; }

.icon-powercord:before { content: "\e693"; }

.icon-list:before { content: "\e694"; }

.icon-list2:before { content: "\e66a"; }

.icon-menu:before { content: "\e66b"; }

.icon-tree:before { content: "\e66c"; }

.icon-cloud:before { content: "\e66d"; }

.icon-cloud-download:before { content: "\e695"; }

.icon-cloud-upload:before { content: "\e696"; }

.icon-download2:before { content: "\e697"; }

.icon-upload2:before { content: "\e698"; }

.icon-globe:before { content: "\e66e"; }

.icon-link:before { content: "\e63e"; }

.icon-flag:before { content: "\e63f"; }

.icon-attachment:before { content: "\e640"; }

.icon-eye:before { content: "\e699"; }

.icon-eye-blocked:before { content: "\e66f"; }

.icon-bookmark:before { content: "\e641"; }

.icon-bookmarks:before { content: "\e69a"; }

.icon-star:before { content: "\e670"; }

.icon-star2:before { content: "\e642"; }

.icon-heart:before { content: "\e643"; }

.icon-heart2:before { content: "\e69b"; }

.icon-close:before { content: "\e608"; }

.icon-checkmark:before { content: "\e609"; }

.icon-minus:before { content: "\e60a"; }

.icon-plus:before { content: "\e60b"; }

.icon-play2:before { content: "\e69c"; }

.icon-pause:before { content: "\e69d"; }

.icon-stop:before { content: "\e69e"; }

.icon-backward:before { content: "\e69f"; }

.icon-forward2:before { content: "\e6a0"; }

.icon-play3:before { content: "\e6a1"; }

.icon-pause2:before { content: "\e6a2"; }

.icon-stop2:before { content: "\e6a3"; }

.icon-backward2:before { content: "\e6a4"; }

.icon-forward3:before { content: "\e6a5"; }

.icon-first:before { content: "\e6a6"; }

.icon-last:before { content: "\e6a7"; }

.icon-volume-mute:before { content: "\e6a8"; }

.icon-loop:before { content: "\e6a9"; }

.icon-loop2:before { content: "\e671"; }

.icon-crop:before { content: "\e6aa"; }

.icon-share:before { content: "\e644"; }

.icon-google:before { content: "\e645"; }

.icon-googleplus:before { content: "\e646"; }

.icon-googleplus2:before { content: "\e647"; }

.icon-googleplus3:before { content: "\e648"; }

.icon-facebook:before { content: "\e649"; }

.icon-facebook2:before { content: "\e64a"; }

.icon-facebook3:before { content: "\e64b"; }

.icon-twitter:before { content: "\e64c"; }

.icon-twitter2:before { content: "\e64d"; }

.icon-twitter3:before { content: "\e64e"; }

.icon-feed:before { content: "\e64f"; }

.icon-feed2:before { content: "\e650"; }

.icon-feed3:before { content: "\e651"; }

.icon-youtube:before { content: "\e652"; }

.icon-youtube2:before { content: "\e653"; }

.icon-expand:before { content: "\e6ab"; }

.icon-maximize:before { content: "\e6ac"; }

.icon-search2:before { content: "\e6ad"; }

.icon-zoomin:before { content: "\e6ae"; }

.icon-zoomout:before { content: "\e6af"; }

.icon-add:before { content: "\e6b0"; }

.icon-subtract:before { content: "\e6b1"; }

.icon-cmd:before { content: "\e6b2"; }

.icon-menu2:before { content: "\e6b3"; }

.icon-gallery:before { content: "\e654"; }

.icon-calculator:before { content: "\e6b4"; }

.icon-settings:before { content: "\e6b5"; }

.icon-screen2:before { content: "\e6b6"; }

.icon-forkandknife:before { content: "\e6b7"; }

.icon-phone2:before { content: "\e60c"; }

.icon-mobile2:before { content: "\e6b8"; }

.icon-mail:before { content: "\e60d"; }

.icon-paperclip:before { content: "\e672"; }

.icon-export:before { content: "\e60e"; }

.icon-location22:before { content: "\e60f"; }

.icon-compass2:before { content: "\e6b9"; }

.icon-share2:before { content: "\e6ba"; }

.icon-heart22:before { content: "\e673"; }

.icon-heart3:before { content: "\e6bb"; }

.icon-thumbsup:before { content: "\e6bc"; }

.icon-house:before { content: "\e610"; }

.icon-search22:before { content: "\e674"; }

.icon-printer:before { content: "\e675"; }

.icon-bell2:before { content: "\e6bd"; }

.icon-link2:before { content: "\e676"; }

.icon-flag2:before { content: "\e6be"; }

.icon-camera3:before { content: "\e6bf"; }

.icon-megaphone:before { content: "\e6c0"; }

.icon-leaf2:before { content: "\e6c1"; }

.icon-music2:before { content: "\e6c2"; }

.icon-music3:before { content: "\e6c3"; }

.icon-clock3:before { content: "\e6c4"; }

.icon-microphone:before { content: "\e6c5"; }

.icon-droplet2:before { content: "\e6c6"; }

.icon-air:before { content: "\e6c7"; }

.icon-key3:before { content: "\e6c8"; }

.icon-database:before { content: "\e611"; }

.icon-cart22:before { content: "\e612"; }

.icon-statistics:before { content: "\e613"; }

.icon-pie2:before { content: "\e614"; }

.icon-bars2:before { content: "\e615"; }

.icon-lock2:before { content: "\e616"; }

.icon-lock-open:before { content: "\e617"; }

.icon-list22:before { content: "\e600"; }

.icon-arrow-left:before { content: "\e618"; }

.icon-arrow-down:before { content: "\e619"; }

.icon-arrow-up:before { content: "\e601"; }

.icon-arrow-right:before { content: "\e602"; }

.icon-arrow-left2:before { content: "\e61a"; }

.icon-arrow-down2:before { content: "\e61b"; }

.icon-arrow-up2:before { content: "\e603"; }

.icon-uniE604:before { content: "\e604"; }

/*LINEの緑*/
.biz-udpmincho-bold { font-family: "BIZ UDPMincho", serif; font-weight: 700; font-style: normal; }

.biz-udpmincho-regular { font-family: "BIZ UDPMincho", serif; font-weight: 400; font-style: normal; }

/* 基準(1.6rem = 16px) */
/* =============================================================================
								mixin ============================================================================= */
/* flexbox - @include flexbox; */
/* css3ボタン- mixin */
/* =============================================================================
								共通のスタイル ============================================================================= */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 62.5%; }

body { background: #f1edf6; color: #333; font-size: 1.5rem; font-family: "BIZ UDPMincho", "Noto Serif JP", "Noto Sans JP", sans-serif, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif, Arial; font-weight: 400; }

strong { font-weight: bold; }
strong a, strong span { font-weight: bold; }

img { max-width: 100%; height: auto; }
img.radius { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
img.radius02 { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }

a { color: #845eb4; text-decoration: underline; }
a:hover { -moz-transition: 0.1s; -o-transition: 0.1s; -webkit-transition: 0.1s; transition: 0.1s; text-decoration: none; }
a img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -moz-transition: 0.1s; -o-transition: 0.1s; -webkit-transition: 0.1s; transition: 0.1s; }

.inner { width: calc(100% - 30px*2); max-width: 1200px; margin-left: auto; margin-right: auto; clear: both; }

.link_top { margin-top: -60px; padding-top: 60px; }

/*========== object-fit-img ==========*/
.object-fit-img { object-fit: cover; font-family: 'object-fit:cover;'; width: 100%; }

/*========== font-color ==========*/
.fc-red { color: #db4343; }

.fc-blue { color: #6ca5f2; }

.fc-pink { color: #ec4585; }

.fc-yellow { color: #ffeb12; }

/*========== font-family ==========*/
.ff { font-family: "BIZ UDPMincho", "Noto Serif JP", "Noto Sans JP", sans-serif, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif, Arial; }

.ff-cg, .en { font-family: "BIZ UDPMincho", serif; }

.ff-sm { font-family: "Sawarabi Mincho", sans-serif; }

.ff-nsg, .ja { font-family: "Noto Sans JP", sans-serif; }

.ff-snm { font-family: "Noto Serif JP", serif; }

/*========== mark ==========*/
mark, .mark { font-weight: bold; background: linear-gradient(rgba(0, 0, 0, 0) 0%, #fff799 0%); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
mark.pink, .mark.pink { background: linear-gradient(rgba(0, 0, 0, 0) 80%, #ffc1e0 80%); }
mark.yellow, .mark.yellow { background: linear-gradient(rgba(0, 0, 0, 0) 80%, #fff799 80%); }
mark.blue, .mark.blue { background: linear-gradient(rgba(0, 0, 0, 0) 80%, #7fbfff 80%); }
mark.purple, .mark.purple { background: linear-gradient(rgba(0, 0, 0, 0) 0%, #845eb4 0%); }

/* js-marker マーカーアニメーション*/
.c-marker { background: -webkit-linear-gradient(left, #fffa99 50%, transparent 50%); background: -moz-linear-gradient(left, #fffa99 50%, transparent 50%); background: linear-gradient(to right, #fffa99 50%, rgba(0, 0, 0, 0) 50%); background-repeat: no-repeat; background-size: 200% .8em; background-position: 100% .5em; transition: 2s; }

.c-marker.is-active { background-position: 0% .5em; }

/*========== flex ==========*/
.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; /*両端揃え*/ flex-wrap: wrap; /*入りきらない場合は改行*/ }

/*========== box ==========*/
.box01 { padding: 20px; background: #f3f3f3; border: 1px solid #e0e0e0; clear: both; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.box02 { padding: 20px; background: #fffed9; border: 1px solid #ffd83e; clear: both; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.box_tel { text-align: center; }

.box_clear { padding: 25px; background-color: rgba(255, 255, 255, 0.5) !important; border: 1px solid #fff; clear: both; -moz-box-shadow: 0 0 5px #eee; -webkit-box-shadow: 0 0 5px #eee; box-shadow: 0 0 5px #eee; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }

#tel_no { font-size: 4rem; }
#tel_no a { text-decoration: none; }
#tel_no a:hover { text-decoration: underline; }

/*========== iframe ==========*/
.video-container { width: 100%; height: auto; }
.video-container .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container .video iframe, .video-container .video object, .video-container .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*========== フォントサイズ ==========*/
.fs-s06 { font-size: 0.4rem; }

.fs-s05 { font-size: 0.6rem; }

.fs-s04 { font-size: 0.8rem; }

.fs-s03 { font-size: 1rem; }

.fs-s02 { font-size: 1.2rem; }

.fs-s01 { font-size: 1.4rem; }

.fs-b00 { font-size: 1.6rem; }

.fs-b01 { font-size: 1.8rem; }

.fs-b02 { font-size: 2rem; }

.fs-b03 { font-size: 2.2rem; }

.fs-b04 { font-size: 2.4rem; }

.fs-b05 { font-size: 2.6rem; }

.fs-b06 { font-size: 2.8rem; }

.fs-b07 { font-size: 3rem; }

.fs-b08 { font-size: 3.2rem; }

.fs-b09 { font-size: 3.4rem; }

.fs-b10 { font-size: 3.6rem; }

.fs-b11 { font-size: 3.8rem; }

.fs-b12 { font-size: 4rem; }

.fs-b13 { font-size: 4.5rem; }

.fs-b14 { font-size: 5rem; }

.fs-b15 { font-size: 6rem; }

.fs-b16 { font-size: 7rem; }

/*========== 横幅 ==========*/
.w90 { width: 90%; }
.w90.space { width: calc(90% - 15px); }

.w80 { width: 80%; }
.w80.space { width: calc(80% - 15px); }

.w70 { width: 70%; }
.w70.space { width: calc(70% - 15px); }

.w67 { width: 67%; }
.w67.space { width: calc(67% - 15px); }

.w66 { width: 66%; }
.w66.space { width: calc(66% - 15px); }

.w60 { width: 60%; }
.w60.space { width: calc(60% - 15px); }

.w50 { width: 50%; }
.w50.space { width: calc(50% - 15px); }

.w49 { width: 49%; }
.w49.space { width: calc(49% - 15px); }

.w40 { width: 40%; }
.w40.space { width: calc(40% - 15px); }

.w33 { width: 33%; }
.w33.space { width: calc(33% - 15px); }

.w30 { width: 30%; }
.w30.space { width: calc(30% - 15px); }

.w25 { width: 25%; }
.w25.space { width: calc(25% - 15px); }

.w20 { width: 20%; }
.w20.space { width: calc(20% - 15px); }

.w10 { width: 10%; }
.w10.space { width: calc(10% - 15px); }

.w5 { width: calc(20% - 15px); }

.w4 { width: calc(25% - 15px); }

.w3 { width: calc(33% - 15px); }

.w2 { width: calc(50% - 15px); }

/*========== img_shadow ==========*/
.img_shadow { position: relative; z-index: 1; }
.img_shadow:before { content: ""; display: block; position: absolute; right: -20px; bottom: -20px; z-index: 0; width: 100%; height: 100%; }
.img_shadow.white:before { background: #fff; }
.img_shadow.black:before { background: #000; }

/*========== table ==========*/
.main_table { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #ddd; clear: both; }
.main_table th { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; padding: 15px; background: #fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; vertical-align: middle; }
.main_table td { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; padding: 15px; background: #fff; border-bottom: 1px solid #ddd; vertical-align: middle; }

.main_table02 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #ddd; clear: both; }
.main_table02 th { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; padding: 15px; background: #fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; vertical-align: middle; }
.main_table02 td { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; padding: 15px; background: #fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: right; vertical-align: middle; }

.main_table_box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; clear: both; }
.main_table_box .main_table_box_r { display: -webkit-box; display: -ms-flexbox; display: flex; }
.main_table_box .main_table_box_h { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 30%; padding: 25px; font-weight: bold; vertical-align: middle; }
.main_table_box .main_table_box_d { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 25px; vertical-align: middle; }
.main_table_box .main_table_box_d a:hover { text-decoration: underline; }
.main_table_box.small th, .main_table_box.small td { padding: 15px; }
.main_table_box .main_table_box_d_w { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 25px; vertical-align: middle; }
.main_table_box .main_table_box_r:nth-of-type(odd) .main_table_box_h, .main_table_box .main_table_box_r:nth-of-type(odd) .main_table_box_d { background: #f5f5f5; }

/*========== メールフォーム ==========*/
/* form_box */
.form_box input[type=text], .form_box input[type=email], .form_box input[type=tel], .form_box input[type=number], .form_box input[type=url], .form_box input[type=file], .form_box textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 1px 2px 2px -2px #ddd, 0 1px 0 #fff; -webkit-box-shadow: inset 1px 2px 2px -2px #ddd, 0 1px 0 #fff; box-shadow: inset 1px 2px 2px -2px #ddd, 0 1px 0 #fff; width: 100%; margin: 2px 0; padding: 5px; background: #f9f9f9; border: 1px solid #ddd; color: #666; display: block; }
.form_box input[type=text]:focus, .form_box input[type=email]:focus, .form_box input[type=tel]:focus, .form_box input[type=number]:focus, .form_box input[type=url]:focus, .form_box input[type=file]:focus, .form_box textarea:focus { -moz-box-shadow: 0 0 0 #d0d0d0; -webkit-box-shadow: 0 0 0 #d0d0d0; box-shadow: 0 0 0 #d0d0d0; background: #fff; border: solid 1px #845eb4; }
.form_box .wpcf7-radio label { margin: 0 20px 5px 0; }
.form_box input[type=button], .form_box input[type=submit] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10px auto 0; padding: 10px 30px; text-align: center; display: block; }
.form_box input[type=file] { font-size: 1.2rem; }
.form_box .form_button_box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 340px; margin: 0 auto; text-align: center; }
.form_box span.wpcf7-list-item { display: block; }
.form_box .wpcf7-radio span.wpcf7-list-item { display: inline-block; }
.form_box td .w10em { width: 10em; }
.form_box .topnews { margin-bottom: 20px; }
.form_box .w4em { width: 4em !important; display: inline !important; }

/*========== css3-button ==========*/
.button { background-color: #bbb; padding: 5px 10px; line-height: 150%; text-decoration: none; color: white; text-shadow: -1px -1px 0 #838383; border: 1px solid #969696; -moz-box-shadow: inset 0 1px 0 #dadada; -webkit-box-shadow: inset 0 1px 0 #dadada; box-shadow: inset 0 1px 0 #dadada; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E4YThhOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bbbbbb), color-stop(100%, #a8a8a8)); background-image: -moz-linear-gradient(#bbbbbb, #a8a8a8); background-image: -webkit-linear-gradient(#bbbbbb, #a8a8a8); background-image: linear-gradient(#bbbbbb, #a8a8a8); }
.button:hover { color: white; text-shadow: -1px -1px 0 #838383; border: 1px solid #707070; -moz-box-shadow: inset 0 0 10px #ebebeb, inset 0 1px 0 #bbb; -webkit-box-shadow: inset 0 0 10px #ebebeb, inset 0 1px 0 #bbb; box-shadow: inset 0 0 10px #ebebeb, inset 0 1px 0 #bbb; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MyYzJjMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c2c2c2), color-stop(100%, #bbbbbb)); background-image: -moz-linear-gradient(#c2c2c2, #bbbbbb); background-image: -webkit-linear-gradient(#c2c2c2, #bbbbbb); background-image: linear-gradient(#c2c2c2, #bbbbbb); }
.button:active { color: white; text-shadow: -1px -1px 0 #969696; border: 1px solid #707070; -moz-box-shadow: inset 0 0 15px #838383; -webkit-box-shadow: inset 0 0 15px #838383; box-shadow: inset 0 0 15px #838383; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2OTY5NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E4YThhOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #969696), color-stop(100%, #a8a8a8)); background-image: -moz-linear-gradient(#969696, #a8a8a8); background-image: -webkit-linear-gradient(#969696, #a8a8a8); background-image: linear-gradient(#969696, #a8a8a8); }
.button.current { color: #f8f8f8; text-shadow: -1px -1px 0 #707070; border: 1px solid #707070; -moz-box-shadow: inset 0 0 10px #707070, inset 0 1px 0 #9f9f9f; -webkit-box-shadow: inset 0 0 10px #707070, inset 0 1px 0 #9f9f9f; box-shadow: inset 0 0 10px #707070, inset 0 1px 0 #9f9f9f; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgzODM4MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk2OTY5NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #838383), color-stop(100%, #969696)); background-image: -moz-linear-gradient(#838383, #969696); background-image: -webkit-linear-gradient(#838383, #969696); background-image: linear-gradient(#838383, #969696); }
.button:hover.current { color: white; text-shadow: -1px -1px 0 #707070; border: 1px solid #707070; -moz-box-shadow: inset 0 0 10px #707070, inset 0 1px 0 #9f9f9f; -webkit-box-shadow: inset 0 0 10px #707070, inset 0 1px 0 #9f9f9f; box-shadow: inset 0 0 10px #707070, inset 0 1px 0 #9f9f9f; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2OTY5NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgzODM4MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #969696), color-stop(100%, #838383)); background-image: -moz-linear-gradient(#969696, #838383); background-image: -webkit-linear-gradient(#969696, #838383); background-image: linear-gradient(#969696, #838383); }

.button.yellow { background-color: #ffeb12; padding: 5px 10px; line-height: 150%; text-decoration: none; color: white; text-shadow: -1px -1px 0 #b3a50d; border: 1px solid #ccbc0e; -moz-box-shadow: inset 0 1px 0 #fff47d; -webkit-box-shadow: inset 0 1px 0 #fff47d; box-shadow: inset 0 1px 0 #fff47d; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWIxMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZDQxMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffeb12), color-stop(100%, #e6d410)); background-image: -moz-linear-gradient(#ffeb12, #e6d410); background-image: -webkit-linear-gradient(#ffeb12, #e6d410); background-image: linear-gradient(#ffeb12, #e6d410); text-shadow: 1px 1px 0 #ffef41; font-size: 2.4rem; margin: 2px; padding: 10px 0; color: #d7ca9f; text-align: center; display: block; }
.button.yellow:hover { color: white; text-shadow: -1px -1px 0 #b3a50d; border: 1px solid #998d0b; -moz-box-shadow: inset 0 0 10px #fff9b8, inset 0 1px 0 #ffeb12; -webkit-box-shadow: inset 0 0 10px #fff9b8, inset 0 1px 0 #ffeb12; box-shadow: inset 0 0 10px #fff9b8, inset 0 1px 0 #ffeb12; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWQyYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZWIxMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffed2a), color-stop(100%, #ffeb12)); background-image: -moz-linear-gradient(#ffed2a, #ffeb12); background-image: -webkit-linear-gradient(#ffed2a, #ffeb12); background-image: linear-gradient(#ffed2a, #ffeb12); }
.button.yellow:active { color: white; text-shadow: -1px -1px 0 #ccbc0e; border: 1px solid #998d0b; -moz-box-shadow: inset 0 0 15px #b3a50d; -webkit-box-shadow: inset 0 0 15px #b3a50d; box-shadow: inset 0 0 15px #b3a50d; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjYmMwZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZDQxMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccbc0e), color-stop(100%, #e6d410)); background-image: -moz-linear-gradient(#ccbc0e, #e6d410); background-image: -webkit-linear-gradient(#ccbc0e, #e6d410); background-image: linear-gradient(#ccbc0e, #e6d410); }
.button.yellow.current { color: #fffde7; text-shadow: -1px -1px 0 #998d0b; border: 1px solid #998d0b; -moz-box-shadow: inset 0 0 10px #998d0b, inset 0 1px 0 #d9c80f; -webkit-box-shadow: inset 0 0 10px #998d0b, inset 0 1px 0 #d9c80f; box-shadow: inset 0 0 10px #998d0b, inset 0 1px 0 #d9c80f; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzYTUwZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjYmMwZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b3a50d), color-stop(100%, #ccbc0e)); background-image: -moz-linear-gradient(#b3a50d, #ccbc0e); background-image: -webkit-linear-gradient(#b3a50d, #ccbc0e); background-image: linear-gradient(#b3a50d, #ccbc0e); }
.button.yellow:hover.current { color: white; text-shadow: -1px -1px 0 #998d0b; border: 1px solid #998d0b; -moz-box-shadow: inset 0 0 10px #998d0b, inset 0 1px 0 #d9c80f; -webkit-box-shadow: inset 0 0 10px #998d0b, inset 0 1px 0 #d9c80f; box-shadow: inset 0 0 10px #998d0b, inset 0 1px 0 #d9c80f; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjYmMwZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IzYTUwZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccbc0e), color-stop(100%, #b3a50d)); background-image: -moz-linear-gradient(#ccbc0e, #b3a50d); background-image: -webkit-linear-gradient(#ccbc0e, #b3a50d); background-image: linear-gradient(#ccbc0e, #b3a50d); }
.button.yellow span { padding-left: 6px; color: #7a5e2c; }
.button.yellow:hover { text-shadow: 1px 1px 0 #ffef41; color: #845eb4; padding-top: 12px; padding-bottom: 8px; }
.button.yellow:hover span { color: #845eb4; }

.button.blue { background-color: #00bdff; padding: 5px 10px; line-height: 150%; text-decoration: none; color: white; text-shadow: -1px -1px 0 #0084b3; border: 1px solid #0097cc; -moz-box-shadow: inset 0 1px 0 #73dbff; -webkit-box-shadow: inset 0 1px 0 #73dbff; box-shadow: inset 0 1px 0 #73dbff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYmRmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWFlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00bdff), color-stop(100%, #00aae6)); background-image: -moz-linear-gradient(#00bdff, #00aae6); background-image: -webkit-linear-gradient(#00bdff, #00aae6); background-image: linear-gradient(#00bdff, #00aae6); }
.button.blue:hover { color: white; text-shadow: -1px -1px 0 #0084b3; border: 1px solid #007199; -moz-box-shadow: inset 0 0 10px #b3ebff, inset 0 1px 0 #00bdff; -webkit-box-shadow: inset 0 0 10px #b3ebff, inset 0 1px 0 #00bdff; box-shadow: inset 0 0 10px #b3ebff, inset 0 1px 0 #00bdff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhYzRmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmRmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ac4ff), color-stop(100%, #00bdff)); background-image: -moz-linear-gradient(#1ac4ff, #00bdff); background-image: -webkit-linear-gradient(#1ac4ff, #00bdff); background-image: linear-gradient(#1ac4ff, #00bdff); }
.button.blue:active { color: white; text-shadow: -1px -1px 0 #0097cc; border: 1px solid #007199; -moz-box-shadow: inset 0 0 15px #0084b3; -webkit-box-shadow: inset 0 0 15px #0084b3; box-shadow: inset 0 0 15px #0084b3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTdjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWFlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0097cc), color-stop(100%, #00aae6)); background-image: -moz-linear-gradient(#0097cc, #00aae6); background-image: -webkit-linear-gradient(#0097cc, #00aae6); background-image: linear-gradient(#0097cc, #00aae6); }
.button.blue.current { color: #e6f8ff; text-shadow: -1px -1px 0 #007199; border: 1px solid #007199; -moz-box-shadow: inset 0 0 10px #007199, inset 0 1px 0 #00a1d9; -webkit-box-shadow: inset 0 0 10px #007199, inset 0 1px 0 #00a1d9; box-shadow: inset 0 0 10px #007199, inset 0 1px 0 #00a1d9; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODRiMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTdjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0084b3), color-stop(100%, #0097cc)); background-image: -moz-linear-gradient(#0084b3, #0097cc); background-image: -webkit-linear-gradient(#0084b3, #0097cc); background-image: linear-gradient(#0084b3, #0097cc); }
.button.blue:hover.current { color: white; text-shadow: -1px -1px 0 #007199; border: 1px solid #007199; -moz-box-shadow: inset 0 0 10px #007199, inset 0 1px 0 #00a1d9; -webkit-box-shadow: inset 0 0 10px #007199, inset 0 1px 0 #00a1d9; box-shadow: inset 0 0 10px #007199, inset 0 1px 0 #00a1d9; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTdjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwODRiMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0097cc), color-stop(100%, #0084b3)); background-image: -moz-linear-gradient(#0097cc, #0084b3); background-image: -webkit-linear-gradient(#0097cc, #0084b3); background-image: linear-gradient(#0097cc, #0084b3); }

.button.green { padding: 5px 10px; line-height: 150%; text-decoration: none; color: white; text-shadow: -1px -1px 0 #6d9540; border: 1px solid #7caa49; -moz-box-shadow: inset 0 1px 0 #c8e8a5; -webkit-box-shadow: inset 0 1px 0 #c8e8a5; box-shadow: inset 0 1px 0 #c8e8a5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzliZDU1YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhjYzA1MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9bd55b), color-stop(100%, #8cc052)); background-image: -moz-linear-gradient(#9bd55b, #8cc052); background-image: -webkit-linear-gradient(#9bd55b, #8cc052); background-image: linear-gradient(#9bd55b, #8cc052); max-width: 350px; min-height: 50px; margin: 0 auto; padding: 15px 20px; background-color: #9bd55b; border-bottom: 3px solid #79a746; color: #fff; font-weight: bold; text-align: center; line-height: 1em; clear: both; display: block; }
.button.green:hover { color: white; text-shadow: -1px -1px 0 #6d9540; border: 1px solid #5d8037; -moz-box-shadow: inset 0 0 10px #e1f2ce, inset 0 1px 0 #9bd55b; -webkit-box-shadow: inset 0 0 10px #e1f2ce, inset 0 1px 0 #9bd55b; box-shadow: inset 0 0 10px #e1f2ce, inset 0 1px 0 #9bd55b; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1ZDk2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzliZDU1YiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a5d96b), color-stop(100%, #9bd55b)); background-image: -moz-linear-gradient(#a5d96b, #9bd55b); background-image: -webkit-linear-gradient(#a5d96b, #9bd55b); background-image: linear-gradient(#a5d96b, #9bd55b); }
.button.green:active { color: white; text-shadow: -1px -1px 0 #7caa49; border: 1px solid #5d8037; -moz-box-shadow: inset 0 0 15px #6d9540; -webkit-box-shadow: inset 0 0 15px #6d9540; box-shadow: inset 0 0 15px #6d9540; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjYWE0OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhjYzA1MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7caa49), color-stop(100%, #8cc052)); background-image: -moz-linear-gradient(#7caa49, #8cc052); background-image: -webkit-linear-gradient(#7caa49, #8cc052); background-image: linear-gradient(#7caa49, #8cc052); }
.button.green.current { color: #f5fbef; text-shadow: -1px -1px 0 #5d8037; border: 1px solid #5d8037; -moz-box-shadow: inset 0 0 10px #5d8037, inset 0 1px 0 #84b54d; -webkit-box-shadow: inset 0 0 10px #5d8037, inset 0 1px 0 #84b54d; box-shadow: inset 0 0 10px #5d8037, inset 0 1px 0 #84b54d; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkOTU0MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdjYWE0OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6d9540), color-stop(100%, #7caa49)); background-image: -moz-linear-gradient(#6d9540, #7caa49); background-image: -webkit-linear-gradient(#6d9540, #7caa49); background-image: linear-gradient(#6d9540, #7caa49); }
.button.green:hover.current { color: white; text-shadow: -1px -1px 0 #5d8037; border: 1px solid #5d8037; -moz-box-shadow: inset 0 0 10px #5d8037, inset 0 1px 0 #84b54d; -webkit-box-shadow: inset 0 0 10px #5d8037, inset 0 1px 0 #84b54d; box-shadow: inset 0 0 10px #5d8037, inset 0 1px 0 #84b54d; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjYWE0OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZkOTU0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7caa49), color-stop(100%, #6d9540)); background-image: -moz-linear-gradient(#7caa49, #6d9540); background-image: -webkit-linear-gradient(#7caa49, #6d9540); background-image: linear-gradient(#7caa49, #6d9540); }
.button.green:link, .button.green:active, .button.green:visited { color: #fff; text-decoration: none; }
.button.green:hover { padding-top: 17px; border-bottom: 1px solid #79a746; }

.mainbutton { background-color: #00bdff; padding: 5px 10px; line-height: 150%; text-decoration: none; color: white; text-shadow: -1px -1px 0 #0084b3; border: 1px solid #0096cc; -moz-box-shadow: inset 0 1px 0 #73daff; -webkit-box-shadow: inset 0 1px 0 #73daff; box-shadow: inset 0 1px 0 #73daff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYmNmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYTllNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00bcff), color-stop(100%, #00a9e6)); background-image: -moz-linear-gradient(#00bcff, #00a9e6); background-image: -webkit-linear-gradient(#00bcff, #00a9e6); background-image: linear-gradient(#00bcff, #00a9e6); max-width: 320px; margin: 20px auto 0; padding: 12px 5px 15px 20px; border-bottom: 6px solid #008ed0; color: #fff; font-size: 3.2rem; font-weight: bold; line-height: 1em; display: block; }
.mainbutton:hover { color: white; text-shadow: -1px -1px 0 #0084b3; border: 1px solid #007199; -moz-box-shadow: inset 0 0 10px #b3ebff, inset 0 1px 0 #00bcff; -webkit-box-shadow: inset 0 0 10px #b3ebff, inset 0 1px 0 #00bcff; box-shadow: inset 0 0 10px #b3ebff, inset 0 1px 0 #00bcff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhYzNmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmNmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ac3ff), color-stop(100%, #00bcff)); background-image: -moz-linear-gradient(#1ac3ff, #00bcff); background-image: -webkit-linear-gradient(#1ac3ff, #00bcff); background-image: linear-gradient(#1ac3ff, #00bcff); }
.mainbutton:active { color: white; text-shadow: -1px -1px 0 #0096cc; border: 1px solid #007199; -moz-box-shadow: inset 0 0 15px #0084b3; -webkit-box-shadow: inset 0 0 15px #0084b3; box-shadow: inset 0 0 15px #0084b3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTZjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYTllNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0096cc), color-stop(100%, #00a9e6)); background-image: -moz-linear-gradient(#0096cc, #00a9e6); background-image: -webkit-linear-gradient(#0096cc, #00a9e6); background-image: linear-gradient(#0096cc, #00a9e6); }
.mainbutton.current { color: #e6f8ff; text-shadow: -1px -1px 0 #007199; border: 1px solid #007199; -moz-box-shadow: inset 0 0 10px #007199, inset 0 1px 0 #00a0d9; -webkit-box-shadow: inset 0 0 10px #007199, inset 0 1px 0 #00a0d9; box-shadow: inset 0 0 10px #007199, inset 0 1px 0 #00a0d9; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODRiMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTZjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0084b3), color-stop(100%, #0096cc)); background-image: -moz-linear-gradient(#0084b3, #0096cc); background-image: -webkit-linear-gradient(#0084b3, #0096cc); background-image: linear-gradient(#0084b3, #0096cc); }
.mainbutton:hover.current { color: white; text-shadow: -1px -1px 0 #007199; border: 1px solid #007199; -moz-box-shadow: inset 0 0 10px #007199, inset 0 1px 0 #00a0d9; -webkit-box-shadow: inset 0 0 10px #007199, inset 0 1px 0 #00a0d9; box-shadow: inset 0 0 10px #007199, inset 0 1px 0 #00a0d9; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTZjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwODRiMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0096cc), color-stop(100%, #0084b3)); background-image: -moz-linear-gradient(#0096cc, #0084b3); background-image: -webkit-linear-gradient(#0096cc, #0084b3); background-image: linear-gradient(#0096cc, #0084b3); }
.mainbutton:link, .mainbutton:active, .mainbutton:visited { color: #fff; text-decoration: none; }
.mainbutton:hover { border-bottom: 6px solid #008ed0; }

/*========== btn ==========*/
.btn a { padding: 14px 72px 14px 50px; font-weight: bold; text-align: center; text-decoration: none; display: inline-block; position: relative; overflow: hidden; -moz-transition: 0.1s; -o-transition: 0.1s; -webkit-transition: 0.1s; transition: 0.1s; /*	@include border-radius(6px);*/ -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; /* ボタンの色 */ }
.btn a span { position: relative; z-index: 3; font-weight: bold; text-decoration: none; }
.btn a:hoverspan { color: #fff; }
.btn a:hover:after { right: 17px; }
.btn a:after { /* 矢印 */ content: ''; position: absolute; top: calc(50% - 5px); right: 20px; z-index: 3; width: 22px; height: 9px; background: url(images/icon_arrow.png) no-repeat center center; background-size: cover; -moz-transition: 0.1s; -o-transition: 0.1s; -webkit-transition: 0.1s; transition: 0.1s; /*
content:'';
position:absolute;
top:42%;
right:20px;
z-index:3;

width:5px;
height:5px;
border-top:1px solid #fff;
border-right:1px solid #fff;
transform:rotate(45deg);
@include transition(0.1s);
*/ }
.btn a.purple { background: #845eb4; color: #fff; }
.btn a.purple:before { background: #a77ddc; }
.btn a.black { background: #333; color: #fff; }
.btn a.black:before { background: #000; }
.btn a.white { background-color: rgba(255, 255, 255, 0.3); color: #fff; border: 1px solid #fff; }
.btn a.white:before { background-color: rgba(255, 255, 255, 0.4); }
.btn a.white02 { background: #fff; color: #333; border: 1px solid #ddd; }
.btn a.white02:before { background: #ddd; }
.btn a.white02:after { border-color: #333; }
.btn a.blue { background: #6ca5f2; color: #fff; }
.btn a.blue:before { background: #256ed1; }
.btn a.pink { background: #ec4585; color: #fff; }
.btn a.pink:before { background: #e70b5f; }
.btn a.yellow { background: #ffeb12; color: #333; }
.btn a.yellow:before { background: #fff15d; }
.btn a.yellow:after { border-top-color: #333; border-right-color: #333; }
.btn a.yellow:hoverspan { color: #333; }

/* 背景が流れる(左から右) */
.bgleft { /* hoverした際の形状 */ }
.bgleft:before { content: ''; /*絶対配置で位置を指定*/ position: absolute; top: 0; left: 0; z-index: 2; /*色や形状*/ width: 100%; height: 100%; /*アニメーション*/ transition: transform 0.3s cubic-bezier(0.8, 0, 0.1, 1) 0s; transform: scale(0, 1); transform-origin: right top; }
.bgleft:hover:before { transform-origin: left top; transform: scale(1, 1); }

.btn_box { margin: 0 auto; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; clear: both; }

/* =============================================================================
								PC・スマホ共通のスタイル ============================================================================= */
/********************************
		wrapper
********************************/
.inner.flex { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.inner.flex.re { flex-direction: row-reverse; }

/* index */
.h_parts01 { background: #845eb4; color: #fff; padding: 6px 10px; line-height: 1em; display: inline-block; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

/********************************
		header
********************************/
/*========== メニューボタン ==========*/
#btn-menu { display: block; position: absolute; top: 20px; right: 15px; width: 55px; background: none; border: none; z-index: 10000; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }

#btn-menu span { display: block; width: 100%; height: 3px; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }

#btn-menu span:nth-of-type(1) { margin: 0; }

#btn-menu span:nth-of-type(2) { margin-top: 7px; }

#btn-menu span:nth-of-type(3) { margin-top: 7px; }

/********************************
		mainimg
********************************/
#mainimg { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; text-align: center; }

/********************************
		breadcrumbs
********************************/
#breadcrumbs { padding: 3px 25px 6px; font-size: 1.2rem; text-align: right; background: rgba(220, 209, 234, 0.3); }
#breadcrumbs a { text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }
#breadcrumbs p { padding: 0 0 0 13px; display: inline; }

/********************************
		contents
********************************/
#contents { width: 100%; margin: 0 auto; clear: both; overflow: hidden; zoom: 1; }

/* contents_title */
#contents_title { width: 100%; text-align: center; position: relative; background: url(images/bg01.jpg) no-repeat center center; background-size: cover; padding: 125px 0 60px; clear: both; position: relative; }
#contents_title:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); z-index: 0; }
#contents_title .ja { padding: 0 0 15px; display: inline-block; font-size: 3.4rem; font-weight: bold; font-family: "BIZ UDPMincho", serif; line-height: 1em; border-bottom: 2px solid #845eb4; position: relative; z-index: 1; }

/*========== section ==========*/
.section_wrapper { padding-top: 100px; padding-bottom: 100px; clear: both; }
.section_wrapper.pink { background: url(images/bg_dot01.gif) repeat; }

.section_wrapper_s { padding-top: 60px; padding-bottom: 30px; clear: both; }

.section_inner { margin-top: 45px; padding-top: 45px; border-top: 3px double #ddd; clear: both; zoom: 1; }

/* section_title */
.section_title span { margin-bottom: 40px; padding-left: 25px; position: relative; font-size: 2.6rem; font-weight: bold; line-height: 1.3em; display: inline-block; }
.section_title span:before { position: absolute; left: 0; top: 0; content: ""; display: block; width: 8px; height: 100%; background: linear-gradient(180deg, #f1d4f6 30%, #ecb5ea 100%); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.section_title.center { text-align: center; }

.section_title01 { margin-bottom: 30px; color: #845eb4; font-size: 2.2rem; font-weight: bold; font-family: "BIZ UDPMincho", serif; text-align: center; }
.section_title01 span { font-weight: bold; }

.section_title02 { margin-bottom: 20px; font-size: 2.2rem; font-weight: bold; position: relative; color: #845eb4; line-height: 1.3em; }

.section_title03 { margin-bottom: 30px; padding-bottom: 15px; font-size: 2.2rem; font-weight: bold; font-family: "BIZ UDPMincho", serif; font-variant: lining-nums; text-align: center; border-bottom: 3px double #ddd; }
.section_title03 span { font-weight: bold; }
.section_title03.noborder { padding-bottom: 0; border-bottom: none; }

.section_title04 { margin-bottom: 15px; font-size: 1.8rem; font-weight: bold; }
.section_title04 span { font-weight: bold; }

/* section_box */
.section_box { margin-bottom: 30px; padding: 60px 45px; background: #fff; }
.section_box .title { margin-bottom: 45px; font-size: 2.2rem; font-weight: bold; font-family: "BIZ UDPMincho", serif; font-variant: lining-nums; text-align: center; }
.section_box img { margin-bottom: 30px; }
.section_box .btn { text-align: center; }
.section_box .section_box { padding: 0 45px; }
.section_box.nobg { background: none; }

/* section_box_wide */
.section_box_wide { margin-bottom: 30px; padding: 45px 0; background: #fff; position: relative; }
.section_box_wide .title { margin-top: 30px; margin-bottom: 45px; padding: 0 45px; font-size: 2.2rem; font-weight: bold; font-family: "BIZ UDPMincho", serif; font-variant: lining-nums; text-align: center; }
.section_box_wide .text { padding: 0 45px; }
.section_box_wide .btn { text-align: center; }

/* section_box_half */
.section_box_half { width: calc(50% - 30px); }
.section_box_half.text { margin-bottom: 20px; padding: 60px 0; }
.section_box_half.img .object-fit-img { object-fit: cover; width: 100%; height: 100%; }
.section_box_half.white { width: calc(50% - 15px); background: #fff; padding: 60px 45px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.section_box_half.white .title { margin-bottom: 30px; color: #845eb4; font-size: 2.2rem; font-weight: bold; font-family: "BIZ UDPMincho", serif; font-variant: lining-nums; }

/********************************
		index
********************************/
.index_title { width: 100%; margin-bottom: 45px; position: relative; font-family: "BIZ UDPMincho", serif; }
.index_title .title_en { margin-bottom: 10px; font-weight: bold; letter-spacing: 4px; }
.index_title .title_ja { display: inline-block; font-size: 3.2rem; font-weight: bold; line-height: 1.5em; }

/*========== index_fv ==========*/
#index_fv { background: url("images/bg01.jpg") no-repeat center top; background-size: cover; /*	background:no-repeat center center;
	background-size:cover;*/ /*	padding:100px 0 150px;*/ width: 100%; height: 100vh; font-family: "BIZ UDPMincho", serif; text-align: left; position: relative; overflow: hidden; }
#index_fv:after { position: absolute; left: 0; bottom: 0; content: ""; display: block; width: 100%; background: #f1edf6; border-top-left-radius: 100%; border-top-right-radius: 0%; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px; padding-bottom: 140px; }

#index_fv_copy { position: absolute; top: 50%; left: 5%; margin-top: -180px; z-index: 1; }

#index_fv_copy_main { font-size: 5rem; margin-bottom: 20px; color: #fff; }
#index_fv_copy_main h1, #index_fv_copy_main h2, #index_fv_copy_main p { letter-spacing: 15px; line-height: 1.4em; text-shadow: 0 0 10px rgba(57, 49, 66, 0.6); }

#index_fv_copy_sub { font-size: 1.8rem; }
#index_fv_copy_sub h1, #index_fv_copy_sub h2, #index_fv_copy_sub p { text-shadow: 0 0 4px rgba(57, 49, 66, 0.2); }

#index_fv_img { background: url(images/fv_img01.png) no-repeat center center; background-size: cover; position: absolute; top: 0; right: 0; z-index: 0; width: 838px; height: 793px; }

#index_fv_text { font-size: 2rem; }

.vegas-timer-progress { background: #845eb4 !important; }

/*========== 夏季限定キャンペーン ==========*/
#index_kaki { background: url(images/bg_natsu.jpg) no-repeat center center; background-size: cover; position: relative; }
#index_kaki .inner { padding-top: 75px; padding-bottom: 75px; position: relative; }
#index_kaki .inner .index_kaki_maintitle { margin-bottom: 50px; font-family: "Sawarabi Mincho", sans-serif; text-align: center; position: relative; }
#index_kaki .inner .index_kaki_maintitle .ex01 { margin-right: 15px; padding: 5px 10px; color: #fff; background: #456fee; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#index_kaki .inner .index_kaki_maintitle .ex02 { padding-left: 5px; font-size: 2.6rem; border-bottom: 5px double #456fee; text-shadow: 1px 1px 0 #fff; }
#index_kaki .inner .index_kaki_subtitle { font-size: 2rem; text-align: center; }
#index_kaki .inner .index_kaki_subtitle span { margin-bottom: 5px; padding-left: 10px; font-weight: bold; color: #456fee; background: linear-gradient(rgba(0, 0, 0, 0) 50%, #ffff00 50%); display: inline; }
#index_kaki #index_kaki_inner { margin-bottom: 50px; }
#index_kaki .index_kaki_box { width: 100%; margin-bottom: 10px; padding: 20px 10px; position: relative; text-align: center; background-color: rgba(255, 255, 255, 0.8); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
#index_kaki .index_kaki_title { font-size: 2rem; font-weight: bold; font-family: "Sawarabi Mincho", sans-serif; text-align: center; position: relative; }

/*========== 新人応援キャンペーン ==========*/
#section_campain_newcomer { background: url(images/bg_campain01.jpg) repeat; background-size: cover; color: #4f4809; position: relative; }
#section_campain_newcomer .inner { padding: 75px 0; background: url(images/bg_campain04.png) no-repeat center center; position: relative; }
#section_campain_newcomer .inner .contents_title { margin-bottom: 50px; font-size: 2.6rem; font-family: "Sawarabi Mincho", sans-serif; text-align: center; position: relative; }
#section_campain_newcomer .inner .contents_title .p { padding: 0 20px; display: inline-block; position: relative; z-index: 1; letter-spacing: 3px; text-shadow: none; }
#section_campain_newcomer .inner .contents_title span { padding-left: 10px; color: #f852a6; font-size: 2.6rem; text-shadow: 1px 1px 0 #fff; }
#section_campain_newcomer:before, #section_campain_newcomer:after { position: absolute; left: 0; content: ""; display: block; width: 100%; height: 10px; background: url(images/bg_campain03.gif) repeat-x center; }
#section_campain_newcomer:before { top: 0; }
#section_campain_newcomer:after { bottom: 0; }
#section_campain_newcomer #section_campain_newcomer_inner { margin-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#section_campain_newcomer .section_campain_newcomer_box { width: 33%; padding: 30px 10px; position: relative; }
#section_campain_newcomer .section_campain_newcomer_box:not(:last-child) { border-right: 2px solid #d7c627; }
#section_campain_newcomer .section_campain_newcomer_no { position: absolute; top: -15px; left: 30px; }
#section_campain_newcomer .section_campain_newcomer_title { margin-bottom: 20px; font-size: 2.6rem; font-family: "Sawarabi Mincho", sans-serif; text-align: center; position: relative; }
#section_campain_newcomer .section_campain_newcomer_title span { background: linear-gradient(rgba(0, 0, 0, 0) 60%, #ff93c4 60%); font-weight: bold; display: inline-block; }
#section_campain_newcomer .section_campain_newcomer_text { font-size: 1.4rem; padding: 0 30px; }
#section_campain_newcomer #section_campain_newcomer_btn { text-align: center; }
#section_campain_newcomer #section_campain_newcomer_btn a { padding-left: 30px; padding-right: 30px; display: inline-block; }

.newcomer_box01 { padding: 20px; text-align: center; background: #f7f7f7; border: 5px solid #eee; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-around; }
.newcomer_box01 p { width: 50%; text-align: center; font-weight: bold; padding: 5px 0; }
.newcomer_box01 p span { color: #fc4398; font-weight: bold; }

.newcomer_box02 { margin-bottom: 50px; text-align: center; }
.newcomer_box02 .title { margin-bottom: 15px; background: linear-gradient(rgba(0, 0, 0, 0) 70%, #ffee93 30%); font-size: 2.2rem; font-weight: bold; display: inline-block; line-height: 1em; }
.newcomer_box02 .newcomer_box02_inner { padding: 20px; background: #fff; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; }
.newcomer_box02 .newcomer_box02_inner p { text-align: center; font-weight: bold; padding: 5px 0; }
.newcomer_box02 .newcomer_box02_inner p span { font-weight: bold; }
.newcomer_box02 .newcomer_box02_inner p span span { color: #fc4398; font-weight: bold; }
.newcomer_box02 .newcomer_box02_inner p .fs-b02 { display: inline-block; line-height: 2em; }

/*========== 衛生対策 ==========*/
#eisei { padding: 60px 20px; background: url(images/eisei_bg.gif) repeat; clear: both; }
#eisei #eisei_maintitle { margin-bottom: 30px; font-size: 1.8rem; font-weight: bold; text-align: center; letter-spacing: 1px; display: flex; align-items: center; }
#eisei #eisei_maintitle:before, #eisei #eisei_maintitle:after { border-top: 2px solid #81e0d3; content: ""; flex-grow: 1; }
#eisei #eisei_maintitle:before { margin-right: 1rem; }
#eisei #eisei_maintitle:after { margin-left: 1rem; }
#eisei #eisei_inner { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 1.2rem; }
#eisei .eisei_box { width: calc(33.3% - 10px); margin-bottom: 10px; padding: 15px; background: #fff; }
#eisei .eisei_titlebox { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px dashed #daf8f4; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-start; flex-wrap: nowrap; align-items: center; }
#eisei .eisei_titlebox .eisei_img { width: 100px; min-width: 100px; margin: 0 10px 0 0; }
#eisei .eisei_titlebox .eisei_title { font-weight: bold; }
#eisei .eisei_textbox { font-size: 1.2rem; }

/*========== LINEで応募 ==========*/
#index_line { width: 100%; background: url(images/bg_line.gif) repeat #14c014; text-align: center; clear: both; }
#index_line a { padding: 50px; display: block; }
#index_line a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -moz-transition: 0.1s; -o-transition: 0.1s; -webkit-transition: 0.1s; transition: 0.1s; }
#index_line img { max-width: 700px; width: 100%; }
#index_line img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

/*========== index_campaign ==========*/
#index_campaign_gessyu { background: url("images/banner_gessyu_bg.gif") repeat; }

#index_campaign_jikyu { background: url("images/banner_jikyu_bg.gif") repeat; }

.index_campaign_box { width: 50%; text-align: center; }
.index_campaign_box.w100 { width: 100%; }
.index_campaign_box a { padding: 50px; display: block; }
.index_campaign_box a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -moz-transition: 0.1s; -o-transition: 0.1s; -webkit-transition: 0.1s; transition: 0.1s; }
.index_campaign_box a img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: 0.1s; -o-transition: 0.1s; -webkit-transition: 0.1s; transition: 0.1s; }

/*========== index_media ==========*/
#index_media { background: url(images/bg_dot01.gif) repeat; }
#index_media .section_box_half { position: relative; }

#index_media_img01, #index_media_img02, #index_media_img03 { position: absolute; }

#index_media_img01 { width: 345px; height: 482px; top: 30px; right: 0; z-index: 3; }

#index_media_img02 { width: 120px; height: 166px; top: 320px; right: 310px; z-index: 1; }

#index_media_img03 { width: 320px; height: 171px; top: 460px; right: 90px; z-index: 2; }

/* 出演実績 */
#index_media_results { margin-top: 60px; }
#index_media_results .section_title02 { margin-bottom: 60px; }

.index_media_results_section { width: calc(33% - 15px); background: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

.index_media_results_box { padding: 40px 30px 30px; position: relative; }
.index_media_results_box.ex { padding-bottom: 58px; border-image: url(images/bg_dot01.gif) 0 0 18 0 repeat repeat; border-image-repeat: repeat; border-image-width: 0 0 18px 0; }
.index_media_results_box .half:not(:last-child) { margin-bottom: 15px; }
.index_media_results_box dl:not(:last-child) { margin-bottom: 15px; }
.index_media_results_box dl dt { color: #845eb4; font-weight: bold; font-family: "BIZ UDPMincho", serif; }
.index_media_results_box dl dd { font-size: 1.4rem; }

.index_media_results_title { background: #845eb4; padding: 0.75em 1em; color: #fff; font-weight: bold; font-family: "BIZ UDPMincho", serif; line-height: 1em; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; position: absolute; top: -1.25em; left: -1em; }

.annotation { padding: 5px 0; font-size: 1.2rem; text-align: right; }

/*========== index_maiko ==========*/
#index_maiko { width: 100vw; position: relative; }
#index_maiko .inner { width: auto; }
#index_maiko .section_box_half.text { padding: 90px 0 90px 5%; }

#index_maiko_title { width: 100%; font-family: "BIZ UDPMincho", serif; margin-bottom: 45px; }
#index_maiko_title .title_en { margin-bottom: 10px; font-size: 7rem; letter-spacing: 4px; line-height: 1em; color: #000; }
#index_maiko_title .title_ja { display: inline-block; font-size: 2.4rem; font-weight: bold; line-height: 1.5em; }

/*========== index_chatpia ==========*/
.logo_chatpia { width: 100%; max-width: 350px; background: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.logo_chatpia a { padding: 20px 40px; display: block; }

/*========== index_about ==========*/
#index_about { width: 100vw; position: relative; padding-top: 0; }
#index_about .inner { width: auto; padding-top: 100px; }
#index_about .section_box_half.text { padding: 90px 5% 90px 0; }

#index_about_title { width: 100%; font-family: "BIZ UDPMincho", serif; margin-bottom: 45px; }
#index_about_title .title_en { margin-bottom: 10px; font-size: 7rem; letter-spacing: 4px; line-height: 1em; color: #000; }
#index_about_title .title_ja { display: inline-block; font-size: 2.4rem; font-weight: bold; line-height: 1.5em; }

#index_about_gallery { margin-bottom: 30px; }

.loopSlide { position: relative; display: flex; width: 100vw; overflow: hidden; }
.loopSlide ul { padding: 0; width: 100vw; display: flex; flex-shrink: 0; }
.loopSlide ul:first-child { animation: slide1 60s -30s linear infinite; }
.loopSlide ul:nth-of-type(n+2) { animation: slide2 60s linear infinite; }
.loopSlide ul:last-child { animation: slide3 60s linear infinite; }
.loopSlide ul li { display: inline-block; width: 100%; margin-right: 10px; list-style: none; text-align: center; }
.loopSlide ul li img { display: block; width: 100%; height: auto; }
.loopSlide:hover ul { /*            animation-play-state: paused;*/ }

@keyframes slide1 { 0% { transform: translateX(-100%); }
  to { transform: translateX(100%); } }
@keyframes slide2 { 0% { transform: translateX(-200%); }
  to { transform: translateX(0); } }
@keyframes slide3 { 0% { transform: translateX(-300%); }
  to { transform: translateX(-100%); } }
/*========== index_info ==========*/
#index_info { background: url(images/bg02.jpg) no-repeat top center; background-size: cover; position: relative; overflow: hidden; /* ぼかし */ }
#index_info:before { content: ''; background: inherit; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; z-index: 0; }
#index_info .inner { position: relative; z-index: 2; }

#index_info_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
#index_info_wrapper:after { content: ""; display: block; width: calc(100% / 3 - 15px); }

.index_info_box { width: calc(100% / 3 - 15px); background: #fff; margin-bottom: 30px; padding: 25px; position: relative; text-align: center; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.index_info_box .img { margin-bottom: 30px; }
.index_info_box .text { margin-bottom: 25px; }

/* contents_banner */
#contents_banner { padding-top: 40px; }
#contents_banner .flex:after { content: ""; display: block; width: calc(33% - 15px); }
#contents_banner .flex .banner { width: calc(33% - 15px); margin: 0 0 15px; }

/*========== index_kutikomi ==========*/
#index_kutikomi .section_box { justify-content: space-between; }
#index_kutikomi .section_box .img { width: calc(33% - 15px); }
#index_kutikomi .section_box .img img { margin-bottom: 0; }
#index_kutikomi .section_box .text { width: calc(65% - 15px); }

/*========== index_corona ==========*/
#index_corona { background: url(images/bg03.jpg) no-repeat top center; background-size: cover; position: relative; }
#index_corona .half_img { position: absolute; top: 10%; right: 0; width: calc(50% - 15px); height: 80%; background: url(images/room01.jpg) no-repeat top center; background-size: cover; -moz-border-radius: 30px 0 0 30px; -webkit-border-radius: 30px; border-radius: 30px 0 0 30px; }

/*========== index_tsukin ==========*/
#index_tsukin { background: url(images/bg04.jpg) no-repeat top center; background-size: cover; }

.index_tsukin_contents dl dt { margin-bottom: 20px; color: #845eb4; font-size: 1.8rem; font-weight: bold; text-align: center; }
.index_tsukin_contents dl dd:not(:last-child) { padding-bottom: 10px; }
.index_tsukin_contents dl dd a { text-decoration: none; }
.index_tsukin_contents dl dd a span { padding-left: 5px; color: #333; }
.index_tsukin_contents dl dd a:hover span { text-decoration: underline; }

/*========== index_chatlady ==========*/
#index_work_merit { margin-top: 90px; }
#index_work_merit .section_title02 { margin-bottom: 90px; }
#index_work_merit .section_box_wide { position: relative; padding-top: 0; /*
&:after{
	position:absolute;
	top:-15px;
	left:0;
	display:block;
	
	background:$color-ac;
	color:#fff;
	padding:30px;
	font-size:$fs-b10;
	font-family:$ff-sm;
	font-style:italic;
}
&:nth-child(1){
	&:after{
		content:"01";
	}
}
&:nth-child(2){
	&:after{
		content:"02";
	}
}
&:nth-child(3){
	&:after{
		content:"03";
	}
}
&:nth-child(4){
	&:after{
		content:"04";
	}
}*/ }
#index_work_merit .section_box_wide .after { position: absolute; top: -15px; left: -5px; display: block; background: #333; color: #fff; padding: 6px 10px; font-size: 1.2rem; font-family: "Sawarabi Mincho", sans-serif; text-align: center; }
#index_work_merit .section_box_wide .after p { line-height: 1em; }
#index_work_merit .section_box_wide .after p span { font-size: 2.6rem; display: block; font-style: italic; line-height: 1em; }

/*========== index_reward ==========*/
#index_reward01 { margin-bottom: 30px; background: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; }

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

.index_reward_text { width: 540px; min-height: 420px; padding: 70px 50px 50px; }

.index_reward_img { width: 620px; position: absolute; top: 0; right: -70px; }

#index_reward_example { margin-top: 90px; }
#index_reward_example .section_title02 { margin-bottom: 60px; }

.index_reward_example_tag { position: absolute; top: 0; left: 0; padding: 5px 10px; background: #111; color: #fff; }

.index_reward_example_img { background: #eee; margin-bottom: 30px; padding: 60px; }
.index_reward_example_img img { margin-bottom: 0; }

.index_reward_example_text h4 { margin-bottom: 30px; font-weight: bold; text-align: center; }

#index_reward_campaign { margin-top: 90px; }
#index_reward_campaign .section_box_wide { padding-top: 0; }

/* index_reward_system */
#index_reward_system .contents_reward_inner { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; }
#index_reward_system .contents_reward_inner .mt01em { font-size: 1.2rem; }
#index_reward_system .contents_reward_img01 { margin: 20px 0; padding: 20px; border: 1px solid #ddd; text-align: center; }
#index_reward_system .ex { text-align: center; }
#index_reward_system .contents_reward_flex01 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; }
#index_reward_system .contents_reward_flex01 div { width: calc(100% / 3 - 20px); padding-right: 20px; }
#index_reward_system .contents_reward_flex01 div:not(:last-child) { border-right: 1px solid #ddd; }
#index_reward_system .contents_reward_flex01 div .title_h { background: #845eb4; color: #fff; padding: 6px 10px; line-height: 1em; font-size: 1.2rem; display: inline-block; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

/*========== index_qa ==========*/
#index_qa { background: url(images/bg_dot01.gif) repeat; }

/* Q&Aアコーディオン*/
.index_qa_acd { width: 100%; /*バー部分*/ /*開いたときに表示される部分*/ }
.index_qa_acd input { display: none; /*チェックボックスを隠す*/ }
.index_qa_acd label { cursor: pointer; display: block; text-decoration: none; color: #fff; line-height: 1.5em; position: relative; margin: 0; padding: 5px 40px 10px 20px; background-color: #845eb4; font-size: 1.8rem; text-indent: -1.4em; padding-left: calc(20px + 1.4em); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.index_qa_acd label:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }
.index_qa_acd label span { font-size: 3.6rem; font-family: "BIZ UDPMincho", serif; }
.index_qa_acd .index_qa_acd_contents { margin: 0; padding: 0; list-style: none; margin-bottom: 3px; }
.index_qa_acd .index_qa_acd_contents .index_qa_acd_contents_inner { height: 0; overflow-y: hidden; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.index_qa_acd .index_qa_acd_contents_inner { background: #fff; padding: 0 20px; }
.index_qa_acd .index_qa_acd_contents_inner .indent { text-indent: -2.6em; padding-left: 2.8em; }
.index_qa_acd .index_qa_acd_contents_inner .indent span { color: #845eb4; font-size: 3.6rem; font-family: "BIZ UDPMincho", serif; }

/*
.index_qa_acd_input:checked ~ .index_qa_acd_contents .index_qa_acd_contents_inner{
	height: auto;
	opacity: 1;
	padding: 20px;
}
*/
#menu_bar01:checked ~ #links01 .index_qa_acd_contents_inner, #menu_bar02:checked ~ #links02 .index_qa_acd_contents_inner, #menu_bar03:checked ~ #links03 .index_qa_acd_contents_inner, #menu_bar04:checked ~ #links04 .index_qa_acd_contents_inner, #menu_bar05:checked ~ #links05 .index_qa_acd_contents_inner, #menu_bar06:checked ~ #links06 .index_qa_acd_contents_inner, #menu_bar07:checked ~ #links07 .index_qa_acd_contents_inner, #menu_bar08:checked ~ #links08 .index_qa_acd_contents_inner, #menu_bar09:checked ~ #links09 .index_qa_acd_contents_inner, #menu_bar10:checked ~ #links10 .index_qa_acd_contents_inner, #menu_bar11:checked ~ #links11 .index_qa_acd_contents_inner, #menu_bar12:checked ~ #links12 .index_qa_acd_contents_inner, #menu_bar13:checked ~ #links13 .index_qa_acd_contents_inner, #menu_bar14:checked ~ #links14 .index_qa_acd_contents_inner, #menu_bar15:checked ~ #links15 .index_qa_acd_contents_inner, #menu_bar16:checked ~ #links16 .index_qa_acd_contents_inner, #menu_bar17:checked ~ #links17 .index_qa_acd_contents_inner, #menu_bar18:checked ~ #links18 .index_qa_acd_contents_inner, #menu_bar19:checked ~ #links19 .index_qa_acd_contents_inner { height: auto; /*開いたときに表示されるliの高さ*/ opacity: 1; padding: 5px 20px 20px; }

/*開いたときの下の余白*/
/*閉じた状態の矢印描画*/
.index_qa_acd label:after { content: ""; display: block; width: 8px; height: 8px; border-top: #fff 2px solid; border-right: #fff 2px solid; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 20px; top: 0; bottom: 15%; margin: auto; }

/*開いた状態の矢印描画*/
.index_qa_acd input[type=checkbox]:checked + label:after { content: ""; display: block; width: 8px; height: 8px; border-top: #fff 2px solid; border-right: #fff 2px solid; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 20px; top: 7%; bottom: 0; margin: auto; }

/*========== index_news ==========*/
#index_news .inner { max-width: 900px; }

.index_news_wrapper { margin-bottom: 60px; border-top: 1px solid #ddd; font-size: 1.4rem; color: #777; }
.index_news_wrapper .index_news_box { padding: 30px 0; border-bottom: 1px solid #ddd; align-items: center; }
.index_news_wrapper .index_news_box.flex { align-items: center; }
.index_news_wrapper .index_news_box .index_news_box_inner .index_news_date { width: 100px; }
.index_news_wrapper .index_news_box .index_news_box_inner .index_news_category { width: 200px; text-align: center; }
.index_news_wrapper .index_news_box .index_news_box_inner .index_news_category span { min-width: 9em; padding: 5px 10px; background: #fff; display: inline-block; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.index_news_wrapper .index_news_box .index_news_title { width: calc(100% - 320px); }
.index_news_wrapper .index_news_box .index_news_title a { color: #777; }

/*========== index_blog ==========*/
#index_blog { background: url(images/img05.jpg) no-repeat; background-size: cover; position: relative; overflow: hidden; z-index: 0; /* ぼかし */ }
#index_blog:before { content: ''; background: inherit; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; z-index: 0; }
#index_blog .inner { position: relative; z-index: 2; }

.index_blog_wrapper { margin-bottom: 30px; }
.index_blog_wrapper:after { content: ""; display: block; width: calc(33% - 15px); }

.index_blog_box { width: calc(33% - 15px); margin-bottom: 30px; position: relative; background: #fff; }
.index_blog_box a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.index_blog_box a:hover { background-color: rgba(255, 255, 255, 0.2); }
.index_blog_box:hover img { -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.index_blog_box:nth-child(3n) { margin-right: 0; }

.index_blog_img { overflow: hidden; max-height: 200px; min-height: 200px; position: relative; }
.index_blog_img img { width: 100%; margin-top: -15px; }

.index_blog_category { position: absolute; bottom: 0; left: 0; background: #fff; padding: 5px 15px 0; color: #845eb4; font-size: 1.2rem; font-weight: bold; letter-spacing: 1px; line-height: 1em; }

.index_blog_date { position: absolute; top: 0; left: 0; background: #111; padding: 5px 10px 8px; color: #fff; font-size: 1.2rem; letter-spacing: 1px; line-height: 1em; }

.index_blog_inner { font-size: 1.2rem; }

.index_blog_title { padding: 10px 15px; color: #845eb4; }

.index_blog_text { padding: 5px 15px 10px; background: #f6f6f6; }

/*========== index_step ==========*/
/* index_step */
.index_step_box { position: relative; }
.index_step_box .index_step_title { margin-bottom: 25px; font-size: 2rem; font-family: "BIZ UDPMincho", serif; border-left: none; text-align: center; }
.index_step_box .index_step_title span { font-weight: bold; position: relative; }
.index_step_box .index_step_title span:before { position: absolute; top: calc(50% - 19px); left: calc(-1.6em + -16px); display: block; content: ""; width: 1.6em; padding: 2px; background: #ec4585; color: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.index_step_box:not(:last-child):after { position: absolute; bottom: -10px; left: calc(50% - 16px); display: block; content: ""; z-index: 1; display: inline-block; vertical-align: middle; color: #ccc; line-height: 1; width: 20px; height: 20px; border: 4px solid currentColor; border-left: 0; border-bottom: 0; box-sizing: border-box; transform: translateY(-25%) rotate(135deg); }
.index_step_box#index_step01 .index_step_title span:before { content: "1"; }
.index_step_box#index_step02 .index_step_title span:before { content: "2"; }
.index_step_box#index_step03 .index_step_title span:before { content: "3"; }
.index_step_box#index_step04 .index_step_title span:before { content: "4"; }
.index_step_box .index_step_inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.index_step_box .index_step_img { width: calc(50% - 20px); }
.index_step_box .index_step_text { width: 50%; }
.index_step_box .index_step_text .btn:not(:last-child) { margin-bottom: 8px; }
.index_step_box .btn { text-align: center; }
.index_step_box .btn a { display: block; max-width: 300px; margin-left: auto; margin-right: auto; padding: 10px; color: #fff; text-decoration: none; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; position: relative; }
.index_step_box .btn a:before { position: absolute; top: 12px; left: 20px; content: ""; display: block; width: 24px; height: 23px; }
.index_step_box .btn a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }
.index_step_box .btn.btn_line a { background: #00c300; }
.index_step_box .btn.btn_line a:before { background: url("images/icon_line.png") no-repeat; background-size: cover; }
.index_step_box .btn.btn_mail a { background: #6ca5f2; }
.index_step_box .btn.btn_mail a:before { background: url("images/icon_mail2.png") no-repeat; background-size: cover; }
.index_step_box .btn.btn_tel a { background: #ec4585; }
.index_step_box .btn.btn_tel a:before { background: url("images/icon_tel.png") no-repeat; background-size: cover; }

/********************************
		requirement
********************************/
.annotation_box { padding: 10px 20px; background: #f3f3f3; }

.index_apply_box_ok, .index_apply_box_ng { padding: 15px 30px 15px 20px; }
.index_apply_box_ok p, .index_apply_box_ng p { margin-bottom: 10px; }
.index_apply_box_ok li, .index_apply_box_ng li { margin-left: 20px; font-size: 1.4rem; }
.index_apply_box_ok li:not(:last-child), .index_apply_box_ng li:not(:last-child) { margin-bottom: 10px; }

.index_apply_box_ok { margin-bottom: 5px; background: #ffedf3; }

.index_apply_box_ng { background: #f3f3f3; }
.index_apply_box_ng li:before { background-color: #aaa; }

/********************************
		privacy-policy
********************************/
.section_box .pp_img { margin-bottom: 4px; }

/********************************
		other-rooms
********************************/
.rooms_list_wrapper { position: relative; }
.rooms_list_wrapper:after { content: ""; display: block; width: 32%; }
.rooms_list_wrapper .section_title03 { margin-bottom: 1px; }
.rooms_list_wrapper .rooms_list { margin-bottom: 50px; }
.rooms_list_wrapper .rooms_list_img { margin-bottom: 0; text-align: center; }
.rooms_list_wrapper .rooms_list_img img { width: 100%; margin-bottom: 0; }
.rooms_list_wrapper .rooms_list_btn { text-align: center; }
.rooms_list_wrapper .rooms_list_btn a { width: 100%; background: #845eb4; color: #fff; padding: 10px 20px; text-decoration: none; display: block; position: relative; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.rooms_list_wrapper .rooms_list_btn a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

/********************************
		footer
********************************/
#footer { background: #1b1b1b; color: #fff; }

/*========== footer_contact ==========*/
#footer_contact { width: 100%; padding: 100px 0; clear: both; position: relative; background: url(images/bg05.jpg) no-repeat center fixed #735d8f; background-size: cover; z-index: 0; text-align: center; }

#footer_contact_text { color: #fff; }

#footer_contact_text_title { font-size: 3.2rem; }

#footer_contact_text_p { padding: 40px 0 50px; }

/*========== footer_info ==========*/
#footer_info { padding: 50px 0; }

/* footer_info_nav */
.footer_info_nav { font-size: 1.2rem; }
.footer_info_nav ul li { padding-bottom: 15px; color: #999; }
.footer_info_nav ul li:not(:last-child) { padding-bottom: 15px; }
.footer_info_nav ul li a { color: #666; text-decoration: none; }
.footer_info_nav ul li a span { padding-left: 5px; color: #fff; }
.footer_info_nav ul li a:hover span { text-decoration: underline; }

/* footer_info_contact */
#footer_info_name { margin-bottom: 30px; font-family: "BIZ UDPMincho", serif; font-size: 2rem; font-weight: bold; }

#footer_info_tel { font-size: 2rem; }
#footer_info_tel a { color: #fff; font-family: "Sawarabi Mincho", sans-serif; text-decoration: none; }
#footer_info_tel a:hover { text-decoration: underline; }

#footer_info_time { color: #777; }

/*========== footer_copy ==========*/
#footer_copy { background: #272727; padding: 15px; color: #777; font-size: 1.2rem; text-align: center; }

@media print, screen and (min-width: 769px) { /* ============================================================================= 							PC用のスタイル ============================================================================= */
  /******************************** 		wrapper *******************************/
  .pc { display: block; }
  .sp { display: none; }
  /******************************** 		header *******************************/
  #header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; width: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
  #header.other { background-color: #fff; }
  #header.other #gnav li a { padding-top: 20px; padding-bottom: 20px; }
  #header_inner { width: 200px; padding: 15px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
  #header_inner #logo { margin: 12px 0 0 12px; }
  /*========== ヘッダ固定 ==========*/
  #header { position: fixed; width: 100%; z-index: 999; }
  /* ふわっと出現させるためのCSS */
  #header.index_header_fv { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; /*	background-color:rgba(255,255,255,0) !important;*/ }
  /* 上に上がる動き */
  #header.UpMove { position: fixed; width: 100%; animation: UpAnime 0.5s forwards; /*	background-color:rgba(255,255,255,0) !important;*/ }
  /* 下に下がる動き */
  #header.DownMove { position: fixed; width: 100%; animation: DownAnime 0.5s forwards; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; /*	background-color:rgba(255,255,255,1);*/ }
  #header.DownMove:not(.UpMove) #gnav li a { /*
padding-top:20px;
padding-bottom:20px;
*/ }
  @keyframes UpAnime { from { opacity: 1; transform: translateY(0); }
    to { opacity: 0; transform: translateY(-100px); } }
  @keyframes DownAnime { from { opacity: 0; transform: translateY(-100px); }
    to { opacity: 1; transform: translateY(0); } }
  /*========== gnav ==========*/
  /* 三本線 */
  #btn-menu { display: none; }
  /* gnav */
  #sp-menu { width: calc(100% - 200px); }
  #sp-menu-position { text-align: right; }
  #gnav { background: linear-gradient(50deg, rgba(241, 237, 246, 0.9) 50%, rgba(220, 209, 234, 0.9) 100%); margin: 12px 12px 0 0; display: inline-block; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; }
  #gnav ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center; position: relative; padding-left: 25px; }
  #gnav li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.4rem; font-family: "BIZ UDPMincho", serif; text-align: center; position: relative; }
  #gnav li a { padding: 12px 25px; color: #333; font-weight: bold; text-decoration: none; display: block; }
  #gnav li a:hover { color: #845eb4; text-decoration: none; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  #gnav li.sp { display: none; }
  #gnav li#gnav_contact a { background: #845eb4; color: #fff; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; }
  #gnav li#gnav_contact a:hover { background: #a77ddc; }
  /*========= ロールオーバ 左から右に下線が伸びる ===============*/
  .ro_line_left li a { position: relative; }
  .ro_line_left li a:after { content: ''; /*絶対配置で線の位置を決める*/ position: absolute; bottom: 0; left: 0; /*線の形状*/ width: 100%; height: 2px; background: #845eb4; /*アニメーションの指定*/ transition: all .3s; transform: scale(0, 1); /*X方向0、Y方向1*/ transform-origin: left top; /*左上基点*/ }
  .ro_line_left li a:hover:after { transform: scale(1, 1); /*X方向にスケール拡大*/ }
  .ro_line_left li.current a:after { transform: scale(1, 1); /*X方向にスケール拡大*/ }
  /*========= ロールオーバ 中央から外に下線が伸びる ===============*/
  .ro_line_center li a { position: relative; /*線の基点とするためrelativeを指定*/ }
  .ro_line_center li a:hover:after { transform: scale(1, 1); /*X方向にスケール拡大*/ }
  .ro_line_center li a:after { content: ''; /*絶対配置で線の位置を決める*/ position: absolute; bottom: 0; left: 10%; /*線の形状*/ width: 80%; height: 2px; background: #845eb4; /*アニメーションの指定*/ transition: all .3s; transform: scale(0, 1); /*X方向0、Y方向1*/ transform-origin: center top; /*上部中央基点*/ }
  .ro_line_center li.current a { color: #845eb4; }
  .ro_line_center li.current a:after { transform: scale(1, 1); /*X方向にスケール拡大*/ }
  /******************************** 		mainimg *******************************/
  /******************************** 		breadcrumbs *******************************/
  /******************************** 		contents *******************************/
  #main { width: calc(900px - 30px); }
  #index_tsukin_map img { margin-top: 50px; }
  /******************************** 		sidebar *******************************/
  #sidebar { width: 300px; }
  .sidebar_box { margin-bottom: 20px; padding: 20px; background: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
  .sidebar_title { position: relative; overflow: hidden; padding-bottom: 5px; margin-bottom: 30px; font-weight: bold; font-family: "BIZ UDPMincho", serif; width: 100%; }
  .sidebar_title:before { content: ""; position: absolute; bottom: 0; border-bottom: 3px solid #845eb4; width: 100%; }
  .sidebar_title:after { content: ""; position: absolute; bottom: 0; border-bottom: 3px solid #ddd; width: 100%; }
  .sidebar_news_box { position: relative; background: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; }
  .sidebar_news_box a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .sidebar_news_box a:hover { background-color: rgba(255, 255, 255, 0.2); }
  .sidebar_news_box:hover img { -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  .sidebar_news_box:not(:last-child) { margin-bottom: 10px; }
  .sidebar_news_img { overflow: hidden; width: 120px; max-height: 80px; position: relative; }
  .sidebar_news_img img { width: 100%; }
  .sidebar_news_category { position: absolute; top: 0; left: 0; background: #111; padding: 0 6px 2px; color: #fff; font-size: 0.8rem; }
  .sidebar_news_text { width: 180px; padding: 0 10px; }
  .sidebar_news_date { margin-bottom: 5px; font-size: 1.2rem; font-weight: bold; color: #bbb; }
  .sidebar_news_title { font-size: 1.2rem; line-height: 1.3em; }
  /******************************** 		footer *******************************/
  /*========== footer_contact ==========*/
  #footer_contact_text_title br { display: none; }
  /*========== sp_bottom_nav ==========*/
  #sp_bottom_nav { display: none; } }
@media screen and (max-width: 768px) { /* ============================================================================= 								スマートフォン用のスタイル ============================================================================= */
  /******************************** 		wrapper *******************************/
  #wrapper { font-size: 1.4rem; }
  .inner { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding-left: 5%; padding-right: 5%; }
  /* main_table */
  .main_table { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #ddd; clear: both; }
  .main_table th { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 15px; background: #fff; border-bottom: 1px solid #ddd; text-align: center; vertical-align: middle; display: block; }
  .main_table td { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 15px; background: #fff; border-bottom: 1px solid #ddd; vertical-align: middle; display: block; }
  .main_table02 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #ddd; clear: both; }
  .main_table02 th { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; padding: 15px; background: #fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; vertical-align: middle; }
  .main_table02 td { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; padding: 15px; background: #fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: right; vertical-align: middle; }
  .main_table_box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #ddd; clear: both; }
  .main_table_box .main_table_box_r { display: block; }
  .main_table_box .main_table_box_h { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 20px; background: #eee; border-bottom: 1px solid #ddd; text-align: center; vertical-align: middle; display: block; }
  .main_table_box .main_table_box_h span { font-size: 1.2rem; }
  .main_table_box .main_table_box_d { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 20px 10px; background: #fff; border-bottom: 1px solid #ddd; vertical-align: middle; display: block; }
  .main_table_box .main_table_box_d .sp_block { display: block; }
  .main_table_box .main_table_box_d_w { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 20px 10px; vertical-align: middle; }
  .main_table_box .main_table_box_r:nth-of-type(odd) .main_table_box_d { background: none; }
  .form_box .form_button_box { width: 100%; }
  .form_box .form_button_box p { float: none; }
  .sp100 { width: 100% !important; }
  .pc { display: none; }
  .sp { display: block; }
  /*========== btn ==========*/
  .btn { text-align: center; }
  .btn a { padding: 12px 52px 12px 30px; }
  /******************************** 		header *******************************/
  #header { width: 100%; padding: 15px; position: fixed; top: 0; left: 0; z-index: 999; }
  #header_inner { padding-right: 50px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
  #header_inner #logo { width: 144px; min-width: 144px; margin-right: 15px; }
  #header_inner h1 { color: #999; font-size: 1rem; }
  /*========== ヘッダ固定 ==========*/
  /* #header{ 	position: fixed; 	width:100%; z-index:999; } #header.UpMove{ 	position: fixed; 	width:100%; 	animation: UpAnime 0s forwards; 	background-color:inherit !important; } #header.DownMove{ 	position: fixed; 	width:100%; 	animation: DownAnime 0.5s forwards; } @keyframes UpAnime{ from { opacity: 0; 	transform: translateY(-100px); } to { opacity: 0; 	transform: translateY(-100px); } } @keyframes DownAnime{ from { 	opacity: 0; 	transform: translateY(-100px); } to { 	opacity: 1; 	transform: translateY(0); } } */
  /*========== gnav ==========*/
  #btn-menu { display: block; position: absolute; top: 0; right: 0; width: auto; background: #111; padding: 10px 10px 12px 12px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }
  #btn-menu span { width: 35px; height: 2px; background: #fff; }
  #sp-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); overflow: auto; z-index: 9999; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }
  .open-menu #sp-menu { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .open-menu #btn-menu span { background: #fff; }
  .open-menu #btn-menu span:nth-of-type(1) { margin-top: 13px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .open-menu #btn-menu span:nth-of-type(2) { display: none; }
  .open-menu #btn-menu span:nth-of-type(3) { margin-top: -3px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  #sp-menu-position { position: absolute; top: 28%; left: 50%; transform: translate(-50%, -25%); width: 80%; text-align: center; }
  .sp-menu-list > li > a { padding: 15px 0; border-bottom: 1px solid #333; color: #fff; text-decoration: none; display: block; }
  .sp-menu-list > li > a:hover { background: #fff; color: #000; }
  #gnav { font-size: 1.4rem; }
  #gnav li { position: relative; }
  #gnav li a { padding-left: 20px; text-align: left; }
  /* ドロップダウン */
  #gnav li ul.menu_second-level { width: 100%; text-align: left; }
  #gnav li ul.menu_second-level li { position: relative; text-align: left; }
  #gnav li ul.menu_second-level li:after { content: ''; display: inline-block; width: 4px; height: 4px; border-right: 2px solid #845eb4; border-bottom: 2px solid #845eb4; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; position: absolute; top: 21px; left: 24px; }
  #gnav li ul.menu_second-level li:hover:after { left: 27px; }
  #gnav li ul.menu_second-level a { padding: 15px 15px 15px 49px; display: block; text-align: left; border-bottom: 1px solid #333; }
  #gnav li ul.menu_second-level a:hover { background: #fff; }
  #gnav_contact { margin-top: 15px; }
  #gnav_contact a { padding: 15px 20px 15px; background: #845eb4; color: #fff; display: block; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }
  #gnav_contact a span { padding-right: 10px; }
  #gnav_contact a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
  /******************************** 		mainimg *******************************/
  /******************************** 		breadcrumbs *******************************/
  /******************************** 		contents *******************************/
  #contents { width: 100%; font-size: 1.4rem; }
  /* contents_title */
  #contents_title { padding: 100px 0 60px; }
  #contents_title .ja { padding: 0 0 15px; font-size: 2.8rem; }
  #main { width: 100%; float: none; }
  /*========== sidebar ==========*/
  #sidebar { width: 100%; margin-top: 30px; }
  .sidebar_box { margin-bottom: 20px; padding: 20px; background: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
  .sidebar_title { position: relative; overflow: hidden; padding-bottom: 5px; margin-bottom: 30px; font-weight: bold; font-family: "BIZ UDPMincho", serif; width: 100%; }
  .sidebar_title:before { content: ""; position: absolute; bottom: 0; border-bottom: 3px solid #845eb4; width: 100%; }
  .sidebar_title:after { content: ""; position: absolute; bottom: 0; border-bottom: 3px solid #ddd; width: 100%; }
  .sidebar_news_box { position: relative; background: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; }
  .sidebar_news_box a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .sidebar_news_box a:hover { background-color: rgba(255, 255, 255, 0.2); }
  .sidebar_news_box:hover img { -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  .sidebar_news_box:not(:last-child) { margin-bottom: 10px; }
  .sidebar_news_img { overflow: hidden; width: 30%; max-height: 70px; position: relative; }
  .sidebar_news_img img { width: 100%; }
  .sidebar_news_category { position: absolute; top: 0; left: 0; background: #111; padding: 0 6px 2px; color: #fff; font-size: 0.8rem; letter-spacing: 1px; }
  .sidebar_news_text { width: 70%; padding: 0 10px; }
  .sidebar_news_date { margin-top: -2px; margin-bottom: 2px; font-size: 1.2rem; font-weight: bold; color: #bbb; }
  .sidebar_news_title { font-size: 1.2rem; line-height: 1.1em; }
  /*========== section ==========*/
  .section_wrapper { padding-top: 60px; padding-bottom: 60px; clear: both; }
  .section_wrapper_s { padding-top: 30px; padding-bottom: 0; clear: both; }
  .section_inner { clear: both; overflow: hidden; zoom: 1; }
  /* section_title */
  .section_title { font-size: 2rem; font-weight: bold; text-align: center; }
  .section_title01 { margin-bottom: 20px; color: #845eb4; font-size: 2rem; font-weight: bold; font-family: "BIZ UDPMincho", serif; text-align: center; }
  .section_title02 { margin-bottom: 20px; font-size: 2rem; font-weight: bold; font-family: "BIZ UDPMincho", serif; text-align: center; position: relative; }
  .section_title02 span { padding-bottom: 0; font-weight: bold; border-bottom: none; }
  .section_title02.pink { border-bottom: 2px solid #845eb4; }
  .section_title02.pink span { border-bottom: none; }
  .section_title03 { font-size: 1.8rem; }
  /* section_box */
  .section_box { padding: 45px 5%; }
  .section_box .title { margin-bottom: 45px; font-size: 2.2rem; font-weight: bold; font-family: "BIZ UDPMincho", serif; font-variant: lining-nums; text-align: center; }
  .section_box img { margin-bottom: 15px; }
  .section_box .btn { text-align: center; }
  .section_box .section_box { padding-left: 0; padding-right: 0; }
  /* section_box_wide */
  .section_box_wide { padding: 45px 0; }
  .section_box_wide .title { margin-bottom: 30px; padding: 0 5%; }
  .section_box_wide .text { padding: 0 5%; }
  /* section_box_half */
  .section_box_half { width: calc(50% - 30px); }
  .section_box_half.text { margin-bottom: 20px; padding: 45px 0; }
  .section_box_half.img .object-fit-img { object-fit: cover; width: 100%; height: 100%; }
  .section_box_half.white { width: calc(50% - 15px); background: #fff; padding: 45px 10%; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
  .section_box_half.white .title { margin-bottom: 30px; color: #845eb4; font-size: 2.2rem; font-weight: bold; font-family: "BIZ UDPMincho", serif; font-variant: lining-nums; }
  /******************************** 		index *******************************/
  .index_title { text-align: center; }
  .index_title .title_ja { font-size: 2.8rem; }
  /*========== 夏季限定キャンペーン_sp ==========*/
  #index_kaki { background: url(images/bg_natsu.jpg) no-repeat center center; background-size: cover; position: relative; }
  #index_kaki .inner { padding-top: 75px; padding-bottom: 75px; position: relative; }
  #index_kaki .inner .index_kaki_maintitle { margin-bottom: 50px; font-family: "Sawarabi Mincho", sans-serif; text-align: center; position: relative; text-shadow: none; }
  #index_kaki .inner .index_kaki_maintitle .ex01 { padding: 5px 10px; color: #fff; font-size: 1.2rem; background: #456fee; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
  #index_kaki .inner .index_kaki_maintitle .ex02 { margin-top: 5px; padding-top: 10px; padding-left: 5px; font-size: 2.4rem; border-bottom: 5px double #456fee; text-shadow: 1px 1px 0 #fff; display: block; }
  #index_kaki .inner .index_kaki_subtitle { font-size: 1.6rem; text-align: center; }
  #index_kaki .inner .index_kaki_subtitle span { margin-bottom: 5px; padding-left: 10px; display: inline; font-weight: bold; color: #456fee; background: linear-gradient(rgba(0, 0, 0, 0) 50%, #ffff00 50%); }
  #index_kaki #index_kaki_inner { margin-bottom: 50px; }
  #index_kaki .index_kaki_box { width: 100%; margin-bottom: 10px; padding: 20px 10px; position: relative; text-align: left; background-color: rgba(255, 255, 255, 0.8); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
  #index_kaki .index_kaki_title { font-size: 100%; font-weight: bold; text-align: left; position: relative; display: flex; align-items: center; }
  /*========== 新人応援キャンペーンsp ==========*/
  #section_campain_newcomer { background: url(images/bg_campain01.jpg) repeat; background-size: cover; color: #4f4809; position: relative; }
  #section_campain_newcomer .inner { padding: 30px 0; background: url(images/bg_campain04.png) no-repeat center center; position: relative; }
  #section_campain_newcomer .inner .contents_title { margin-bottom: 30px; font-size: 2.4rem; font-family: "Sawarabi Mincho", sans-serif; text-align: center; position: relative; }
  #section_campain_newcomer .inner .contents_title .p { padding: 0 20px; display: inline-block; position: relative; z-index: 1; letter-spacing: 3px; text-shadow: none; }
  #section_campain_newcomer .inner .contents_title span { display: block; padding-left: 0; color: #f852a6; font-size: 2.4rem; text-shadow: 1px 1px 0 #fff; }
  #section_campain_newcomer:before, #section_campain_newcomer:after { position: absolute; left: 0; content: ""; display: block; width: 100%; height: 10px; background: url(images/bg_campain03.gif) repeat-x center; }
  #section_campain_newcomer:before { top: 0; }
  #section_campain_newcomer:after { bottom: 0; }
  #section_campain_newcomer #section_campain_newcomer_inner { margin-bottom: 30px; display: block; }
  #section_campain_newcomer .section_campain_newcomer_box { width: 100%; padding: 30px 10px; position: relative; border-bottom: 2px solid #d7c627; }
  #section_campain_newcomer .section_campain_newcomer_box:first-child { border-top: 2px solid #d7c627; }
  #section_campain_newcomer .section_campain_newcomer_no { position: absolute; top: -15px; left: 15px; width: 45px; height: 45px; }
  #section_campain_newcomer .section_campain_newcomer_title { margin-bottom: 20px; font-size: 2.2rem; font-family: "Sawarabi Mincho", sans-serif; text-align: center; position: relative; }
  #section_campain_newcomer .section_campain_newcomer_title span { background: linear-gradient(rgba(0, 0, 0, 0) 60%, #ff93c4 60%); font-weight: bold; display: inline-block; }
  #section_campain_newcomer .section_campain_newcomer_text { font-size: 1.2rem; }
  #section_campain_newcomer #section_campain_newcomer_btn { text-align: center; }
  #section_campain_newcomer #section_campain_newcomer_btn a { display: inline-block; }
  .newcomer_box01 { padding: 20px; text-align: center; background: #f7f7f7; border: 5px solid #eee; display: block; }
  .newcomer_box01 p { width: 100%; text-align: center; font-weight: bold; padding: 5px 0; }
  .newcomer_box01 p span { color: #fc4398; font-weight: bold; }
  .newcomer_box02 { margin-bottom: 50px; padding-left: 10px; padding-right: 10px; text-align: center; }
  .newcomer_box02 .title { margin-bottom: 15px; background: linear-gradient(rgba(0, 0, 0, 0) 70%, #ffee93 30%); font-size: 1.8rem; font-weight: bold; display: inline-block; line-height: 1em; }
  .newcomer_box02 .newcomer_box02_inner { padding: 20px; background: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
  .newcomer_box02 .newcomer_box02_inner p { text-align: center; font-weight: bold; padding: 5px 0; }
  .newcomer_box02 .newcomer_box02_inner p span { font-weight: bold; }
  .newcomer_box02 .newcomer_box02_inner p span span { color: #fc4398; font-weight: bold; }
  .newcomer_box02 .newcomer_box02_inner .fs-b02 { font-size: 1.8rem; }
  /*========== 衛生対策_sp ==========*/
  #eisei { padding: 30px 6px 6px; clear: both; background: url(images/eisei_bg.gif) #daf8f4 repeat; }
  #eisei #eisei_maintitle { margin-bottom: 30px; font-weight: bold; text-align: center; display: flex; align-items: center; }
  #eisei #eisei_maintitle:before, #eisei #eisei_maintitle:after { border-top: 2px solid #81e0d3; content: ""; flex-grow: 1; }
  #eisei #eisei_maintitle:before { margin-right: 1rem; }
  #eisei #eisei_maintitle:after { margin-left: 1rem; }
  #eisei #eisei_inner { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 1.2rem; }
  #eisei .eisei_box { width: calc(50% - 4px); margin-bottom: 8px; padding: 10px; background: #fff; }
  #eisei .eisei_titlebox { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #daf8f4; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-start; flex-wrap: nowrap; align-items: center; }
  #eisei .eisei_titlebox .eisei_img { width: 40px; min-width: 40px; margin: 0 10px 0 0; }
  #eisei .eisei_titlebox .eisei_title { font-weight: bold; }
  #eisei .eisei_textbox { font-size: 1.2rem; }
  /*========== LINEで応募sp ==========*/
  #index_line a { padding: 30px 10%; }
  #index_line img { max-width: 100%; }
  /*========== index_campaign ==========*/
  .index_campaign_box { width: 100%; }
  .index_campaign_box a { padding: 30px 10%; }
  /*========== index_fv ==========*/
  #index_fv { background: url("images/bg01.jpg") no-repeat center top; background-size: cover; /*	padding:100px 0 150px;*/ height: calc(80vh); min-height: 600px; font-family: "BIZ UDPMincho", serif; position: relative; overflow: hidden; }
  #index_fv:after { position: absolute; left: 0; bottom: 0; content: ""; display: block; width: 100%; background: #f1edf6; border-top-left-radius: 100%; border-top-right-radius: 0%; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px; padding-bottom: 140px; }
  #index_fv_copy { position: relative; top: 50%; left: 0; margin-top: -140px; text-align: center; }
  #index_fv_copy_main { font-size: 3.8rem; margin-bottom: 20px; color: #fff; }
  #index_fv_copy_main h1, #index_fv_copy_main h2, #index_fv_copy_main p { letter-spacing: 1px; line-height: 1.4em; text-shadow: 0 0 10px rgba(57, 49, 66, 0.6); }
  #index_fv_copy_sub { font-size: 1.4rem; }
  #index_fv_copy_sub h1, #index_fv_copy_sub h2, #index_fv_copy_sub p { font-weight: bold; text-shadow: 0 0 5px white; }
  #index_fv_img { background: url(images/fv_img01.png) no-repeat left center; background-size: cover; position: absolute; top: 0; right: 0; z-index: 0; width: 90%; height: calc(70vh); min-height: 565px; }
  #index_fv_text { font-size: 2rem; }
  .vegas-timer-progress { background: #845eb4 !important; }
  /*========== index_info ==========*/
  #index_info_wrapper { display: block; }
  .index_info_box { width: 100%; background: #fff; margin-bottom: 15px; padding: 25px; position: relative; text-align: center; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
  .index_info_box .img { margin-bottom: 30px; }
  .index_info_box .text { margin-bottom: 25px; }
  /*========== index_kutikomi ==========*/
  #index_kutikomi .section_box { justify-content: space-between; }
  #index_kutikomi .section_box .img { width: 100%; margin-bottom: 20px; }
  #index_kutikomi .section_box .img img { margin-bottom: 0; }
  #index_kutikomi .section_box .text { width: 100%; }
  /*========== index_corona ==========*/
  #index_corona { background: url(images/bg03.jpg) no-repeat top center; background-size: cover; position: relative; }
  #index_corona .half_img { position: relative; top: 10%; right: 0; width: calc(50% - 15px); height: 80%; background: url(images/room01.jpg) no-repeat top center; background-size: cover; -moz-border-radius: 30px 0 0 30px; -webkit-border-radius: 30px; border-radius: 30px 0 0 30px; }
  /*========== index_maiko ==========*/
  #index_maiko { padding-bottom: 0; }
  #index_maiko .inner { width: 100%; padding-left: 0; padding-right: 0; }
  #index_maiko .section_box_half.text { padding: 0 10% 60px 5%; }
  #index_maiko_title { margin-bottom: 45px; font-size: 2.8rem; text-align: center; }
  #index_maiko_title .title_en { color: #ccc; font-size: 1.2rem; font-weight: bold; letter-spacing: 4px; }
  #index_maiko_title .title_ja { padding: 15px 0; display: inline-block; font-size: 2.4rem; font-weight: bold; font-family: "BIZ UDPMincho", serif; line-height: 1.5em; border-bottom: 2px solid #845eb4; }
  /*========== index_chatpia ==========*/
  .logo_chatpia { max-width: 250px; margin-left: auto; margin-right: auto; text-align: center; }
  /*========== index_about ==========*/
  #index_about .inner { width: 100%; padding-left: 0; padding-right: 0; }
  #index_about .section_box_half.text { padding: 0 10% 60px 5%; }
  #index_about_title { margin-bottom: 45px; font-size: 2.8rem; text-align: center; }
  #index_about_title .title_en { color: #ccc; font-size: 1.2rem; font-weight: bold; letter-spacing: 4px; }
  #index_about_title .title_ja { padding: 15px 0; display: inline-block; font-size: 2.4rem; font-weight: bold; font-family: "BIZ UDPMincho", serif; line-height: 1.5em; border-bottom: 2px solid #845eb4; }
  #index_about_gallery { margin-top: 30px; }
  .loopSlide ul { flex-wrap: wrap; }
  .loopSlide ul li { width: calc(100% / 3 - 5px); margin-right: 5px; margin-bottom: 5px; }
  #index_about_img { height: 300px; }
  /*========== index_reward ==========*/
  /* index_reward_system */
  #index_reward_system .contents_reward_inner { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; }
  #index_reward_system .contents_reward_inner .mt01em { font-size: 1.2rem; }
  #index_reward_system .contents_reward_img01 { margin: 20px 0; padding: 10px; border: 1px solid #ddd; text-align: center; }
  #index_reward_system .ex { text-align: center; }
  #index_reward_system .contents_reward_flex01 { display: block; }
  #index_reward_system .contents_reward_flex01 div { width: 100%; padding-right: 0; }
  #index_reward_system .contents_reward_flex01 div:not(:last-child) { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; border-right: none; }
  #index_reward_system .contents_reward_flex01 div .title_h { background: #845eb4; color: #fff; padding: 6px 10px; line-height: 1em; font-size: 1.2rem; display: inline-block; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
  /*========== index_media ==========*/
  #index_media .section_box_half { position: relative; }
  #index_media .section_box_half.white { margin-top: 410px; }
  #index_media_img01, #index_media_img02, #index_media_img03 { position: absolute; }
  #index_media_img01 { width: 250px; height: auto; top: 0; left: 50%; margin-left: -60px; z-index: 3; }
  #index_media_img02 { width: 90px; height: auto; top: 175px; left: 50%; margin-left: -135px; z-index: 1; }
  #index_media_img03 { width: 280px; height: auto; top: 290px; left: 50%; margin-left: -115px; z-index: 2; }
  /* 出演実績 */
  #index_media_results { margin-top: 60px; font-size: 1.2rem; }
  #index_media_results .section_title02 { margin-bottom: 60px; }
  .index_media_results_section { width: calc(50% - 7px); background: #fff; margin-bottom: 15px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
  .index_media_results_section.ex { width: calc(100%); }
  .index_media_results_box { padding: 30px 15px 15px; position: relative; }
  .index_media_results_box.ex { padding-bottom: 58px; border-image: url(images/bg_dot01.gif) 0 0 18 0 repeat repeat; border-image-repeat: repeat; border-image-width: 0 0 18px 0; }
  .index_media_results_box.half_wrapper { display: flex; }
  .index_media_results_box .half { width: 50%; }
  .index_media_results_box dl:not(:last-child) { margin-bottom: 10px; }
  .index_media_results_box dl dt { color: #845eb4; font-weight: bold; font-family: "BIZ UDPMincho", serif; }
  .index_media_results_box dl dd { font-size: 1.2rem; }
  .index_media_results_title { background: #845eb4; padding: 0.75em 1em; color: #fff; font-weight: bold; font-family: "BIZ UDPMincho", serif; line-height: 1em; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; position: absolute; top: -1.25em; left: -1em; }
  .annotation { padding: 5px 0; font-size: 1.2rem; text-align: right; }
  /*========== 選ばれる理由 ==========*/
  .point_box { width: 100%; background: #fff; margin-bottom: 5px; padding: 20px 5%; position: relative; text-align: center; }
  .point_box a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .point_box:after { position: absolute; top: 5px; left: 5px; display: block; font-size: 3.2rem; font-family: "Sawarabi Mincho", sans-serif; font-style: italic; text-shadow: 1px 2px 0px #fff; }
  .point_box .title { margin-bottom: 10px; padding-bottom: 5px; font-size: 1.8rem; font-weight: bold; font-family: "BIZ UDPMincho", serif; border-bottom: 3px double #ddd; }
  .point_box p { font-size: 1.2rem; }
  /*========== index_qa ==========*/
  /* Q&Aアコーディオン*/
  .index_qa_acd { width: 100%; font-size: 1.4rem; /*バー部分*/ /*開いたときに表示される部分*/ }
  .index_qa_acd label { padding: 15px 35px; font-size: 1.4rem; line-height: 1em; }
  .index_qa_acd label:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }
  .index_qa_acd label span { font-size: 1.6rem; font-weight: bold; }
  .index_qa_acd .index_qa_acd_contents { margin: 0; padding: 0; list-style: none; margin-bottom: 3px; }
  .index_qa_acd .index_qa_acd_contents .index_qa_acd_contents_inner { height: 0; overflow-y: hidden; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
  .index_qa_acd .index_qa_acd_contents_inner { background: #fff; padding: 0 15px; }
  .index_qa_acd .index_qa_acd_contents_inner .indent { text-indent: -1.4em; padding-left: 1.4em; }
  .index_qa_acd .index_qa_acd_contents_inner .indent span { color: #845eb4; font-size: 1.6rem; font-weight: bold; }
  /* .index_qa_acd_input:checked ~ .index_qa_acd_contents .index_qa_acd_contents_inner{ 	height: auto; 	opacity: 1; 	padding: 20px; } */
  #menu_bar01:checked ~ #links01 .index_qa_acd_contents_inner, #menu_bar02:checked ~ #links02 .index_qa_acd_contents_inner, #menu_bar03:checked ~ #links03 .index_qa_acd_contents_inner, #menu_bar04:checked ~ #links04 .index_qa_acd_contents_inner, #menu_bar05:checked ~ #links05 .index_qa_acd_contents_inner, #menu_bar06:checked ~ #links06 .index_qa_acd_contents_inner, #menu_bar07:checked ~ #links07 .index_qa_acd_contents_inner, #menu_bar08:checked ~ #links08 .index_qa_acd_contents_inner, #menu_bar09:checked ~ #links09 .index_qa_acd_contents_inner, #menu_bar10:checked ~ #links10 .index_qa_acd_contents_inner, #menu_bar11:checked ~ #links11 .index_qa_acd_contents_inner, #menu_bar12:checked ~ #links12 .index_qa_acd_contents_inner, #menu_bar13:checked ~ #links13 .index_qa_acd_contents_inner, #menu_bar14:checked ~ #links14 .index_qa_acd_contents_inner, #menu_bar15:checked ~ #links15 .index_qa_acd_contents_inner, #menu_bar16:checked ~ #links16 .index_qa_acd_contents_inner, #menu_bar17:checked ~ #links17 .index_qa_acd_contents_inner, #menu_bar18:checked ~ #links18 .index_qa_acd_contents_inner, #menu_bar19:checked ~ #links19 .index_qa_acd_contents_inner { padding: 15px; }
  /*========== index_news ==========*/
  #index_news .inner { max-width: 100%; }
  #index_news .btn_box { display: block; }
  #index_news .btn_box .btn { margin-bottom: 10px; }
  .index_news_wrapper { margin-bottom: 30px; border-top: 1px solid #ccc; font-size: 1.2rem; color: #777; }
  .index_news_wrapper .index_news_box { padding: 15px 0; border-bottom: 1px solid #ccc; align-items: center; }
  .index_news_wrapper .index_news_box .index_news_box_inner { display: block; width: 30%; padding: 5px; background: #fff; text-align: center; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
  .index_news_wrapper .index_news_box .index_news_box_inner .index_news_date { width: auto; font-size: 1.2rem; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
  .index_news_wrapper .index_news_box .index_news_box_inner .index_news_category { width: auto; color: #cc0; }
  .index_news_wrapper .index_news_box .index_news_box_inner .index_news_category span { min-width: inherit; padding: 0; font-size: 1rem; line-height: 1.1em; display: inherit; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
  .index_news_wrapper .index_news_box .index_news_title { width: calc(70% - 15px); }
  .index_news_wrapper .index_news_box .index_news_title a { color: #777; }
  /*========== index_blog ==========*/
  .index_blog_wrapper { margin-bottom: 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
  .index_blog_box { width: calc(50% - 7px); margin: 0 0 15px; position: relative; background: #fff; }
  .index_blog_box a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .index_blog_box a:hover { background-color: rgba(255, 255, 255, 0.2); }
  .index_blog_box:hover img { -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  .index_blog_img { overflow: hidden; max-height: 120px; min-height: auto; position: relative; }
  .index_blog_img img { width: 100%; margin-top: 0; }
  .index_blog_date { position: absolute; top: 0; left: 0; background: #000; padding: 2px 6px; color: #fff; font-size: 0.8rem; letter-spacing: 1px; }
  .index_blog_inner { font-size: 1rem; }
  .index_blog_title { padding: 5px 10px; color: #845eb4; }
  .index_blog_text { padding: 5px 10px; background: #f6f6f6; }
  /* contents_banner */
  #contents_banner { padding-top: 40px; }
  #contents_banner .flex:after { content: ""; display: block; width: calc(50% - 4px); }
  #contents_banner .flex .banner { width: calc(50% - 4px); margin: 0 0 8px; }
  /*========== index_step ==========*/
  .index_step_box { position: relative; }
  .index_step_box:last-child { margin-bottom: 0; }
  .index_step_box .index_step_title { margin-bottom: 15px; border-left: none; text-align: center; }
  .index_step_box .index_step_title span { position: inherit; /*position: relative;*/ }
  .index_step_box .index_step_title span:before { position: absolute; top: -5px; left: -5px; display: block; content: ""; width: 1.6em; padding: 2px; background: #ec4585; color: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
  .index_step_box:not(:last-child):after { position: absolute; bottom: -10px; left: calc(50% - 16px); display: block; content: ""; z-index: 1; display: inline-block; vertical-align: middle; color: #ccc; line-height: 1; width: 20px; height: 20px; border: 4px solid currentColor; border-left: 0; border-bottom: 0; box-sizing: border-box; transform: translateY(-25%) rotate(135deg); }
  .index_step_box#index_step01 .index_step_title span:before { content: "1"; }
  .index_step_box#index_step02 .index_step_title span:before { content: "2"; }
  .index_step_box#index_step03 .index_step_title span:before { content: "3"; }
  .index_step_box#index_step04 .index_step_title span:before { content: "4"; }
  .index_step_box .index_step_img { width: 100%; margin-bottom: 15px; }
  .index_step_box .index_step_text { width: 100%; }
  .index_step_box .index_step_text .btn:not(:last-child) { margin-bottom: 8px; }
  .index_step_box .btn { text-align: center; }
  .index_step_box .btn a { display: block; max-width: 300px; margin-left: auto; margin-right: auto; padding: 10px; color: #fff; text-decoration: none; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; position: relative; }
  .index_step_box .btn a:before { position: absolute; top: 12px; left: 20px; content: ""; display: block; width: 24px; height: 23px; }
  .index_step_box .btn a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }
  .index_step_box .btn.btn_line a { background: #00c300; }
  .index_step_box .btn.btn_line a:before { background: url("images/icon_line.png") no-repeat; background-size: cover; }
  .index_step_box .btn.btn_mail a { background: #6ca5f2; }
  .index_step_box .btn.btn_mail a:before { background: url("images/icon_mail2.png") no-repeat; background-size: cover; }
  .index_step_box .btn.btn_tel a { background: #ec4585; }
  .index_step_box .btn.btn_tel a:before { background: url("images/icon_tel.png") no-repeat; background-size: cover; }
  /******************************** 		requirement *******************************/
  .annotation_box { padding: 10px 20px; background: #f3f3f3; }
  .index_apply_box_ok, .index_apply_box_ng { padding: 15px 30px 15px 20px; }
  .index_apply_box_ok p, .index_apply_box_ng p { margin-bottom: 10px; }
  .index_apply_box_ok li, .index_apply_box_ng li { margin-left: 20px; font-size: 1.4rem; }
  .index_apply_box_ok li:not(:last-child), .index_apply_box_ng li:not(:last-child) { margin-bottom: 10px; }
  .index_apply_box_ok { margin-bottom: 5px; background: #ffedf3; }
  .index_apply_box_ng { background: #f3f3f3; }
  .index_apply_box_ng li:before { background-color: #aaa; }
  /******************************** 		privacy-policy *******************************/
  .section_box .pp_img { width: 140px; margin-bottom: 3px; }
  /******************************** 		footer *******************************/
  /*========== footer_contact ==========*/
  #footer_contact { padding: 75px 0; }
  #footer_contact_text { width: 100%; text-align: center; }
  #footer_contact_text_title { font-size: 2.8rem; }
  #footer_contact_text_p { padding: 20px 0 30px; font-size: 1.2rem; }
  #footer_contact_img { width: 100%; margin-top: 30px; display: none; }
  /*========== footer_info ==========*/
  /* footer_info */
  #footer_info { padding: 0; border-bottom: 1px solid #666; }
  /* footer_info_nav */
  .footer_info_nav { width: 100%; }
  .footer_info_nav ul li { border-bottom: 1px dashed #666; padding-bottom: 0; }
  .footer_info_nav ul li:not(:last-child) { padding-bottom: 0; }
  .footer_info_nav ul li a { width: 100%; padding: 15px; display: block; }
  .footer_info_nav ul li a span { padding-left: 5px; color: #fff; }
  .footer_info_nav ul li.bold { padding: 15px; color: #845eb4; }
  /* footer_info_contact */
  #footer_info_contact { width: 100%; text-align: center; padding: 30px 0; }
  /*========== sp_bottom_nav ==========*/
  #sp_bottom_nav { position: fixed; left: 0; bottom: 0; z-index: 9990; width: 100%; -moz-box-shadow: 0px 0px 2px #999; -webkit-box-shadow: 0px 0px 2px #999; box-shadow: 0px 0px 2px #999; /* ボタン2つの場合 */ }
  #sp_bottom_nav ul { width: 100%; display: flex; flex-wrap: nowrap; align-items: center; }
  #sp_bottom_nav ul li { text-align: center; }
  #sp_bottom_nav ul li:hover { -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; background-image: none; }
  #sp_bottom_nav ul li a { width: 100%; display: block; padding: 5px 2px; }
  #sp_bottom_nav ul li a img:hover { -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  #sp_bottom_nav.ex #sp_bottom_nav_tel, #sp_bottom_nav.ex #sp_bottom_nav_mail, #sp_bottom_nav.ex #sp_bottom_nav_line { width: 43%; min-height: 46px; }
  #sp_bottom_nav.ex #sp_bottom_nav_top { width: 14%; }
  #sp_bottom_nav_tel, #sp_bottom_nav_mail, #sp_bottom_nav_line { width: 45%; min-height: 46px; }
  #sp_bottom_nav_tel a, #sp_bottom_nav_mail a, #sp_bottom_nav_line a { border-right: 1px solid #fff; }
  #sp_bottom_nav_tel { background: url(images/bg_cross.png) repeat #ff7db9; }
  #sp_bottom_nav_tel:hover { background-color: #f561a6; }
  #sp_bottom_nav_mail { background: url(images/bg_cross.png) repeat #6095fd; }
  #sp_bottom_nav_mail:hover { background-color: #5189f8; }
  #sp_bottom_nav_line { background: url(images/bg_cross.png) repeat #58d458; }
  #sp_bottom_nav_line:hover { background-color: #29c329; }
  #sp_bottom_nav_top { width: 10%; background: url(images/bg_cross.png) repeat #333; }
  #sp_bottom_nav_top:hover { background-color: #000; }
  #pageTop { display: none !important; } }
/* =============================================================================
									WordPress ============================================================================= */
/* align */
.alignleft { float: left; text-align: left; }

.alignright { float: right; text-align: right; }

.aligncenter { margin-left: auto; margin-right: auto; text-align: center; display: block; }

/* WP-PageNavi */
body .wp-pagenavi { padding: 6px 0; font-size: 13px; line-height: 1em; overflow: hidden; }
body .wp-pagenavi .pages { background: #eee; }
body .wp-pagenavi .current { background: #444; color: #fff; }
body .wp-pagenavi span { padding: 1px 4px; line-height: 1em; }
body .wp-pagenavi a { padding: 1px 4px; line-height: 1em; }

/* post */
.post_time { display: inline-block; }

.post_meta { padding: 15px; background: #eee; overflow: hidden; display: block; clear: both; zoom: 1; }
.post_meta ul, .post_meta li { display: inline; }
.post_meta li { margin-left: 5px; padding-left: 5px; border-left: 1px solid #ccc; }

/* toc_container */
#contents #toc_container { margin: 0 auto 60px; padding: 15px 30px; font-size: 1.4rem; background: #fff; border: none; }

@media screen and (max-width: 400px) { .vegas-slide, .vegas-slide-inner { background-position: 60% !important; } }
/* =============================================================================
										js ============================================================================= */
/*========= ページ遷移時にフェードイン・アウト(jQuery利用) ===============*/
body::after { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; /* 背景カラー */ z-index: 9999; /* 一番手前に */ pointer-events: none; /* 他の要素にアクセス可能にするためにポインターイベントは無効に */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; /* 初期値 : 透過状態 */ -webkit-transition: opacity .8s ease; /* アニメーション時間は 0.8秒 */ transition: opacity .8s ease; }

body.fadeout::after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

/*========= Loading(画面が上下に割れて表示) ===============*/
/* Loading背景画面設定 */
#splash { /*fixedで全面に固定*/ position: fixed; width: 100%; height: 100%; z-index: 9999; text-align: center; color: #fff; }

/* Loading画像中央配置 */
#splash_text { position: absolute; top: 50%; left: 50%; z-index: 999; transform: translate(-50%, -50%); color: #fff; width: 100%; }

/*IE11対策用バーの線の高さ※対応しなければ削除してください*/
#splash_text svg { height: 2px; }

/*割れる画面のアニメーション*/
.loader_cover { width: 100%; height: 50%; background-color: #444; /*背景色*/ transition: all 0.6s cubic-bezier(0.06, 0.435, 0.315, 0.9); transform: scaleY(1); }

/*上の画面*/
.loader_cover-up { transform-origin: center top; }

/*下の画面*/
.loader_cover-down { position: absolute; bottom: 0; transform-origin: center bottom; }

/*クラス名がついたらY軸方向に0*/
.coveranime { transform: scaleY(0); }

/*ロード完了後にフェードインする要素*/
.splash_after_loading { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

/*========= 流れるテキスト ===============*/
/*全共通*/
.slide-in { overflow: hidden; display: inline-block; }

.slide-in_inner { display: inline-block; }

/*左右のアニメーション*/
.leftAnime { opacity: 0; /*事前に透過0にして消しておく*/ }

.slideAnimeLeftRight { animation-name: slideTextX100; animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; }

@keyframes slideTextX100 { from { transform: translateX(-20%);
    /*要素を左の枠外に移動*/
opacity: 0; }
  to { transform: translateX(0);
    /*要素を元の位置に移動*/
opacity: 1; } }
.slideAnimeRightLeft { animation-name: slideTextX-100; animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; }

@keyframes slideTextX-100 { from { transform: translateX(20%);
    /*要素を右の枠外に移動*/
opacity: 0; }
  to { transform: translateX(0);
    /*要素を元の位置に移動*/
opacity: 1; } }
/*========= 背景色が伸びて出現 ===============*/
/* 全共通 */
.bgextend { animation-name: bgextendAnimeBase; animation-duration: 1s; animation-fill-mode: forwards; position: relative; overflow: hidden; /*はみ出た色要素を隠す*/ opacity: 0; height: 100%; }

@keyframes bgextendAnimeBase { from { opacity: 0; }
  to { opacity: 1; } }
/* 中の要素 */
.bgappear { animation-name: bgextendAnimeSecond; animation-duration: 1s; animation-delay: 0.5s; /* animation-durationの半分 */ animation-fill-mode: forwards; opacity: 0; display: inline-block; height: 100%; }

@keyframes bgextendAnimeSecond { 0% { opacity: 0; }
  100% { opacity: 1; } }
/* 左から右 */
.bgLRextend::before { animation-name: bgLRextendAnime; animation-duration: 1s; animation-fill-mode: forwards; content: ""; position: absolute; width: 100%; height: 100%; background-color: #c3aedd; /*伸びる背景色の設定*/ display: inline-block; }

.bgLRextend.yellow::before { background-color: #ffeb12; /*伸びる背景色の設定*/ }

.bgLRextend.pink::before { background-color: #845eb4; /*伸びる背景色の設定*/ }

@keyframes bgLRextendAnime { 0% { transform-origin: left; transform: scaleX(0); }
  50% { transform-origin: left; transform: scaleX(1); }
  50.001% { transform-origin: right; }
  100% { transform-origin: right; transform: scaleX(0); } }
/* スクロールをしたら出現する要素にはじめに透過0を指定 */
.bgappearTrigger, .bgLRextendTrigger { opacity: 0; height: 100%; display: inline-block; }

/*========== pagetop ==========*/
#pageTop { position: fixed; right: 0; bottom: 0; z-index: 990; }
#pageTop a { display: block; padding: 12px; background-color: #ccc; color: #fff; font-weight: bold; text-decoration: none; text-align: center; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
#pageTop a:hover { background-color: #845eb4; text-decoration: none; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

/*========== slicknav ==========*/
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 10px 2% 8px; cursor: pointer; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 4px; }

.slicknav_menu { *zoom: 1; }
.slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { text-align: center; }
.slicknav_menu .slicknav_no-text { margin: 0; }
.slicknav_menu .slicknav_icon-bar { display: block; width: 2em; height: 0.19em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_menu:before { content: " "; display: table; }
.slicknav_menu:after { content: " "; display: table; clear: both; }

.slicknav_nav { clear: both; }
.slicknav_nav ul { display: block; }
.slicknav_nav li { display: block; border-top: 1px solid #ddd; }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_item a { display: inline; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block; }
.slicknav_nav .slicknav_parent-link a { display: inline; }

.slicknav_brand { float: left; }

.slicknav_menu { font-size: 16px; box-sizing: border-box; background: #f8f8f8; padding: 5px; z-index: 998; -moz-box-shadow: 0 1px 2px #bbb; -webkit-box-shadow: 0 1px 2px #bbb; box-shadow: 0 1px 2px #bbb; }
.slicknav_menu * { box-sizing: border-box; }
.slicknav_menu .slicknav_icon-bar { background-color: #fff; }
.slicknav_menu .slicknav_menutxt { color: #fff; text-shadow: 0 1px 2px #625344; }

.slicknav_btn { margin: 2px 0 3px; background: #bbb; text-align: center; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.slicknav_btn:hover { background-color: #845eb4; }

.slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; list-style: none; overflow: hidden; }
.slicknav_nav ul { list-style: none; overflow: hidden; padding: 0; margin: 0 0 0 20px; }
.slicknav_nav .slicknav_row:hover { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #845eb4; color: #fff; }
.slicknav_nav a { padding: 10px 1%; margin: 2px 0; color: #757575; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.slicknav_nav a:hover { background-color: #845eb4; color: #fff; }
.slicknav_nav .slicknav_txtnode { margin-left: 15px; }
.slicknav_nav .slicknav_item a { padding: 0; margin: 0; }
.slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; }

.slicknav_brand { color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; }

#menu, .slicknav_menu { display: none; }

/*========== jquery.fadein.js ==========*/
.fadein { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 10px); -ms-transform: translate(0, 10px); -webkit-transform: translate(0, 10px); transform: translate(0, 10px); -moz-transition: 0.9s; -o-transition: 0.9s; -webkit-transition: 0.9s; transition: 0.9s; }

.fadein.scrollin { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.fadein_load { -moz-animation: fadeIn 1s ease 1s 1 normal; -webkit-animation: fadeIn 1s ease 1s 1 normal; animation: fadeIn 1s ease 1s 1 normal; }

@keyframes fadeIn { 0% { opacity: 0; -moz-transform: translate(0, 10px); -ms-transform: translate(0, 10px); -webkit-transform: translate(0, 10px); transform: translate(0, 10px); }
  100% { opacity: 1; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@-webkit-keyframes fadeIn { 0% { opacity: 0; -moz-transform: translate(0, 10px); -ms-transform: translate(0, 10px); -webkit-transform: translate(0, 10px); transform: translate(0, 10px); }
  100% { opacity: 1; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
/*========== フェードイン用のCSS (.showと併用) ==========*/
/* フェードイン */
.fade { /*@include opacity(0);*/ -moz-transition: all 0.5s ease-out 0.2s; -o-transition: all 0.5s ease-out 0.2s; -webkit-transition: all 0.5s ease-out; -webkit-transition-delay: 0.2s; transition: all 0.5s ease-out 0.2s; }

/* 上からフェードイン */
.fade-top { /*@include opacity(0);*/ /*@include transform(translate(0, -20px));*/ -moz-transition: all 0.5s ease-out 0.2s; -o-transition: all 0.5s ease-out 0.2s; -webkit-transition: all 0.5s ease-out; -webkit-transition-delay: 0.2s; transition: all 0.5s ease-out 0.2s; }

/* 下からフェードイン */
.fade-bottom { /*@include opacity(0);*/ /*@include transform(translate(0, 20px));*/ -moz-transition: all 0.5s ease-out 0.2s; -o-transition: all 0.5s ease-out 0.2s; -webkit-transition: all 0.5s ease-out; -webkit-transition-delay: 0.2s; transition: all 0.5s ease-out 0.2s; }

.fade-bottom2 { /*@include opacity(0);*/ /*@include transform(translate(0, 20px));*/ -moz-transition: all 0.5s ease-out 2s; -o-transition: all 0.5s ease-out 2s; -webkit-transition: all 0.5s ease-out; -webkit-transition-delay: 2s; transition: all 0.5s ease-out 2s; }

/* 左からフェードイン */
.fade-left { /*@include opacity(0);*/ /*@include transform(translate(-20px, 0));*/ -moz-transition: all 0.5s ease-out 0.2s; -o-transition: all 0.5s ease-out 0.2s; -webkit-transition: all 0.5s ease-out; -webkit-transition-delay: 0.2s; transition: all 0.5s ease-out 0.2s; }

.fade-left2 { /*@include opacity(0);*/ /*@include transform(translate(-20px, 0));*/ -moz-transition: all 0.5s ease-out 1.1s; -o-transition: all 0.5s ease-out 1.1s; -webkit-transition: all 0.5s ease-out; -webkit-transition-delay: 1.1s; transition: all 0.5s ease-out 1.1s; }

/* 右からフェードイン */
.fade-right { /*@include opacity(0);*/ /*@include transform(translate(20px, 0));*/ -moz-transition: all 0.5s ease-out 0.2s; -o-transition: all 0.5s ease-out 0.2s; -webkit-transition: all 0.5s ease-out; -webkit-transition-delay: 0.2s; transition: all 0.5s ease-out 0.2s; }