/*! @license
* Copyright 2012-2014 Alex Wolfe and Rob Levin
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*        http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@-webkit-keyframes glowing, {
  from {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
  50% {
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
  to {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
}
@-moz-keyframes glowing, {
  from {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
  50% {
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
  to {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
}
@-o-keyframes glowing, {
  from {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
  50% {
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
  to {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
}
@keyframes glowing, {
  from {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
  50% {
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
  to {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
}
/* line 26, ../../sass/201412entry/partials/_buttons.scss */
.button {
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  display: block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  line-height: 30px;
  border: #1a100b 10px solid;
  color: #1a100b;
  margin: 0;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
/* line 44, ../../sass/201412entry/partials/_buttons.scss */
.button:hover, .button:focus, .button:active, .button.is-active, .button.active {
  text-decoration: none;
}
/* line 48, ../../sass/201412entry/partials/_buttons.scss */
.button:hover, .button:focus {
  background-color: #EEE;
}
/* line 53, ../../sass/201412entry/partials/_buttons.scss */
.button:active, .button.is-active, .button.active {
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
  background: #eeeeee;
}
/* line 59, ../../sass/201412entry/partials/_buttons.scss */
.button:focus {
  outline: none;
}

/* line 65, ../../sass/201412entry/partials/_buttons.scss */
input.button, button.button {
  height: 34px;
  cursor: pointer;
  -webkit-appearance: none;
}

/* line 77, ../../sass/201412entry/partials/_buttons.scss */
.button.disabled,
.button.disabled:hover,
.button.disabled:focus,
.button.disabled:active,
input.button:disabled,
button.button:disabled {
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  background: #EEE;
  border: 1px solid #DDD;
  cursor: default;
  -webkit-appearance: none;
}

/* line 170, ../../sass/201412entry/partials/_buttons.scss */
.button-rounded {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* line 229, ../../sass/201412entry/partials/_buttons.scss */
.button-3d-action {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  box-shadow: inset 0px 0px 0px rgba(158,157,157,1), inset 0px 0px 0px rgba(158,157,157,1), 0px 10px 0px #9e9d9d, 0px 0px 0px rgba(0, 0, 0, 0.3);
  position: relative;
  top: 0px;
}


.button-3d-action.disabled {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-jumbo {
  margin: 2% auto;
  width: 67%;
  height: 4em;
  font-size: 2.5em;
  font-weight: bold;
  line-height: 3.5em;
}

.buy,
.yellow {
  background: #fff100;
}

.buy:hover, 
.buy:focus,
.yellow:hover,
.yellow:focus {
  background: #fef55c;
  box-shadow: inset 0px 0px 0px rgba(158,157,157,1), inset 0px 0px 0px rgba(158,157,157,1), 0px 10px 0px #9e9d9d, 0px 0px 0px rgba(0, 0, 0, 0.3);
}

.buy:active,
.buy.is-active,
.buy.active,
.yellow:active,
.yellow.is-active,
.yellow.active {
  box-shadow: inset 0px 0px 0px rgba(158,157,157,1), inset 0px 0px 1px rgba(158,157,157,1), 0px 2px 0px #9e9d9d, 0px 0px 0px rgba(0, 0, 0, 0.3);
  background: #ede000;
  top: 5px;
}

.buy span {
  display: inline-block;
  background: url(../../img/shochiku/201507/shochiku_ic001.gif) no-repeat right center;
  padding-right: 82px;
  font-weight: bold;
}

.sceneBt {
  padding-top: 30px;
  height: 140px;
}
.sceneBt span {
  padding-bottom: 40px;
  font-size: 24px;
  font-weight: bold;
}

.listBt {
  margin: 15px auto 0;
  padding: 16px;
  width: 75%;
  background: #00b9ef;
  border: #1a100b 4px solid;
  font-size: 120%; 
  font-weight: bold;
}

.blue {
  background: #00b9ef;
}
.blue span {
  background: url(../../img/shochiku/201507/shochiku_ic002.gif) no-repeat center bottom;
}
.pink {
  background: #e85298;
}
.scene .pink span {
  background: url(../../img/shochiku/201507/shochiku_ic003.gif) no-repeat center bottom;
}
.linkButton .pink {
  padding: 20px 0;
}
.linkButton .pink span {
  display: inline-block;
  padding-right: 60px;
  height: 34px;
  background: url(../../img/shochiku/201507/shochiku_ic005.gif) no-repeat right center;
  font-size: 24px;
  font-weight: bold;
}
.yellow span {
  background: url(../../img/shochiku/201507/shochiku_ic004.gif) no-repeat center bottom;
}

.listBt:hover,
.listBt:focus,
.blue:hover,
.blue:focus {
  background: #5ddaff;
  box-shadow: inset 0px 0px 0px rgba(158,157,157,1), inset 0px 0px 0px rgba(158,157,157,1), 0px 10px 0px #9e9d9d, 0px 0px 0px rgba(0, 0, 0, 0.3);
}
.listBt:active,
.listBt.is-active,
.listBt.active,
.blue:active,
.blue.is-active,
.blue.active {
  box-shadow: inset 0px 0px 0px rgba(158,157,157,1), inset 0px 0px 1px rgba(158,157,157,1), 0px 2px 0px #9e9d9d, 0px 0px 0px rgba(0, 0, 0, 0.3);
  background: #008fb9;
  top: 5px;
}

.pink:hover,
.pink:focus {
  background: #ff83bd;
  box-shadow: inset 0px 0px 0px rgba(255,131,189,1), inset 0px 0px 0px rgba(255,131,189,1), 0px 10px 0px #9e9d9d, 0px 0px 0px rgba(0, 0, 0, 0.3);
}
.pink:active,
.pink.is-active,
.pink.active {
  box-shadow: inset 0px 0px 0px rgba(225,0,105,1), inset 0px 0px 1px rgba(225,0,105,1), 0px 2px 0px #9e9d9d, 0px 0px 0px rgba(0, 0, 0, 0.3);
  background: #e10069;
  top: 5px;
}

@media (min-width: 768px) and (max-width: 959px) { /* for tablets */
  .sceneBt {
    padding: 30px 0;
  }
  .sceneBt span {
    font-size: 20px;
  }
  .linkButton .pink span {
    padding-right: 60px;
    height: 34px;
    font-size: 20px;
  }
}

@media (min-width: 0px) and (max-width: 767px) { /* for sp */
  .buy {
    padding: 0 1%;
  }
  .linkButton .pink {
    display: block;
    margin-bottom: 3%;
  }
  .buy span,
  .linkButton .pink span {
    display: inline;
    padding-right: 26px;
    background-size: 14px;
  }
  .scene .button,
  .linkButton .pink {
    margin: 0 auto;
    padding: 0 1%;
    border-width: 4px;
  }
  .sceneBt,
  .linkButton .pink {
    height: 4em;
    width: 90%;
    padding-top: 0;
    line-height: 3.5em;
  }
  .sceneBt span,
  .linkButton .pink span {
    padding: 0 26px 0 0;
    font-size: 105%;
  }
  .blue span {
    background: url(../../img/shochiku/201507/shochiku_ic002.gif) no-repeat right center;
    background-size: 14px;
  }
  .scene .pink span {
    background: url(../../img/shochiku/201507/shochiku_ic003.gif) no-repeat right center;
    background-size: 14px;
  }
  .yellow span {
    background: url(../../img/shochiku/201507/shochiku_ic004.gif) no-repeat right center;
    background-size: 14px;
  }
  .linkButton .pink span {
    background: url(../../img/shochiku/201507/shochiku_ic006.gif) no-repeat right center;
    background-size: 14px;
  }
  .listBt {
    padding: 8px;
    width: 80%;
    font-size: 100%;
  }
  .button-jumbo {
    height: 4em;
    margin: 2% auto 4%;
    width: 90%;
    border-width: 4px; 
    line-height: 3.5em;
    font-size: 105%;
  }
}