@charset "UTF-8";
/*トップページのテキスト枠調整*/
    div #mainImg.koryakuoImg {
    margin: 0 auto -20px;
}
.inner p {
  width: 90%;
  margin: 0 auto;
    padding: 8px 0 24px;
  text-align: center;
}
.inner p strong{
    display: inline;
    color: #FF0;
}
.mov li{
    width: 80%;
    margin: 0 auto;
        font-size: 0;
    text-align: center;

} 
.mov li{
    display: inline-block;
    width: 30%;
    font-size: 0;
}
.mov li .movie {
    width: 96%;
    margin: 0 auto;
}

.mt {
    margin: 36px auto 0;
}
p img {
	margin-right: 7px;
	vertical-align: bottom;
}
.slide {display: none}

/*------------------------------------------------------------*/
/*高解像度ディスプレイ用設定*/
/*------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /*----------------------------------------高解像度ディスプレイ-end@media*/
}
/*------------------------------------------------------------*/
/*SP設定*/
/*------------------------------------------------------------*/
@media screen and (max-width: 667px) {
    div #mainImg.koryakuoImg {
    width: 100%;
    background: url(_img/main_koryakuo@2x.png) no-repeat center top/100% auto;
    padding-top: calc(100%*390/1000);
    margin: -20px auto -50px;
}
    p img {
	margin-right: 7px;
	vertical-align: bottom;
}
    
    
.inner p {
  width: 90%;
  margin: 0 auto;
    padding: 8px 0 12px;
  text-align: center;
}
.inner p strong{
    display: inline;
    color: #FF0;
}
.mov li{
    width: 90%;
    margin: 0 auto;
        font-size: 0;
    text-align: center;

} 
.mov li{
    display: inline-block;
    width: 100%;
    font-size: 0;
}
.mov li .movie {
    width: 96%;
    margin: 0 auto;
}

.mt {
    margin: 18px auto 0;
}
    .slide {display: none}
}