/*=================================*/
/*=========iryou-custom ver========*/
/*=================================*/


.webfont-icon-base {
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  position: relatibe;/*----------------------------注意----------------------------------*/
  top: 0;
  left: 0;
  text-indent: 0;
  text-shadow: none;
  -webkit-user-select: none;
  user-select: none;
}

/**
 * Includes a character into the specified selector, styled as an icon.
 * 
 *     @include webfont-icon('a');
 * 
 * @param {color} $color
 * The color of the icon. Defaults to {@link #$webfont-icon-default-background $webfont-icon-default-background}.
 * 
 * @param {measurement} $size
 * The size of the icon
 * 
 * @param {color} $stroke
 * The color of the border. Defautls to {@link #$webfont-icon-default-border $webfont-icon-default-border}.
 * 
 * @param {boolean} $include-staes
 * True to include states for hover and active. Defaults to `true`.
 */
/* line 1, ../scss/include/_base.scss */
* {
  margin: 0;
  padding: 0;
}

/* line 6, ../scss/include/_base.scss */
body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  color:#555;
}

/* line 11, ../scss/include/_base.scss */
#jqt {
  -webkit-text-size-adjust: none;
  -webkit-user-select: none;
  user-select: none;
  font-family: "Helvetica Neue", Helvetica;
  position: relative;/*----------------------------注意----------------------------------*/
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
/* line 21, ../scss/include/_base.scss */
#jqt a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-drag: none;
}
/* line 26, ../scss/include/_base.scss */
#jqt .selectable, #jqt input, #jqt textarea {
  -webkit-user-select: auto;
}
/* line 30, ../scss/include/_base.scss */
#jqt.notransform {
  -webkit-transform: none !important;
}
/* line 35, ../scss/include/_base.scss */
#jqt > * {
  display: block;
  left: 0;
  top: 0;
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
  position: absolute;/*----------------------------注意----------------------------------*/
  z-index: 0;
  display: -webkit-box;
  display: box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-flex: 1;
  box-flex: 1;
}
/* line 49, ../scss/include/_base.scss */
#jqt > .current {
  z-index: 10;
}
/* line 53, ../scss/include/_base.scss */
#jqt > :not(.current) {
  display: none;
}
/* line 57, ../scss/include/_base.scss */
#jqt.touchscroll:not(.animating3d) {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
/* line 61, ../scss/include/_base.scss */
#jqt.touchscroll:not(.animating3d) > * {
  height: 100%;
}
/* line 64, ../scss/include/_base.scss */
#jqt.touchscroll:not(.animating3d) .scroll {
  position: relative;
  -webkit-box-flex: 1;
  box-flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
/* line 72, ../scss/include/_base.scss */
#jqt .scroll {
  -webkit-margin-collapse: separate;
}
/* line 76, ../scss/include/_base.scss */
#jqt .in, #jqt .out {
  -webkit-animation-duration: 250ms;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
}
/* line 82, ../scss/include/_base.scss */
#jqt .in {
  z-index: 10;
}
/* line 85, ../scss/include/_base.scss */
#jqt .in:after {
  content: "";
  position: absolute;/*----------------------------注意----------------------------------*/
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
/* line 94, ../scss/include/_base.scss */
#jqt .out {
  z-index: 0 !important;
}
/* line 98, ../scss/include/_base.scss */
#jqt.supports3d {
  -webkit-perspective: 1000;
}
/* line 101, ../scss/include/_base.scss */
#jqt.supports3d > * {
  -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
}

/* Fade */
/* line 3, ../scss/include/_animations.scss */
#jqt .fade.in {
  -webkit-animation-name: fadeIn;
}

/* line 7, ../scss/include/_animations.scss */
#jqt .fade.out {
  z-index: 10;
  -webkit-animation-name: fadeOut;
}

@-webkit-keyframes fadeIn {
  /* line 13, ../scss/include/_animations.scss */
  0% {
    opacity: 0;
  }

  /* line 16, ../scss/include/_animations.scss */
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  /* line 22, ../scss/include/_animations.scss */
  0% {
    opacity: 1;
  }

  /* line 25, ../scss/include/_animations.scss */
  100% {
    opacity: 1;
  }
}

/* Disolve */
/* line 34, ../scss/include/_animations.scss */
#jqt .dissolve.in {
  -webkit-animation-name: dissolveIn;
}

/* line 38, ../scss/include/_animations.scss */
#jqt .dissolve.out {
  -webkit-animation-name: dissolveOut;
}

@-webkit-keyframes dissolveIn {
  /* line 43, ../scss/include/_animations.scss */
  0% {
    opacity: 0;
  }

  /* line 46, ../scss/include/_animations.scss */
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes dissolveOut {
  /* line 52, ../scss/include/_animations.scss */
  0% {
    opacity: 1;
  }

  /* line 55, ../scss/include/_animations.scss */
  100% {
    opacity: 0;
  }
}

/* #Popin' */
/* line 64, ../scss/include/_animations.scss */
#jqt .pop.in {
  -webkit-animation-name: popIn;
}

/* line 68, ../scss/include/_animations.scss */
#jqt .pop.out {
  -webkit-animation-name: popOut;
}

@-webkit-keyframes popIn {
  /* line 73, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: scale(0.2);
    opacity: 0;
  }

  /* line 77, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes popOut {
  /* line 84, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }

  /* line 88, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: scale(0.2);
    opacity: 0;
  }
}

/* Slide Left */
/* line 98, ../scss/include/_animations.scss */
#jqt .slideleft.in {
  -webkit-animation-name: slideLeftIn;
}

/* line 102, ../scss/include/_animations.scss */
#jqt .slideleft.out {
  -webkit-animation-name: slideLeftOut;
}

@-webkit-keyframes slideLeftIn {
  /* line 107, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translateX(100%);
  }

  /* line 110, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translateX(0);
  }
}

@-webkit-keyframes slideLeftOut {
  /* line 116, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translateX(0px);
  }

  /* line 119, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translateX(-100%);
  }
}

/* Slide Right */
/* line 128, ../scss/include/_animations.scss */
#jqt .slideright.in {
  -webkit-animation-name: slideRightIn;
}

/* line 132, ../scss/include/_animations.scss */
#jqt .slideright.out {
  -webkit-animation-name: slideRightOut;
}

@-webkit-keyframes slideRightIn {
  /* line 137, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translateX(-100%);
  }

  /* line 140, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translateX(0);
  }
}

@-webkit-keyframes slideRightOut {
  /* line 146, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translateX(0);
  }

  /* line 149, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translateX(100%);
  }
}

/* Slide Up */
/* line 158, ../scss/include/_animations.scss */
#jqt .slideup.in {
  z-index: 10;
  -webkit-animation-name: slideUpIn;
}

/* line 162, ../scss/include/_animations.scss */
#jqt .slideup.out {
  z-index: 0;
  -webkit-animation-name: slideUpOut;
}

@-webkit-keyframes slideUpIn {
  /* line 168, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translateY(100%);
  }

  /* line 171, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translateY(0);
  }
}

@-webkit-keyframes slideUpOut {
  /* line 177, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translateY(0);
  }

  /* line 180, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translateY(0);
  }
}

/* Slide Down */
/* line 189, ../scss/include/_animations.scss */
#jqt .slidedown.in {
  z-index: 0;
  -webkit-animation-name: slideDownIn;
}

/* line 193, ../scss/include/_animations.scss */
#jqt .slidedown.out {
  z-index: 10;
  -webkit-animation-name: slideDownOut;
}

@-webkit-keyframes slideDownIn {
  /* line 199, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translateY(0);
  }

  /* line 202, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translateY(0);
  }
}

@-webkit-keyframes slideDownOut {
  /* line 208, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translateY(0);
  }

  /* line 211, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translateY(100%);
  }
}

/* Flip Left */
/* line 220, ../scss/include/_animations.scss */
#jqt .flipleft {
  -webkit-backface-visibility: hidden;
}

/* line 224, ../scss/include/_animations.scss */
#jqt .flipleft.in {
  -webkit-animation-name: flipLeftIn;
}

/* line 228, ../scss/include/_animations.scss */
#jqt .flipleft.out {
  -webkit-animation-name: flipLeftOut;
}

@-webkit-keyframes flipLeftIn {
  /* line 233, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: rotateY(180deg) scale(0.8);
  }

  /* line 236, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: rotateY(0deg) scale(1);
  }
}

@-webkit-keyframes flipLeftOut {
  /* line 242, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: rotateY(0deg) scale(1);
  }

  /* line 245, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: rotateY(-180deg) scale(0.8);
  }
}

/* Flip Right */
/* line 254, ../scss/include/_animations.scss */
#jqt .flipright {
  -webkit-backface-visibility: hidden;
}

/* line 258, ../scss/include/_animations.scss */
#jqt .flipright.in {
  -webkit-animation-name: flipRightIn;
}

/* line 262, ../scss/include/_animations.scss */
#jqt .flipright.out {
  -webkit-animation-name: flipRightOut;
}

@-webkit-keyframes flipRightIn {
  /* line 267, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: rotateY(-180deg) scale(0.8);
  }

  /* line 270, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: rotateY(0deg) scale(1);
  }
}

@-webkit-keyframes flipRightOut {
  /* line 276, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: rotateY(0deg) scale(1);
  }

  /* line 279, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: rotateY(180deg) scale(0.8);
  }
}

/* Swap Right */
/* line 288, ../scss/include/_animations.scss */
#jqt .swapright {
  -webkit-animation-duration: .7s;
  -webkit-transform: perspective(800);
  -webkit-animation-timing-function: ease-out;
}

/* line 293, ../scss/include/_animations.scss */
#jqt .swapright.in {
  -webkit-animation-name: swapRightIn;
}

/* line 296, ../scss/include/_animations.scss */
#jqt .swapright.out {
  -webkit-animation-name: swapRightOut;
}

@-webkit-keyframes swapRightIn {
  /* line 301, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg);
    opacity: 0;
  }

  /* line 305, ../scss/include/_animations.scss */
  35% {
    -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg);
    opacity: 1;
  }

  /* line 309, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes swapRightOut {
  /* line 316, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
    opacity: 1;
  }

  /* line 320, ../scss/include/_animations.scss */
  35% {
    -webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg);
    opacity: .5;
  }

  /* line 324, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg);
    opacity: 0;
  }
}

/* Swap Left */
/* line 332, ../scss/include/_animations.scss */
#jqt .swapleft {
  -webkit-animation-duration: .7s;
  -webkit-transform: perspective(800);
  -webkit-animation-timing-function: ease-out;
}

/* line 337, ../scss/include/_animations.scss */
#jqt .swapleft.in {
  -webkit-animation-name: swapLeftIn;
}

/* line 340, ../scss/include/_animations.scss */
#jqt .swapleft.out {
  -webkit-animation-name: swapLeftOut;
}

@-webkit-keyframes swapLeftIn {
  /* line 345, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg);
    opacity: 0;
  }

  /* line 349, ../scss/include/_animations.scss */
  35% {
    -webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg);
    opacity: 1;
  }

  /* line 353, ../scss/include/_animations.scss */
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
  }
}

@-webkit-keyframes swapLeftOut {
  /* line 360, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
    opacity: 1;
  }

  /* line 364, ../scss/include/_animations.scss */
  35% {
    -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg);
    opacity: .5;
  }

  /* line 368, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg);
    opacity: 0;
  }
}

/* Cube Left */
/* line 382, ../scss/include/_animations.scss */
#jqt .cubeleft.in, #jqt .cubeleft.out, #jqt .cuberight.in, #jqt .cuberight.out {
  -webkit-animation-duration: .6s;
  -webkit-transform: perspective(800);
}

/* line 389, ../scss/include/_animations.scss */
#jqt .cubeleft.in {
  -webkit-transform-origin: 0% 50%;
  -webkit-animation-name: cubeLeftIn;
}

/* line 394, ../scss/include/_animations.scss */
#jqt .cubeleft.out {
  -webkit-transform-origin: 100% 50%;
  -webkit-animation-name: cubeLeftOut;
}

@-webkit-keyframes cubeLeftIn {
  /* line 400, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: rotateY(90deg) translateZ(320px);
    opacity: .5;
  }

  /* line 404, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: rotateY(0deg) translateZ(0) translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes cubeLeftOut {
  /* line 411, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: rotateY(0deg) translateZ(0) translateX(0);
    opacity: 1;
  }

  /* line 415, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: rotateY(-90deg) translateZ(320px);
    opacity: .5;
  }
}

/* Cube Right */
/* line 423, ../scss/include/_animations.scss */
#jqt .cuberight.in {
  -webkit-transform-origin: 100% 50%;
  -webkit-animation-name: cubeRightIn;
}

/* line 428, ../scss/include/_animations.scss */
#jqt .cuberight.out {
  -webkit-transform-origin: 0% 50%;
  -webkit-animation-name: cubeRightOut;
}

@-webkit-keyframes cubeRightIn {
  /* line 434, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: rotateY(-90deg) translateZ(320px);
    opacity: .5;
  }

  /* line 438, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: rotateY(0deg) translateZ(0) translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes cubeRightOut {
  /* line 445, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: rotateY(0deg) translateZ(0) translateX(0);
    opacity: 1;
  }

  /* line 449, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: rotateY(90deg) translateZ(320px);
    opacity: .5;
  }
}

/* line 5, ../scss/include/_skeleton.scss */
body {
  background: black;
}




/*====================================================================*/
/*=============================li.arrow===============================*/
/*====================================================================*/




/* line 9, ../scss/include/_skeleton.scss */
.base-chevron, #jqt ul li.arrow:after, #jqt ul li.forward:after {
  content: '›';
  width: 22px;
  height: 100%;
  vertical-align: middle;
  font-size: 30px;
  line-height: 38px;
  font-family: Futura, "Futura Condensed", Helvetica, Arial, sans-serif;
  font-weight: bold;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  position: absolute;/*----------------------------注意----------------------------------*/
  right: 0;
  top: 0;
  pointer-events: none;
  z-index: 10;
}

/* line 26, ../scss/include/_skeleton.scss */
.base-flatlists, #jqt ul.metal, #jqt ul.edgetoedge, #jqt ul.plastic {
  margin: 0;
  padding: 0;
  border-width: 0 0 0 1px;
  -webkit-border-radius: 0;
  border-radius: 0;
}




/* line 35, ../scss/include/_skeleton.scss */
#jqt h1, #jqt h2 {
  font: bold 16px "Helvetica Neue", Helvetica;
 // margin: 10px 20px 6px;
  color: #555;
}
/* line 41, ../scss/include/_skeleton.scss */









/*==================================================*/
/*==================ツールバー======================*/
/*==================================================*/
#jqt .toolbar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 6px;
  box-shadow: rgba(0, 0, 0, 0.4) 0 1px 6px;
  border-bottom: 1px solid #555;
  z-index: 10;
  position: relative;
  padding: 10px;
  height: 44px;
}

/* line 52, ../scss/include/_skeleton.scss */
#jqt .toolbar > h1 {
  position: absolute;/*----------------------------注意----------------------------------*/
  overflow: hidden;
  left: 50%;
  bottom: 9px;
  margin: 1px 0 0 -75px;
  width: 150px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.3em;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #555;
}

/* line 71, ../scss/include/_skeleton.scss */
#jqt.black-translucent .toolbar {
  padding-top: 30px;
  height: 64px;
}
/* line 75, ../scss/include/_skeleton.scss */
#jqt.landscape .toolbar > h1 {
  margin-left: -125px;
  width: 250px;
}
/* line 80, ../scss/include/_skeleton.scss */
#jqt .button, #jqt .back, #jqt .cancel, #jqt .add {
  position: absolute;/*----------------------------注意----------------------------------*/
  overflow: hidden;
  width: auto;
  height: 30px;
  font-family: inherit;
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
  text-overflow: ellipsis;
  text-decoration: none;
  white-space: nowrap;
  background: none;
  bottom: 6px;
  right: 10px;
  margin: 0;
  padding: 0 10px;
  color: #e2e3e3;
  -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0, rgba(0, 0, 0, 0.2) 0 1px 2px inset;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0, rgba(0, 0, 0, 0.2) 0 1px 2px inset;
  border: 1px solid black;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image: none;
  background-color: #0a0a0a;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2f3031), color-stop(50%, #161717), color-stop(51%, #0a0a0a), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(top, #2f3031, #161717 50%, #0a0a0a 51%, #000000);
  background-image: linear-gradient(top, #2f3031, #161717 50%, #0a0a0a 51%, #000000);
}
/* line 107, ../scss/include/_skeleton.scss */
#jqt .button.active, #jqt .back.active, #jqt .cancel.active, #jqt .add.active {
  border-color: black;
  background-image: none;
  background-color: black;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #262627), color-stop(50%, #0d0d0d), color-stop(51%, #000000), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(top, #262627, #0d0d0d 50%, #000000 51%, #000000);
  background-image: linear-gradient(top, #262627, #0d0d0d 50%, #000000 51%, #000000);
  color: #d8d9d9;
  text-shadow: black 0 -1px 0;
  z-index:5;
}


/*=============================================================================================================*/
//問題の戻るボタン
/*=============================================================================================================*/


/* line 114, ../scss/include/_skeleton.scss */
//#jqt .back {
  max-width: 60px;
  margin-left: 15px;
  overflow: visible;
  padding-left: 5px;
  z-index:50;
}
/* line 121, ../scss/include/_skeleton.scss */
//#jqt .back:after, #jqt .back:before {
  content: '';
  position: absolute;/*----------------------------注意----------------------------------*/
  width: 20px;
  height: 20px;
  top: 1px;
  left: 1px;
  -webkit-transform: rotate(45deg) translate3d(0.2px, 0, 0);
  transform: rotate(45deg) translate3d(0.2px, 0, 0);
  
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  
  
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  background-image: none;
  background-color: #0a0a0a;
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #2f3031), color-stop(50%, #161717), color-stop(51%, #0a0a0a), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(top left, #2f3031, #161717 50%, #0a0a0a 51%, #000000);
  background-image: linear-gradient(top left, #2f3031, #161717 50%, #0a0a0a 51%, #000000);
  background-size: 100% 98%;
  -webkit-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 2px;
  -webkit-mask-image: -webkit-linear-gradient(45deg, black, black 15px, rgba(0, 0, 0, 0) 15px);
  -webkit-mask-image: -webkit-gradient(linear, left bottom, right top, from(black), color-stop(50%, black), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  -webkit-mask-clip: border-box;
  -webkit-background-clip: content-box;
  
  
  z-index:1;
}
/* line 149, ../scss/include/_skeleton.scss */
//#jqt .back:after {
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 0 0 inset, rgba(0, 0, 0, 0.2) 0 -1px 0 inset;
  box-shadow: rgba(0, 0, 0, 0.2) 1px 0 0 inset, rgba(0, 0, 0, 0.2) 0 -1px 0 inset;
  z-index:1;
}
/* line 152, ../scss/include/_skeleton.scss */
//#jqt .back:before {
  margin-left: -1px;
  background: black none;
  z-index:1;
}
/* line 157, ../scss/include/_skeleton.scss */
//#jqt .back.active:after {
  background-image: none;
  background-color: black;
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #262627), color-stop(50%, #0d0d0d), color-stop(51%, #000000), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(left top, #262627, #0d0d0d 50%, #000000 51%, #000000);
  background-image: linear-gradient(left top, #262627, #0d0d0d 50%, #000000 51%, #000000);
}
/* line 160, ../scss/include/_skeleton.scss */
//#jqt .back.active:before {
  background-color: black;
  z-index:1;
}

/*=============================================================================================================*/
//問題の戻るボタン修正案
/*=============================================================================================================*/
#pan-bg{ display:block; background:url(http://kyodo-m.xsrv.jp/sp_test/images/pan-bg.png) 25px 0 no-repeat; min-width:60px; max-width:120px; height:58px; color:#fff; background-size:150px 29px; }
#pan-l{ display:block; background:url(http://kyodo-m.xsrv.jp/sp_test/images/pan-l.png) 0 0 no-repeat; min-width:60px; max-width:120px; height:58px; background-size:15px 29px; }
#pan-r{ display:block; background:url(http://kyodo-m.xsrv.jp/sp_test/images/pan-r.png) right 0 no-repeat; min-width:60px; max-width:120px; height:42px; padding-top:16px; }


/* line 166, ../scss/include/_skeleton.scss */
#jqt .blueButton {
  background-image: #2f7ce3, glossy;
  color: white;
  text-shadow: #1a63c5 0 -1px 0;
}
/* line 170, ../scss/include/_skeleton.scss */
#jqt .whiteButton, #jqt .grayButton, #jqt .redButton, #jqt .blueButton, #jqt .greenButton {
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin: 10px 20px;
  padding: 10px;
  text-align: center;
  text-decoration: inherit;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px, rgba(0, 0, 0, 0.4) 0 0 0 5px, rgba(255, 255, 255, 0.3) 0 1px 0 5px;
  box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px, rgba(0, 0, 0, 0.4) 0 0 0 5px, rgba(255, 255, 255, 0.3) 0 1px 0 5px;
}







/*==================================================*/
/*==================カラーボタン====================*/
/*==================================================*/




/* line 185, ../scss/include/_skeleton.scss */
#jqt .whiteButton.active, #jqt .whiteButton:active, #jqt .grayButton.active, #jqt .grayButton:active, #jqt .redButton.active, #jqt .redButton:active, #jqt .blueButton.active, #jqt .blueButton:active, #jqt .greenButton.active, #jqt .greenButton:active {
  background-image: none;
  //  background-color: #3c8101;
  //  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5fcd01), color-stop(50%, #479b01), color-stop(51%, #3c8101), color-stop(100%, #306801));
  //  background-image: -webkit-linear-gradient(top, #5fcd01, #479b01 50%, #3c8101 51%, #306801);
  //  background-image: linear-gradient(top, #5fcd01, #479b01 50%, #3c8101 51%, #306801);
  color: black;
  text-shadow: #999 0 -1px 0;
}
/* line 191, ../scss/include/_skeleton.scss */
#jqt .whiteButton {
  background-image: none;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #fbfbfb), color-stop(51%, #eeeeee), color-stop(100%, #e1e1e1));
  background-image: -webkit-linear-gradient(top, #ffffff, #fbfbfb 50%, #eeeeee 51%, #e1e1e1);
  background-image: linear-gradient(top, #ffffff, #fbfbfb 50%, #eeeeee 51%, #e1e1e1);
  color: #151515;
  text-shadow: white 0 1px 0;
}
/* line 195, ../scss/include/_skeleton.scss */
#jqt .grayButton {
  background-image: none;
  background-color: #444444;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6a6a6a), color-stop(50%, #515151), color-stop(51%, #444444), color-stop(100%, #373737));
  background-image: -webkit-linear-gradient(top, #6a6a6a, #515151 50%, #444444 51%, #373737);
  background-image: linear-gradient(top, #6a6a6a, #515151 50%, #444444 51%, #373737);
  color: white;
  text-shadow: #2b2b2b 0 -1px 0;
}
/* line 200, ../scss/include/_skeleton.scss */
#jqt .redButton {
  background-image: none;
  background-color: #d83b38;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e57a78), color-stop(50%, #dc504d), color-stop(51%, #d83b38), color-stop(100%, #ce2c28));
  background-image: -webkit-linear-gradient(top, #e57a78, #dc504d 50%, #d83b38 51%, #ce2c28);
  background-image: linear-gradient(top, #e57a78, #dc504d 50%, #d83b38 51%, #ce2c28);
  color: white;
  text-shadow: #b92724 0 -1px 0;
}
/* line 204, ../scss/include/_skeleton.scss */
#jqt .redButton.active, #jqt .redButton:active {
  background-image: none;
  background-color: #c12926;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #de5856), color-stop(50%, #d52e2b), color-stop(51%, #c12926), color-stop(100%, #ac2422));
  background-image: -webkit-linear-gradient(top, #de5856, #d52e2b 50%, #c12926 51%, #ac2422);
  background-image: linear-gradient(top, #de5856, #d52e2b 50%, #c12926 51%, #ac2422);
  color: white;
  text-shadow: #97201e 0 -1px 0;
}
/* line 211, ../scss/include/_skeleton.scss */
#jqt .greenButton {
  background-image: none;
  background-color: #53b401;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76fe04), color-stop(50%, #5fcd01), color-stop(51%, #53b401), color-stop(100%, #479b01));
  background-image: -webkit-linear-gradient(top, #76fe04, #5fcd01 50%, #53b401 51%, #479b01);
  background-image: linear-gradient(top, #76fe04, #5fcd01 50%, #53b401 51%, #479b01);
  color: white;
  text-shadow: #3c8101 0 -1px 0;
}







/* line 216, ../scss/include/_skeleton.scss */
#jqt .leftButton, #jqt .cancel, #jqt .back {
  left: 6px;
  right: auto;
}
/* line 221, ../scss/include/_skeleton.scss */
#jqt .add {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
}






/*==================================================*/
/*==================リスト関係======================*/
/*==================================================*/


/* line 229, ../scss/include/_skeleton.scss */
#jqt ul {
  padding: 0;
  -webkit-margin-collapse: separate;
}
/* line 231, ../scss/include/_skeleton.scss */
#jqt ul, #jqt ul.individual li {
  color: #d5d6d7;
  border-bottom: 1px dotted #555;
  font: bold 18px "Helvetica Neue", Helvetica;
}
/* line 240, ../scss/include/_skeleton.scss */
#jqt ul:first-child {
  margin-top: 0px;
}
/* line 246, ../scss/include/_skeleton.scss */
#jqt ul li {
  border-top: 1px solid #48494b;
  list-style-type: none;
  overflow: hidden;
  padding: 8px;
  -webkit-transform: translate3d(0, 0, 0);
  /* expensive way to avoid flickr */
}
/* line 253, ../scss/include/_skeleton.scss */
#jqt ul li a {
	background:-moz-linear-gradient(top, #fff, #efefef); 
	background:-webkit-gradient(linear, center top, center bottom, from(#fff), to(#efefef));
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  padding: 10px;
  margin: -10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  color: white;
}
/* line 265, ../scss/include/_skeleton.scss */
#jqt ul li a.active {
  background-image: none;
  color: #999;
}
/* line 270, ../scss/include/_skeleton.scss */
#jqt ul li a.active small {
  color: #a0fe50;
  text-shadow: black 0 -1px 0;
}
/* line 271, ../scss/include/_skeleton.scss */
#jqt ul li a.active small.counter {
  background-color: #306801;
}
/* line 280, ../scss/include/_skeleton.scss */
#jqt ul li small {
  color: #53b401;
  font: 16px "Helvetica Neue", Helvetica;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 23%;
  position: relative;
  z-index: 20;
  float: right;
  line-height: 16px;
  padding: 2px 8px 4px 8px;
}
/* line 295, ../scss/include/_skeleton.scss */
#jqt ul li small.counter {
  background: #2f3031;
  color: #949698;
  text-shadow: #0a0a0a 0 -1px 0;
  z-index: 10;
  font-size: 16px;
  font-weight: bold;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block;
  width: auto;
}
/* line 311, ../scss/include/_skeleton.scss */
#jqt ul li ::-webkit-input-placeholder {
  color: #949698;
}
/* line 322, ../scss/include/_skeleton.scss */
#jqt ul li input[type="text"], #jqt ul li input[type="password"], #jqt ul li input[type="tel"], #jqt ul li input[type="number"], #jqt ul li input[type="search"], #jqt ul li input[type="email"], #jqt ul li input[type="url"], #jqt ul li textarea, #jqt ul li select {
  color: #555;
  text-shadow: #3c3d3e 0 -1px 0;
  background: transparent url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
  border: 0;
  font: normal 17px "Helvetica Neue", Helvetica;
  padding: 0;
  display: inline-block;
  margin-left: 0px;
  width: 100%;
  -webkit-appearance: textarea;
}
/* line 333, ../scss/include/_skeleton.scss */
#jqt ul li textarea {
  height: 120px;
  padding: 0;
  text-indent: -2px;
}
/* line 338, ../scss/include/_skeleton.scss */
#jqt ul li input[type="checkbox"], #jqt ul li input[type="radio"] {
  margin: 0;
  padding: 10px;
}
/* line 342, ../scss/include/_skeleton.scss */
#jqt ul li input[type="checkbox"]:after, #jqt ul li input[type="radio"]:after {
  content: attr(title);
  position: absolute;/*----------------------------注意----------------------------------*/
  display: block;
  width: 0;
  left: 21px;
  top: 12px;
  font-family: "Helvetica Neue", Helvetica;
  font-size: 17px;
  line-height: 21px;
  width: 246px;
  margin: 0 0 0 17px;
  color: white;
  text-shadow: #3c3d3e 0 -1px 0;
}
/* line 355, ../scss/include/_skeleton.scss */
#jqt ul li input[type='submit'] {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#9c9ea0));
  border: 1px outset #aaa;
  display: block;
  font-size: inherit;
  font-weight: inherit;
  padding: 10px;
}
/* line 368, ../scss/include/_skeleton.scss */
#jqt ul li.arrow small, #jqt ul li.forward small {
  margin-right: 24px;
}
/* line 380, ../scss/include/_skeleton.scss */
#jqt ul li.forward:before {
  content: "";
  position: absolute;/*----------------------------注意----------------------------------*/
  display: block;
  width: 24px;
  height: 24px;
  top: 50%;
  right: 6px;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-image: none;
  background-color: #53b401;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76fe04), color-stop(50%, #5fcd01), color-stop(51%, #53b401), color-stop(100%, #479b01));
  background-image: -webkit-linear-gradient(top, #76fe04, #5fcd01 50%, #53b401 51%, #479b01);
  background-image: linear-gradient(top, #76fe04, #5fcd01 50%, #53b401 51%, #479b01);
  border: 2px solid #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
  padding: 0;
  z-index: 10;
  line-height: 0;
  pointer-events: none;
}
/* line 395, ../scss/include/_skeleton.scss */
#jqt ul li.forward:after {
  color: white;
  text-shadow: #3c8101 0 -1px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  font-size: 24px;
}
/* line 404, ../scss/include/_skeleton.scss */
#jqt ul.rounded, #jqt ul.individual li {
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px 0;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px 0;
  border: 1px solid #2f3031;
}
/* line 409, ../scss/include/_skeleton.scss */
#jqt ul.rounded {
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
/* line 412, ../scss/include/_skeleton.scss */
#jqt ul.rounded li:first-child, #jqt ul.rounded li:first-child a {
  border-top: 0;
  -webkit-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
}
/* line 416, ../scss/include/_skeleton.scss */
#jqt ul.rounded li:last-child, #jqt ul.rounded li:last-child a {
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
/* line 422, ../scss/include/_skeleton.scss */
#jqt ul.form li {
  padding: 7px 10px;
}
/* line 425, ../scss/include/_skeleton.scss */
#jqt ul.form li.error {
  border: 2px solid red;
}
/* line 428, ../scss/include/_skeleton.scss */
#jqt ul.form li.error + #jqt ul.form li.error {
  border-top: 0;
}
/* line 438, ../scss/include/_skeleton.scss */
#jqt ul.metal li {
  background-image: none;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #666;
  font-size: 26px;
}
/* line 445, ../scss/include/_skeleton.scss */
#jqt ul.metal li a {
  line-height: 26px;
  margin: 0;
  padding: 13px 0;
}
/* line 451, ../scss/include/_skeleton.scss */
#jqt ul.metal li em {
  display: block;
  font-size: 14px;
  font-style: normal;
  width: 50%;
  line-height: 14px;
}
/* line 459, ../scss/include/_skeleton.scss */
#jqt ul.metal li small {
  float: right;
  position: relative;
  margin-top: 10px;
  font-weight: bold;
}
/* line 473, ../scss/include/_skeleton.scss */
#jqt ul.edgetoedge li {
  font-size: 20px;
}
/* line 476, ../scss/include/_skeleton.scss */
#jqt ul.edgetoedge li:first-child {
  border-top: 0;
}
/* line 480, ../scss/include/_skeleton.scss */
#jqt ul.edgetoedge li.sep {
  font-size: 16px;
  padding: 2px 10px;
}
/* line 485, ../scss/include/_skeleton.scss */
#jqt ul.edgetoedge li em {
  font-weight: normal;
  font-style: normal;
}
/* line 494, ../scss/include/_skeleton.scss */
#jqt ul.plastic {
  font-size: 18px;
}
/* line 498, ../scss/include/_skeleton.scss */
#jqt ul.plastic li {
  border-width: 1px 0;
  border-style: solid;
  background-image: none;
  background-color: #2a2b2c;
  border-top-color: #2f3031;
  border-bottom-color: #232324;
}
/* line 506, ../scss/include/_skeleton.scss */
#jqt ul.plastic li:nth-child(odd) {
  background-image: none;
  background-color: #2f3031;
}
/* line 510, ../scss/include/_skeleton.scss */
#jqt ul.plastic li a.active.loading {
  background-image: url(img/loading.gif);
  background-position: 95% center;
  background-repeat: no-repeat;
}
/* line 515, ../scss/include/_skeleton.scss */
#jqt ul.plastic li small {
  color: #949698;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
/* line 525, ../scss/include/_skeleton.scss */
#jqt ul.individual {
  border: 0;
  background: none;
  clear: both;
  overflow: hidden;
}
/* line 531, ../scss/include/_skeleton.scss */
#jqt ul.individual li {
  font-size: 14px;
  text-align: center;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 48%;
  float: left;
  display: block;
  padding: 11px 10px 14px 10px;
}
/* line 541, ../scss/include/_skeleton.scss */
#jqt ul.individual li + li {
  float: right;
}
/* line 546, ../scss/include/_skeleton.scss */
#jqt ul.individual a {
  line-height: 16px;
  margin: -11px -10px -14px -10px;
  padding: 11px 10px 14px 10px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
/* line 555, ../scss/include/_skeleton.scss */
#jqt .toggle {
  width: 94px;
  position: relative;
  height: 27px;
  display: block;
  overflow: hidden;
  float: right;
}
/* line 563, ../scss/include/_skeleton.scss */
#jqt .toggle input[type="checkbox"] {
  margin: 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 27px;
  overflow: hidden;
  width: 149px;
  border: 0;
  -webkit-transition: left 0.15s ease-in-out;
  transition: left 0.15s ease-in-out;
  position: absolute;/*----------------------------注意----------------------------------*/
  top: 0;
  left: -55px;
  -webkit-appearance: textarea;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* line 577, ../scss/include/_skeleton.scss */
#jqt .toggle input[type="checkbox"]:checked {
  left: 0px;
}
/* line 583, ../scss/include/_skeleton.scss */
#jqt .info {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #444;
  padding: 15px;
  font-weight: bold;
}

/* line 12, ../scss/jqtouch.scss */
#jqt {
  /* Lists */
}
/* line 13, ../scss/jqtouch.scss */
#jqt > * {
	background:#fff;
	}
/* line 20, ../scss/jqtouch.scss */






/*==================================================*/
/*==================ヘッダ背景======================*/
/*==================================================*/
#jqt .toolbar {
  background:linear-gradient(to bottom, #ffe8a1, #fce08a, #f1d06b, #e9c557);	/*	20183014 IE10用 追加 webkitより前に記述	*/
  background:-webkit-gradient(linear, center top, center bottom, from(#ffe8a1), color-stop(0.49, #fce08a), color-stop(0.5, #f1d06b), to(#e9c557));
  background-position: 0 0, 8px 8px, 0 1px, 8px 9px;
/*  background-color: #2f3031;*/
  background-color: #fce08a;
}



/* line 29, ../scss/jqtouch.scss */
#jqt ul li {
  border-top: 1px dotted #48494b;
  background-image: none;
  
}
/* line 33, ../scss/jqtouch.scss */
#jqt ul li a {
  color: #555;
}
/* line 37, ../scss/jqtouch.scss */
#jqt ul li .toggle input[type="checkbox"] {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: white url(../img/jqt/on_off.png) 0 0 no-repeat;
}
/* line 42, ../scss/jqtouch.scss */
#jqt ul li input[type='submit'] {
  background-image: none;
  background-color: white;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #ffffff), color-stop(100%, #f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 50%, #ffffff 51%, #f2f2f2);
  background-image: linear-gradient(top, #ffffff, #ffffff 50%, #ffffff 51%, #f2f2f2);
  border: 1px outset black;
}
/* line 47, ../scss/jqtouch.scss */
#jqt ul li small.counter {
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0;
}
/* line 54, ../scss/jqtouch.scss */
#jqt ul.metal li {
  background-image: none;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #666;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#9c9ea0));
}
/* line 60, ../scss/jqtouch.scss */
#jqt ul.metal li a {
  text-shadow: #fff 0 1px 0;
}
/* line 62, ../scss/jqtouch.scss */
#jqt ul.metal li a.active {
  color: #000;
}
/* line 65, ../scss/jqtouch.scss */
#jqt ul.metal li em {
  color: #444;
}
/* line 71, ../scss/jqtouch.scss */
#jqt ul.edgetoedge li {
  background-image: none;
  background-color: #3c3d3e;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #282829), color-stop(100%, #2f3031));
  background-image: -webkit-linear-gradient(top, #282829, #2f3031);
  background-image: linear-gradient(top, #282829, #2f3031);
  border-bottom: 1px solid #1e1e1f;
  border-top: 1px solid #343536;
}
/* line 76, ../scss/jqtouch.scss */
#jqt ul.edgetoedge li.sep {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.3);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(38, 38, 38, 0.3)), color-stop(30%, rgba(20, 20, 20, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3)));
  background-image: -webkit-linear-gradient(top, rgba(38, 38, 38, 0.3), rgba(20, 20, 20, 0.3) 30%, rgba(0, 0, 0, 0.3) 65%, rgba(0, 0, 0, 0.3));
  background-image: linear-gradient(top, rgba(38, 38, 38, 0.3), rgba(20, 20, 20, 0.3) 30%, rgba(0, 0, 0, 0.3) 65%, rgba(0, 0, 0, 0.3));
  color: #949698;
  text-shadow: black 0 -1px 0;
}
/* line 83, ../scss/jqtouch.scss */
#jqt .info {
  background: ;
  text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  color: #444;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}






















/*=============================================*/
/*==============iryou original=================*/
/*=============================================*/

body{ background:#515151; }
.page{ background:#FFF; }


.font-8{ text-align:center; font-size:8pt; }

.f-clear:after{content:""; display:block; height:0px; clear:both; }
.f-clear{ height: 1% ; }

.clear{ clear:both; }
.x{ text-indent:-9999px; }
a { text-decoration:none; color:#555; }


#top-head{ background:url(../images/top-bg.jpg) 0 0 repeat-x #FFF; border:none; background-size:4px 100px; }
#top-head-inner{ text-align:center; }
#top-head-inner h2{ font-size:7.5pt; margin-top:0; }
#top-head-inner img{ width:287px; height:52px; }
#top-sub-title{ background:url(../images/top-sub-bg.jpg) 0 0 repeat-x; background-size:7px 30px; text-align:center; }
#top-sub-title img{ width:137px; height:30px; }

#main{ margin-bottom:10px; padding-bottom:10px; }

#top-main-l{ width:110px; float:left; margin-right:10px; }
#top-main-r{ width:110px; float:left; }
#top-main-l img{ width:110px; height:110px; }
#top-main-r img{ width:110px; height:110px; }
#top-main-inner{ width:230px; margin:0 auto; }
#top-main-inner a{ display:block; }

.logo{ background:#cecece; padding:0; }
.logo img{ width:60px; height:12px; }
footer{ box-shadow:0px -2px 3px 0px rgba(0,0,0,0.4); background:#515151; color:#fff; padding:0 0 3px; margin-top:3px; width:100%; font-size:70%; text-align:center; }


.top-sub-wrapper{ border-top:1px dashed #bbb; margin-top:20px; }
.top-sub { width:320px; padding:10px 0; margin:0 auto; }
.top-sub img{ width:156px; height:65px; }


#jqt #home a:active{
  opacity:0.5;
}
#jqt #navi a:active{
  opacity:0.5;
}
#jqt #area-map .scroll a:active{
  opacity:0.7;
}

.gallery-link{ font-size:12px; margin:10px; text-align:center; height:45px;
background:-moz-linear-gradient(top, #eee, #ddd, #bbb, #aaa);
background:-webkit-gradient(linear, center top, center bottom, from(#fff), color-stop(0.49, #efefef), color-stop(0.5, #ddd), to(#cacaca));
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow:0px 1px 5px 0px #999;
border:1px solid #aaa; }
.gallery-link a{ padding-top:7px; display:block; font-size:14pt; font-weight:bold; }
.gallery-link a span{ background:url(../images/photo-icon.png) 0 0 no-repeat; background-size:35px; padding:3px 0 10px 40px; }

.serach{  width:95%; margin:0 auto; text-align:center; padding:15px 5px 0px;
 }
.serach-text{ 
padding:0 5px;
width:70%;
height:25px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
box-shadow:0px 1px 3px 0px #ccc inset;
border:1px solid #aaa; }
.serach-submit{ 
padding:5px;
background:-moz-linear-gradient(top, #eee, #ddd, #bbb, #aaa);
background:-webkit-gradient(linear, center top, center bottom, from(#fff), color-stop(0.49, #efefef), color-stop(0.5, #ddd), to(#cacaca));
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
box-shadow:0px 1px 3px 0px #aaa;
border:1px solid #aaa; 
}

.serach-submit:active{
opacity:0.5;
}

/*===page-common===*/


.page-head{ background:url(../images/page-bg.jpg) 0 0 repeat-x; width:100%; background-size:4px 28px; }
.page-head-inner{ width:100%; margin:0 0 5px; padding-top:5px; }

.page-head-inner h2{ float:left; margin-left:0px; margin-top:3px; }
.page-head-inner h2 img{ width:79px; height:14px; margin-left:10px; }
.page-head-inner h3{ float:left; font-size:7pt; margin:10px 0 0 3px; }


.page .main{ padding-top:0px;  }

.page .main-title{ text-align:left; font-size:13pt; margin:0 8px 0; padding:3px 0 0 33px; height:30px; background-size:30px; }
.area-main-title{ background:url(../images/area/main-title-area.jpg) 0 0 no-repeat; }
.cat-main-title{ background:url(../images/category/main-title-cat.jpg) 0 0 no-repeat; }
.point-main-title{ background:url(../images/point/main-title-point.jpg) 0 0 no-repeat; }
.holiday-main-title{ background:url(../images/holiday/main-title-holiday.jpg) 0 0 no-repeat; }
.photo-main-title{ background:url(../images/photo-icon.png) 0 0 no-repeat; }

.company-main-title{ background:url(../images/company/main-title-company.jpg) 0 0 no-repeat; }
.privacy-main-title{ background:url(../images/company/main-title-company.jpg) 0 0 no-repeat; }

.page .main-content{ margin:0; }
.scroll{ margin:5px 0 0px; }

.orange{ color:#ff6c00; }
.function{ text-align:center; font-size:8pt; margin:10px; border:1px solid #ff6c00; padding:0 2px; }

.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }
.mb40{ margin-bottom:40px; }

.spacer{ height:80px; margin-bottom:500px; }

#map-box{ min-height:200px; }


/* 20160907 add by T */
/*===submenu for top===*/

.submenu { margin-top:15px; }

/*===company===*/
.company dl { padding:5px;}
.company dl dt { color:#630; border-top:dotted; border-top-width:1px; border-top-color:#CCC; padding-top:5px;}
.company dl dd { margin-left:10px;}
.company dl dd dl dt { border-top:none; margin-left:-0.5em;}
.company dl dd dl dd { margin-top:-1.6em; margin-bottom:0.5em;}

/*===privacy===*/

.privacy h4 { 	margin-left:5px; margin-top:3px;}
#privacy-txt p { 	margin:5px; font-size:95%;}
.privacy ul {	border:none !important;
				font-size:95% !important;
				line-height:110% !important;
				font-weight:normal !important;
				color:#555 !important;
				padding-left: 2em !important;
				margin:3px 0 0 0 !important;	}
/*.privacy ul li {
	border:none !important;
	font-size:95% !important;
	line-height:110% !important;
	font-weight:normal !important;
	color:#555 !important;
	list-style-type: disc !important; }	*/
.privacy ol {	border:none !important;
				font-size:95% !important;
				line-height:110% !important;
				font-weight:normal !important;
				color:#555 !important; 
				padding-left: 2em;	}
.privacy ol li { list-style-type: decimal !important; }

/*
.privacy ul { margin: 1em 0; padding-left: 40px; list-style-type: disc; }
.privacy ol { margin: 1em 0;・padding-left: 40px;・list-style-type: decimal; }
*/

/*===category===*/

#cat .cat-big .last-b{ border-bottom:none; }
.cat-big li a span{ padding-left:30px; }
.cat-big span{ background-size:25px 25px; min-height:25px; display:block;  }
.cat01 span{ background:url(../images/category/cat01.png) 0 1px no-repeat; background-size:25px 25px; }
.cat02 span{ background:url(../images/category/cat02.png) 0 1px no-repeat; background-size:25px 25px; }
.cat03 span{ background:url(../images/category/cat03.png) 0 1px no-repeat; background-size:25px 25px; }
.cat04 span{ background:url(../images/category/cat04.png) 0 1px no-repeat; background-size:25px 25px; }
.cat05 span{ background:url(../images/category/cat05.png) 0 1px no-repeat; background-size:25px 25px; }
.cat06 span{ background:url(../images/category/cat06.png) 0 1px no-repeat; background-size:25px 25px; }

.cat-flow{ margin:10px 10px 5px; padding-bottom:0px; }
.cat-flow .cat-flow-text{ font-size:80%; padding:1px 2px; min-width:30%; float:left; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.cat-flow .cat-flow-point{ margin-top:5px; float:left; font-size:70%; }
.cat-flow-on{ border:1px solid #f4b135; background:#ffd687; box-shadow:0px 1px 5px 0px #999; }
.cat-flow-off{ background:#ffe9c0; }


/*===area===*/
#area-map{ background:url(../images/area/area-bg.jpg) 0 0 repeat-x; width:320px; height:284px; margin:0 auto; background-size:320px 284px; }
#area-map #area-01{ position:relative; top:115px; left:40px; width:69px; height:30px; }
#area-map #area-02{ position:relative; top:125px; left:90px; width:101px; height:30px; }
#area-map #area-03{ position:relative; top:-5px; left:85px; width:59px; height:30px; }
#area-map #area-04{ position:relative; top:100px; left:30px; width:59px; height:30px; }
#area-map #area-05{ position:relative; top:10px; left:205px; width:59px; height:30px; }

#area-map #area-01 a{ background:url(../images/area/area-01.png) 0 0 no-repeat; background-size:69px 30px; width:69px; height:30px; }
#area-map #area-02 a{ background:url(../images/area/area-02.png) 0 0 no-repeat; background-size:101px 30px; width:101px; height:30px; }
#area-map #area-03 a{ background:url(../images/area/area-03.png) 0 0 no-repeat; background-size:59px 30px; width:59px; height:30px; }
#area-map #area-04 a{ background:url(../images/area/area-04.png) 0 0 no-repeat; background-size:59px 30px; width:59px; height:30px; }
#area-map #area-05 a{ background:url(../images/area/area-05.png) 0 0 no-repeat; background-size:59px 30px; width:59px; height:30px; }

#area-map a{ display:block; z-index:50; }
#area-map a:active{ opacity:0.7; }


/*===cat-detail===*/

.name{ font-size:12pt; font-weight:bold; text-align:left; }
/*	20130124	詳細画像高さ変更	*/
/*#detail-photo{ text-align:center; height:100px; overflow:hidden; background:#CCC; margin-top:10px; }*/
/*#detail-photo{ text-align:center; height:140px; overflow:hidden; background:#CCC; margin-top:10px; }*/
#detail-photo{ text-align:center; height:180px; overflow:hidden; background:#CCC; margin-top:10px; }
#detail-photo img{ position:relative; top:-20px; }
#detail-photo-text{ font-size:10px; text-align:right; margin:5px 20px 10px 0 ; }
#detail-box{ margin:0 10px; }

#detail-box-link{ text-align:left; margin:10px 0 20px; }
/*#detail-box-link p{ float:left; width:29%; margin-right:3%; text-align:center; height:25px;*/
#detail-box-link p{ float:left; margin-right:3%; text-align:center; height:25px;

background:linear-gradient(to bottom, #fff, #efefef, #ddd, #cacaca);	/*	20183014 IE10用 追加 webkitより前に記述	*/

background:-moz-linear-gradient(top, #eee, #ddd, #bbb, #aaa); 
background:-webkit-gradient(linear, center top, center bottom, from(#fff), color-stop(0.49, #efefef), color-stop(0.5, #ddd), to(#cacaca));
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;		/*	20180314 IE10用追加	*/
box-shadow:0px 1px 5px 0px #999;  
border:1px solid #aaa;
}
#detail-box-link p a{ font-size:10pt; color:#666; padding:3px; display:block; }

/* 20120727 add by T */
.detail-box-link-bt-w1 { width:29%;}
.detail-box-link-bt-w2 { width:94%; margin-top:20px;}
/*		*/

#detail-box-list{ font-size:11pt; text-align:left; margin-bottom:10px; }
#detail-box-list p{ margin-bottom:3px; border-bottom:1px dotted #999; }
#detail-box-list span{ padding:3px 0 3px 25px; min-height:20px; display:block; }

.dbl-add{ background:url(../images/list-icon01.png) 0 5px no-repeat; background-size:20px; }
.dbl-tel{ background:url(../images/list-icon02.png) 0 5px no-repeat; background-size:20px; }
.dbl-cat{ background:url(../images/list-icon03.png) 0 5px no-repeat; background-size:20px; }
.dbl-time{ background:url(../images/list-icon04.png) 0 5px no-repeat; background-size:20px; }
.dbl-hol{ background:url(../images/list-icon05.png) 0 5px no-repeat; background-size:20px; }

/* 20120723 add by T */
.dbl-sptxt{ background:url(../images/list-icon00.png) 0 5px no-repeat; background-size:20px; }
.dbl-notice{ background:url(../images/list-icon06.png) 0 5px no-repeat; background-size:20px; }

.detail-name{ font-size:15pt; font-weight:bold; border-left:4px solid #FC3; padding-left:10px; margin:10px; }
/*		*/


/*===cat-list-table===*/
#list-table-wrapper{ font-weight:normal; }
#list-table{ width:100%; }

#list-table .name{ text-align:left; margin-top:5px; font-size:12pt; border-left:4px solid #FC3; padding-left:10px; }

.list-table-text-box{ white-space: normal; float:left; width:65%; text-align:left; font-size:10pt; padding:0 0 5px 0; }
.list-table-text-box p{ white-space: normal; min-height:20px; width:100%; text-align:left; padding:3px 0 0 28px; font-size:9pt; }

.list-table-photo{ float:right; width:20%; vertical-align:middle; padding-right:8px; text-align:right; }
/*.list-table-photo{ float:right; width:20%; vertical-align:middle; padding-right:10px; text-align:right; }*/
.list-table-photo img{ 
/*width:65px;*/
width:72px;
/*
width:65px;
-webkit-border-radius:65px;
-moz-border-radius: 65px;*/
box-shadow: 0px 3px 5px rgba(0,0,0,0.8) inset;
display:block;
 }

/* 20120808 add by T for SP Sponsor	*/
.hi-spo { color: #555 !important; }
#jqt ul li.no-arrow::after {
	content: '' !important;
}

/*.no-arrow {}*/
/*		*/

#pagetop{ padding-top:5px; font-size:12px; margin:0 auto 20px; width:50%; text-align:center; height:25px;
background:-moz-linear-gradient(top, #eee, #ddd, #bbb, #aaa);
background:-webkit-gradient(linear, center top, center bottom, from(#fff), color-stop(0.49, #efefef), color-stop(0.5, #ddd), to(#cacaca));
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow:0px 1px 5px 0px #999;
border:1px solid #aaa; }

li a{ white-space:normal !important;}


/*===holiday-night===*/
#holiday-night{ margin:10px; font-size:10pt; }
#holiday-night-title{ font-size:14pt; background:#ddd; margin:10px 0 0; text-align:center; font-weight:bold;  }
.holiday-sub-title{ background:#555; color:#fff; padding:5px; font-weight:bold; }

.holiday-night-list{ font-size:10pt !important; white-space: normal; }
.holiday-night-list li a{ white-space:normal !important; padding-right:20px !important; }

/*.holiday-night-list .k1name { color: #900 !important; }*/
.holiday-night-list .k1aname { color:#666; font-size:8pt !important; }
.holiday-night-list .k1add { color:#039; font-size:8pt !important; }
/*.holiday-night-list .k1tel {  color: #39F !important; }*/

#holiday-list-link{ font-size:12px; margin:10px; text-align:center; height:35px;
background:-moz-linear-gradient(top, #eee, #ddd, #bbb, #aaa);
background:-webkit-gradient(linear, center top, center bottom, from(#fff), color-stop(0.49, #efefef), color-stop(0.5, #ddd), to(#cacaca));
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow:0px 1px 5px 0px #999;
border:1px solid #aaa; }
#holiday-list-link a{ padding-top:2px; display:block; font-size:14pt; font-weight:bold; }
#holiday-list-link a:active{ opacity:0.5; }


/*===navi main===*/
#navi{ text-align:center; padding-top:20px; background:#777;
background:-moz-linear-gradient(top, #777, #333);
background:-webkit-gradient(linear, center top, center bottom, from(#aaa), to(#333)); }
#navi-wrapper{ 
background:#fff;
margin:10px 20px 20px;
padding:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow:0px 1px 8px 0px #666 inset;
border:1px solid #555;
 }



/*===photo===*/

.gallery-list-link{ font-size:12px; margin:0 10px 10px; text-align:center; height:45px;
background:-moz-linear-gradient(top, #eee, #ddd, #bbb, #aaa);
background:-webkit-gradient(linear, center top, center bottom, from(#fff), color-stop(0.49, #efefef), color-stop(0.5, #ddd), to(#cacaca));
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow:0px 1px 5px 0px #999;
border:1px solid #aaa;
 }
.gallery-list-link a{ padding-top:7px; display:block; font-size:14pt; font-weight:bold; }
.gallery-list-link a span{ background-size:35px; padding:3px 0 10px; }
.gallery-list-link a:active{ opacity:0.5; }

.photo-list-photo{ text-align:center; height:75px; width:320px; overflow:hidden !important; background:#CCC; border-bottom:1px solid #888; }
.photo-list-photo img{ position:relative; top:-120px; }





/*===傾き左===*/
/*横のとき*/
.photo-top-photo-01{
	-webkit-transform: rotate(-2deg) translate3d(5px, 0, 0);
    transform: rotate(-2deg) translate3d(5px, 0, 0);
    width:200px;
	 }
.photo-top-photo-01 a img{
    width:200px;
	height:auto; }
	
/*縦のとき*/

.photo-top-photo-01-r{
	-webkit-transform: rotate(-2deg) translate3d(5px, 0, 0);
    transform: rotate(-2deg) translate3d(5px, 0, 0);
    width:150px;
	}
.photo-top-photo-01-r a img{ 
    width:150px;
	height:auto; }
	
/*===傾き右===*/
/*横のとき*/
.photo-top-photo-02{
	-webkit-transform: rotate(1deg) translate3d(5px, 0, 0);
    transform: rotate(1deg) translate3d(5px, 0, 0);
    width:200px;
	}
	
.photo-top-photo-02 a img{ 
    width:200px;
	height:auto; }

/*縦のとき*/
.photo-top-photo-02-r{
	-webkit-transform: rotate(1deg) translate3d(10px, 0, 0);
    transform: rotate(1deg) translate3d(10px, 0, 0);
    width:150px;
	}
.photo-top-photo-02-r a img{ 
    width:150px;
	height:auto; }
	
.photo-top-photo{ font-size:9pt; margin:15px auto 30px; box-shadow:0px 1px 10px 0px #555;padding:7px; border:1px solid #999; -webkit-transform-origin: 0 0; }
.photo-top-photo h4{ padding:5px 0; }


.photo-top-photo-01 h4 a{ text-decoration:underline; }
.photo-top-photo-01 h4:after{ content: " >>"; font-size:10pt; color:#999; }
.photo-top-photo-01-r h4 a{ text-decoration:underline; }
.photo-top-photo-01-r h4:after{ content: " >>"; font-size:10pt; color:#999; }
.photo-top-photo-02 h4 a{ text-decoration:underline; }
.photo-top-photo-02 h4:after{ content: " >>"; font-size:10pt; color:#999; }
.photo-top-photo-02-r h4 a{ text-decoration:underline; }
.photo-top-photo-02-r h4:after{ content: " >>"; font-size:10pt; color:#999; }


.photo-sub-title{ font-size:12pt; font-weight:bold; border-left:4px solid #FC3; padding-left:10px; margin:0 0 0 10px; }

.navi-com h2{ font-size:10pt; color:#fff !important; }
.navi-com{ line-height:9pt; margin-top:10px; font-size:8pt; color:#fff; }
.navi-com a{ color:#fff; }


/*===photo===*/
/*	2014/5/26	*/
.dbl-cat-blue { color: #006; }