@media screen and (min-width: 960px){

#topmain{
@include display-box;
@include box-pack(center);
@include box-align(center);
}

#topmainbox {
width:1024px;
height:600px;
margin:150px auto 0 auto;
}

#svgclick{
width:178px;
margin:0 auto;
}

.logo{
text-align:center;
}

#photo {
width: 100%;
height:600px;
overflow:hidden;
background-color:#000;
}

.am-wrapper {
    float: left;
    overflow: hidden;
    position: relative;
}

a {
    color: #1c1c1c;
    text-decoration: none;
}

#topmoviecon {
    height: 400px;
    overflow: hidden;
    width: 100%;
    z-index: 1;
margin-top: -88px;
}

.nexts{
margin-top:50px;
font-size:30px;
color:#aaa;
}

.topmovie {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    z-index: 1;
}

.topmovie iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
iframe {
    background-color: rgba(0, 0, 0, 0);
    border: 0 none;
    margin: 0;
    padding: 0;
    z-index: 1;
}

.mocha {
    left: 50%;
    margin-left: -138px;
    position: absolute;
    top: 5%;
    z-index: 500;
}


#omr {

    height: 400px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.omr_r {
    left: 50%;
    margin-left: -200px;
    position: absolute;
    top: 40%;
    z-index: 10;
}

h1{
color: #a0a0a0;
font-size:128px;
}

a{
color: #1c1c1c;
text-decoration:none;
}

#btn1 {
/* ボタンの文字 */
position:relative;
top: 0px;
left:8%;
font-size:110%;

transition: background-color 0.5s ease-in-out;
-webkit-transition: background-color 0.5s ease-in-out;
-moz-transition: background-color 0.5s ease-in-out;

}

#btn1:hover {
/* マウスオーバーの状態 */
cursor: pointer;

}

#btn1:active {
/* クリック中の状態 */
top: 183px;
}

#btn2 {
  /* ボタンの文字 */
position:relative;
top: 0;
left:23%;

transition: background-color 0.5s ease-in-out;
-webkit-transition: background-color 0.5s ease-in-out;
-moz-transition: background-color 0.5s ease-in-out;
}

#btn2:hover {
  /* マウスオーバーの状態 */
cursor: pointer;
}

#btn2:active {
  /* クリック中の状態 */
  top: 183px;
}


#btn3 {
  /* ボタンの文字 */
position:relative;
top: 0;
left:37%;

transition: background-color 0.5s ease-in-out;
-webkit-transition: background-color 0.5s ease-in-out;
-moz-transition: background-color 0.5s ease-in-out;
}

#btn3:hover {
  /* マウスオーバーの状態 */
cursor: pointer;
}

#btn3:active {
  /* クリック中の状態 */
  top: 183px;
}


#btn4 {
  /* ボタンの文字 */
position:relative;
top: 0;
left:55%;

transition: background-color 0.5s ease-in-out;
-webkit-transition: background-color 0.5s ease-in-out;
-moz-transition: background-color 0.5s ease-in-out;

}

#btn4:hover {
/* マウスオーバーの状態 */
cursor: pointer;
}

#btn4:active {
/* クリック中の状態 */
top: 183px;
}

#btn5 {
/* ボタンの文字 */
position:relative;
top: 0;
left:70%;

transition: background-color 0.5s ease-in-out;
-webkit-transition: background-color 0.5s ease-in-out;
-moz-transition: background-color 0.5s ease-in-out;

}

#btn5:hover {
/* マウスオーバーの状態 */
cursor: pointer;

}

#btn5:active {
/* クリック中の状態 */
top: 183px;

}

#btn6 {
  /* ボタンの文字 */
position:relative;
top: 0;
left:85%;

transition: background-color 0.5s ease-in-out;
-webkit-transition: background-color 0.5s ease-in-out;
-moz-transition: background-color 0.5s ease-in-out;

}

#btn6:hover {
/* マウスオーバーの状態 */
cursor: pointer;

}

#btn6:active {
/* クリック中の状態 */
top: 183px;

}

.am-wrapper {
float: left;
overflow: hidden;
position: relative;
}

#maincon {
padding-top:150px;
font-size: 24px;
line-height: 42px;
}

#maincon span {
text-align:center;
font-size: 36px;
}

.main_umenu{
font-size:120%;
letter-spacing: 1px;
}

.main_menu{
display:block;
}

#obj01{
margin-top:50px;
text-align:center;
}

.pocontit{
letter-spacing: 1px;
font-size: 40px;
}

.section{
text-align:center;
margin:150px auto 0 auto;
}

.section01{
text-align:center;
margin:150px auto 0 auto;
}

.section02{
text-align:center;
margin:0 auto 50px auto;
}

.subtit{
font-size:14px;
margin:-50px auto 50px auto !important;
}

.subtit2{
font-size:12px;
margin:-70px auto 100px auto !important;
}

}

/* ALL（共通） */
.box{width: 160px; height: 160px; line-height: 160px; text-align: center; position: relative; float:left; margin-right:10px;}
.bd div{background: #000; position:absolute;-webkit-transition:all 0.3s;transition:all 0.3s;}
.bd div.bdT{width: 100%; height:2px; top:0; left:0;}
.bd div.bdB{width: 100%; height:2px; bottom:0; right:0;}
.bd div.bdR{height:100%; width :2px; right:0; top:0;}
.bd div.bdL{height:100%; width :2px; left:0; bottom:0;}

.bd11 div{display: none;}
.bd11 {border: 2px solid #000; height: 100%; width: 100%; position: absolute; top: 0;-webkit-transition:all 0.3s;transition:all 0.3s;}
.box:hover .bd11 {-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transform:rotate(180deg); transform:rotate(180deg);border-radius: 50%;}


/*! Lity - v1.5.0 - 2015-09-22
* http://sorgalla.com/lity/
* Copyright (c) 2015 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
       -o-transition: opacity 0.3s ease;
          transition: opacity 0.3s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
       -o-transition: opacity 0.3s ease;
          transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
       -o-transition: -o-transform 0.3s ease;
          transition: transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
}
.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close:active {
  top: 1px;
}
/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}
/* iFrame */
.lity-iframe .lity-container {
  width: 100%;
  max-width: 964px;
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.lity-hide {
  display: none;
}