@charset "UTF-8";


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

/*---------------------------------
	#loader
---------------------------------*/
#loader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  width: 100%;
  height: 100%;
  background: #000;
}

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

#l_box img  {
  width: 100%;
  height: auto;
}


/*---------------------------------
	layout
---------------------------------*/
body {
  background:#000;
}

#logo_sammy {
  position: absolute;
  width: 125px;
  height: auto;
  left: 8px;
  top: 10px;
  z-index: 100;
}

#logo_sammy_50 {
  position: absolute;
  width: 180px;
  height: auto;
  left: 8px;
  top: 10px;
  z-index: 100;
}

#wrapper {
  position: relative;
  width: 100%;
  /*height: 56.25vw;*/
  height: 48.0vw;
  min-width: 1024px;
  /*overflow:hidden;*/
}

#movie_wrapper {
  position: absolute;
  width: 100%;
  /*height: 56.25vw;*/
  /*height: 48vw;*/
  height: 100%;
  z-index: -10;
}

#cover_pc {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: -20;
}

#cover_pc img {
  width: 100%;
  height: auto;
  margin-top: -4%;
}

.dots {
  content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0);
  background-image: radial-gradient(#111 3%, transparent 0%), radial-gradient(#111 30%, transparent 0%);
	/*background-image: radial-gradient(#111 30%, transparent 31%), radial-gradient(#111 30%, transparent 31%);*/
	background-size: 4px 4px;
	background-position: 0 0, 2px 2px;
  z-index: 10;
  opacity: 0.4;
}

#bg-movie {
  position: relative;
  width: 100%;
}

#wrapper_inner {
  position: absolute;
  width: 1024px;
  /*height: 600px;*/
  left: 10px;
  bottom: 5px;
  z-index: 10;
}

#main_logo {
  position: absolute;
  width: 250px;
  height: auto;
  right: 10px;
  top: 0px;
  z-index: 100;
}

#btn_area {
  position: absolute;
  display:flex;
  left: 10px;
  bottom: 10px;
  width: 70.2%;
  height: 40px;
  z-index: 200;
}

.btn_sell {
  margin-right: 5px;
  width: 16%;
}

.btn_sell:nth-child(4)  {
  white-space: nowrap;
  min-width: 130px;
}

/*⑤各ボタン_PC*/
a.btn_p01 {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  /*width: 130px;*/
  width: 100%;
  height: 40px;
  position: relative;
  background: #b60005;
  border: 1px solid #ef001e;
  box-sizing: border-box;
  padding: 0 10px 0 18px;
  color: #fff;
  font-size: 14px;
  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: 4px;
  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;
}
#footerrnav,
.gmenu,
.gmenu li {
  width: 100%;
}


.btn_p02 {
  display: flex;
  justify-content: center;
  align-items: center;
  /*width: 260px;*/
  width: 245px;
  height: 40px;
  position: relative;
  background: #007c36;
  border: 1px solid #009749;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
  /*
  text-align: left;
  padding: 0 25px 0 40px;
  */
}

.btn_p02 #selectbox {
  font-size: 13px;
  width: 80px;
  height: 22px;
  margin-left: 8px;
  /*
  min-width: 230px;
  height: 2.8em;
  appearance: none;
  padding: .4em calc(.8em + 30px) .4em .8em;
  border: 1px solid #d0d0d0;
  background-color: #fff;
  color: #333333;
  font-size: 1em;
  */
  border: 0px;
  border-radius: 4px;
  
  cursor: pointer;
}

.btn_p02 #search_btn {
  display: inline-block;
  border-radius: 4px;
  font-size: 1opt;
  text-align: center;
  cursor: pointer;
  background: #000;
  color: #fff;
  border: 0px;
  width: 60px;
  height: 24px;
}

.btn_p02 img {
  height: 20px;
  margin-left: 5px;
}

#mark_area {
  position: absolute;
  left: 10px;
  bottom: 10px;
  height: 50px;
  display:flex;
  z-index: 100;
}

#mark_area li {
  margin-right: 10px;
}

#mark_area li img {
  height: 100%;
}

.icon_area {
  position: absolute;
  right: 10px;
  bottom: 10px;
  /*height: 115px;*/
  z-index: 100;
  
}

.icon_area li {
  margin-top: 10px;
}

.icon_area li img {
  height: 80px;
  margin-left: auto;
}


/*---------------------------------
	sns
---------------------------------*/
#links {
  position: relative;
  width: 100%;
  height: 70px;
  min-width: 1024px;
  background-color: rgba(0, 0, 0, 1);
}

#links_inner {
  position:relative;
  margin:0 auto;
  width: 700px;
  /*width: 1024px;
  /*padding:15px 18%;
  align-items:center;
  border-bottom:1px solid #484848;*/
  display:flex;
  padding-top: 11px;
}

#links_box-l {
  position: relative;
  width:32.5%;
}

#links_box-r {
  position: relative;
  margin-left: auto;
  width: 64.5%;
}

#links_sns {
  position: relative;
  font-size: 0;
  line-height: 1;
  display: flex;
}

#links_sns li {
  position: relative;
  margin: 0 2% 0 0;
  width: 24%;
  display: inline-block;
  vertical-align: bottom;
}

#links_sns li:last-child {
  margin: 0;
  width: 48%;
}

#links_box-r img {
  margin-top: 4px;
}


/* =========================================================
copyright
=========================================================== */
.c-footer{
  position: relative;
  width:100%;
  min-width:1024px;
  background-color: #000;
}

.c-footer__box{
position:relative;
margin:0 auto;
/*padding-top:10px;*/
padding:10px;
background:#000000;
border-bottom:1px solid #484848;
  text-align: center;
}

.copyright_pc {
  color: #fff;
  font-size: 12px;
}


#main_copyright {
  position: relative;
  width: 500px;
  margin: 0 auto;
  z-index: 100;
}


/* =========================================================
Footer
=========================================================== */
.l-footer{
  position:relative;
  width:100%;
  min-width:1024px;
  background-color: #222;
}

.l-footer__box{
position:relative;
margin:0 auto;
padding:10px 18%;
align-items:center;
background:#000000;
border-bottom:1px solid #484848;
display:flex;
}

.l-footer__box-l{
position:relative;
width:32.5%;
}

.l-footer__box-r{
position:relative;
margin-left:auto;
width:64.5%;
}


.l-footer__sns{
position:relative;
font-size:0;
line-height:1;
display:flex;
}

.l-footer__sns li{
position:relative;
margin:0 2% 0 0;
width:24%;
display:inline-block;
vertical-align:bottom;
}
.l-footer__sns li:last-child{
margin:0;
width:48%;
}

.l-footer__copy{
position:relative;
margin:0 0 5px;
width:100%;
}
.l-footer__r18{
position:relative;
width:100%;
}

.l-footer__bnr{
position:relative;
margin:0 auto;
padding:20px 10% 8px;
font-size:0;
line-height:1;
text-align:center;
display:flex;
flex-wrap:wrap;
}
.l-footer__bnr li{
position:relative;
margin:0 1.25% 12px 0;
width:32.5%;
font-size:0;
line-height:1;
text-align:left;
background:linear-gradient(#ffffff,#ebebeb);
border:1px solid #484848;
display:inline-block;
vertical-align:bottom;
}
.l-footer__bnr li a,
.l-footer__bnr li a.pconly{
position:relative;
vertical-align:bottom;
display:flex;
}
.l-footer__bnr li a.sponly{
display:none;
}
.l-footer__bnr li a .l-footer__bnr-img{
position:relative;
width:40%;
vertical-align:bottom;
}
.l-footer__bnr li a .l-footer__bnr-cap{
position:relative;
width:60%;
border-left:1px dotted #484848;
vertical-align:bottom;
}
.l-footer__bnr li a .l-footer__bnr-cap .inner{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
padding:8px;
font-size:0.85vw;
line-height:1.5;
color:#000000;
word-break:break-all;
overflow:hidden;
}
.l-footer__bnr li a .l-footer__bnr-cap .inner span{
position:relative;
margin:0 0 6px;
padding:0 0 3px;
font-size:0.95vw;
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:0.6; 
}

/* =========================================================
Footer MENU
=========================================================== */
.l-footer__menu{
display:none;
}

/* =========================================================
Movie
=========================================================== */
.mv{
position:relative;
margin-bottom:20px;
padding-bottom:56.25%; /* 16/9 ratio */
height:0;
overflow:hidden;
}
.mv iframe{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100% !important;
height:100% !important;
}
#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:854px;
height:481px;
overflow:hidden;
}


/*---------------------------------
	accordion_pc
---------------------------------*/
ul.gmenu {
  margin: 0;
  padding: 0;
  /*background-color: #000000;*/
}
 
ul.gmenu > li {
  display: inline-block;
  /*padding: 5px;
  font-weight: bold;*/
}

ul.gmenu > li a {
  color: #ffffff;
}
 
/* サブメニュー */
ul.gmenu ul {width: 150%;
  display: none;
}
 
ul.gmenu > li:hover ul {
  display: block;
  height: auto;
  position: absolute;
  background-color: rgba(0, 0, 0, 1);
  border: 1px solid #ef001e;
  /*padding: 5px;
  margin-left: -5px;*/
}

ul.gmenu ul > li {
  display: block;
  text-align: center;
  padding: 15px 20px 10px 20px;
  font-size: 14px;
  /*color: #ef001e;*/
  color: #ddd;
}

ul.gmenu ul > li:last-child {
  padding-top: 0px;
}

/*
ul.gmenu li:hover {
  background-color: #666666;
}
*/

#footerrnav ul.gmenu > li {
  position: relative;
}

#footerrnav ul.gmenu > li:hover ul {
  bottom: 39px;
  white-space: nowrap;
}

.m_title {
  color: #ef001e !important;
}


/*---------------------------------
	slick_pc
---------------------------------*/
.section {
  width: 50%;
  min-width: 600px;
  max-width: 700px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 10px;
}

.sliderArea {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 25px;
}

.sliderArea.w300 {
  max-width: 300px;
}

.slick-slide {
  margin: 0 5px;
}

.slick-slide img {
  width: 100%;
  height: auto;
}

.slick-prev, .slick-next {
  z-index: 1;
}

.slick-prev:before, .slick-next:before {
  color: #fff;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .3;
}

.slick-active {
  opacity: 1;
}

.slick-current {
  opacity: 1;
}

.thumb {
  margin: 20px 0 0;
}

.thumb .slick-slide {
  cursor: pointer;
}

.thumb .slick-slide:hover {
  opacity: .7;
}

.slick-dots {
  color: #fff !important;
}

.slick-dots li.slick-active button:before {
  color: #fff !important;
}

.slick-dots li button:before {
  margin-top: 5px !important;
  color: #fff !important;
  font-size: 10px;
}

.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.8);
}