@charset "UTF-8";
@media (max-width:768px){

a{
display:block;
-moz-transition-duration:0;
-webkit-transition-duration:0;
-o-transition-duration:0;
-ms-transition-duration:0;
transition-duration:0;
}

/* =========================================================
Rules
=========================================================== */
.sponly{
display:block;
}
.pconly{
display:none;
}

  
/*---------------------------------
	#loader
---------------------------------*/
#l_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 200px !important;
}


/*---------------------------------
	layout
---------------------------------*/
#wrapper {
  position: relative;
  width: 100%;
  height: initial;
  /*height: 56.25vw;
  height: 200.0vw;*/
  min-width: 0px;
  /*overflow:hidden;*/
  border-bottom: 0px solid #555;
  padding-bottom: 5.0vw;
}

.black_line1 {
  background-color: #000;
  position: absolute;
  width: 100%;
  height: 9.0vw;
  z-index: 11;
}

.black_line2 {
  background-color: #000;
  position: absolute;
  width: 100%;
  height: 4vw;
  bottom: 0px;
  z-index: 11;
}

#movie_wrapper_sp {
  position: relative;
  width: 100%;
  /*height: 56.25vw;*/
  /*height: 110.0vw;*/
  /*height: 173.0vw;*/
  height: 177.7vw;
  z-index: -10;
}
    
#cover_sp {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: -20;
}
  
#cover_sp img {
  width: 100%;
  height: auto;
}

#bg-movie {
  /*margin-top: -20.0vw;*/
}

#logo_sammy {
  position: absolute;
  width: 22%;
  height: auto;
  left: 3px;
  top: 6px;
  z-index: 100;
}

#logo_sammy_50 {
  position: absolute;
  width: 30%;
  height: auto;
  left: 3px;
  top: 6px;
  z-index: 100;
}

#main_logo {
  position: absolute;
  width: 50%;
  height: auto;
  margin: 0 auto;
  right: 4px;
  top: 134.0vw;
  z-index: 100;
}

#btn_area {
  position: relative;
  display: block;
  left: initial;
  bottom: initial;
  z-index: 200;
  margin: 0 auto;
  margin-top: -55vw;
  width: 100%;
  padding-bottom: 370px;
}

#btn_area li {
  margin-right: initial;
  margin-bottom: 10px;
}

.btn_sell {
  /*margin-right: 5px;*/
  width: 100%;
}


/*⑤各ボタン_SP*/
a.btn_p01 {
  margin: 0 auto !important;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 40px;
  position: relative;
  background: #b60005;
  border: 1px solid #ef001e;
  box-sizing: border-box;
  padding: 0 25px 0 40px;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
}
a.btn_p01:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 20px;
  left: 10px;
  margin-top: -6px;
}
a.btn_p01:hover {
  background: #fff;
  color: #ef001e;
}
a.btn_p01:hover:before {
  border-top: 2px solid #ef001e;
  border-right: 2px solid #ef001e;
}

.btn_p02 {
  margin: 0 auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 40px;
  position: relative;
  background: #007c36;
  border: 1px solid #009749;
  box-sizing: border-box;
  padding: 0 25px 0 40px;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
}
  
.copyright_sp {
  position: relative;
  color: #fff;
  font-size: 10px;
  line-height: 0% !important;
}

  
#main_copyright_sp {
  position: relative;
  width: 80%;
  z-index: 100;
  margin: 0 auto;
  padding-top: 3.0vw;
  padding-bottom: 1.0vw;
}

.btn_p02 #selectbox {
  font-size: 14px;
  width: 100px;
  height: 22px;
  margin-left: 8px; 
}
.btn_p02 #search_btn {
  display: inline-block;
  border-radius: 4px;
  font-size: 11pt;
  text-align: center;
  cursor: pointer;
  background: #000;
  color: #fff;
  border: 0px;
  width: 60px;
  height: 24px;
}

  
.icon_area_sp {
  position: relative;
  width: 70%;
  display:flex;
  z-index: 100;
  margin: 0 auto;
  padding-top: 1.0vw;
  padding-bottom: 5.0vw;
}
  
.icon_area_sp li {
  margin: 10px;
}

.icon_area_sp li img {
  /*height: 100%;*/
}

  /*#icon_area {
    display: none;
  }
  */
  
  
  
/* =========================================================
Clearfix
=========================================================== */
/* =========================================================
Laytout
=========================================================== */
.l-container{
position:relative;
width:auto;
min-width:0;
}

* =========================================================
Header
=========================================================== */
.l-header{
position:relative;
top:auto;
left:auto;
width:100%;
min-width:0;
background:#000000;
}
.l-header__sammy{
width:25%;
background-color:transparent;
}
.l-header__sammy a{
padding:3%;
}
.l-header__sammy a:hover{
opacity:1; 
}

.l-header__digital{
position:relative;
margin-left:auto;
width:25%;
height:auto;
display:block;
}
.l-header__spmenu{
position:absolute;
top:120%;
right:10px;
margin-left:auto;
width:64px;
height:64px;
display:block;
z-index:100;
}
.l-header__spmenu.UpMove{
position:absolute;
top:120%;
right:10px;
}
.l-header__spmenu.fixedSPMenu{
position:fixed;
top:10px;
}
.l-header__spmenu a{
-moz-transition-duration:.5s;
-webkit-transition-duration:.5s;
-o-transition-duration:.5s;
-ms-transition-duration:.5s;
transition-duration:.5s;
opacity:1;
}
.l-header__spmenu a.clearBtn{
opacity:0;
}

/* =========================================================
Header MENU
=========================================================== */
.l-header__menu{
display:none;
}

/* =========================================================
SP MENU
=========================================================== */
ul.l-spmenu{
position:relative;
margin:0 auto;
padding:0;
width:92%;
font-size:0;
line-height:1;
display:flex;
flex-wrap:wrap;
}
ul.l-spmenu li{
position:relative;
margin:0 0 10px;
width:50%;
display:inline-block;
vertical-align:bottom;
}
ul.l-spmenu li.x2{
width:100%;
}
ul.l-spmenu li:after{
position:absolute;
content:" ";
top:2%;
right:2%;
width:22%;
height:100%;
background:url("../../img/menu/new.png") left top no-repeat;
background-size:100% auto; 
}
ul.l-spmenu li.x2:after{
right:1%;
width:11%;
}

/* =========================================================
Content
=========================================================== */
.l-content{
min-width:0;
}
.l-content-pc{
display:none;
}
.l-content-sp{
display:block;
}

  
/* =========================================================
Footer
=========================================================== */
.l-footer{
/*background-color: black;*/
min-width:0;
}
.l-footer__box{
border-top:1px solid #484848;
margin:0 auto;
padding:15px 15px 20px;
width:auto;
align-items:normal;
display:block;
text-align: center;
}

.l-footer__box-l{
position:relative;
margin:0 auto 15px;
width:55%;
}
.l-footer__box-r{
position:relative;
margin:0 auto;
width:90%;
text-align:center;
}

.l-footer__bnr{
padding:20px 0 13px;
width:84%;
}
.l-footer__bnr li{
margin:0 0 12px;
width:100%;
}
.l-footer__bnr li a,
.l-footer__bnr li a.sponly{
position:relative;
vertical-align:bottom;
display:flex;
}
.l-footer__bnr li a.pconly{
display:none;
}
.l-footer__bnr li a .l-footer__bnr-cap .inner{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
padding:8px;
font-size:2.8vw;
line-height:1.5;
color:#000000;
word-break:break-all;
overflow:hidden;
}
.l-footer__bnr li a .l-footer__bnr-cap .inner span{
margin:0 0 6px;
padding:0 0 3px;
font-size:3.1vw;
color:#000000;
border-bottom:1px solid #484848;
display:block;
vertical-align:bottom;
}
.l-footer__bnr li:nth-of-type(3n){
margin:0 0 12px;
}
.l-footer__sns li a:hover,
.l-footer__bnr li a:hover{
opacity:1; 
}

/* =========================================================
Footer MENU
=========================================================== */
ul.l-footer__menu{
position:relative;
margin:0 auto;
padding:20px 4% 10px;
font-size:0;
line-height:1;
background:#333333;
display:flex;
flex-wrap:wrap;
}
ul.l-footer__menu li{
position:relative;
margin:0 0 10px;
width:50%;
display:inline-block;
vertical-align:bottom;
}
ul.l-footer__menu li.x2{
width:100%;
}
ul.l-footer__menu li:after{
position:absolute;
content:" ";
top:2%;
right:2%;
width:22%;
height:100%;
background:url("../../img/menu/new.png") left top no-repeat;
background-size:100% auto; 
}
ul.l-footer__menu li.x2:after{
right:1%;
width:11%;
}

/* =========================================================
Movie
=========================================================== */
#yt-content01,
#yt-content02,
#yt-content03,
#yt-content04,
#yt-content05,
#yt-content06,
#yt-content07,
#yt-content08,
#yt-content09,
#yt-content10{
position:relative;
padding:0;
width:320px;
height:180px;
overflow:hidden;
}


/*---------------------------------
	accordion_sp
---------------------------------*/
.toggle {
	display: none;
}

.Label {		/*タイトル*/
  margin: 0 auto !important;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 40px;
  position: relative;
  background: #b60005;
  border-top: 1px solid #ef001e;
  border-left: 1px solid #ef001e;
  border-right: 1px solid #ef001e;
  box-sizing: border-box;
  padding: 0 25px 0 40px;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
}

.Label::before{		/*タイトル横の矢印*/
	content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 20px;
  left: 10px;
  margin-top: -6px;
}

.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}

.content {		/*本文*/
  margin: 0 auto !important;
	height: 0;
	overflow: hidden;
  background-color: #000;
  border: 1px solid #ef001e;
  width: 90%;
}

.content ul {
  display: flex;
  padding: 5px;justify-content: center;
}

.content li {
  padding: 5px;
  font-size: 14px;
  text-align: center;
  color: #ddd;
  width: 50%;
}

.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:0px ;
	transition: all .3s;
}
  
.toggle:checked + .Label::before {
	transform: rotate(135deg) !important;
}

  
/*---------------------------------
	slick_sp
---------------------------------*/
.section {
  max-width: 100%;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 30px;
}

.slick-list{
  padding-bottom: 50px;
}
  
.slick-dots{
}
  
.slick-dots li {
  margin: 4px !important;
}
  
.slick-dots li button {
  margin-top: 10px !important;
}
  
.slick-dots li button:before {
  margin-top: 20px !important;
  font-size: 12px;
}

  
  
  
  
  
  
}