@charset "UTF-8";

/*
こちらのファイルに、各機種用のCSSを記載してください。
以下はサンプルのCSSとなりますのでそのまま使用せず、必要に応じて削除・編集を行ってください。
*/
.contents{
  position: relative;
  /*text-align:center;
  padding:40px 0;
  background-color:#f3f3f3;
  min-height: 60vh;*/
}
.machine_search{
  position:absolute;
  bottom:0;
  height: 40px;
  width:100%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.machine_search p{
  display: inline-block;
  margin-right:1rem;
}

/* SMARTPHONE
----------------------------------------------------------- */
@media screen and (max-width: 768px){
    .contents{
        font-size: 1.6rem;
    }
}




/* CUSTOM
----------------------------------------------------------- */


header, footer {
    width: 100%;
    position: relative;
    min-width: 2000px;
}
@media screen and (max-width: 768px) {
    header, footer {
      min-width: inherit;
    }
}

li {
    list-style: none;
}

a {
	transition: .5s;
}
a:hover {
	opacity: 0.75;
	transition: .5s;
}


.pc {
    min-width: 2000px;
    background-color: #000;
    display: block;
}
.sp {
    display: none;
}
@media screen and (max-width: 768px){
	.pc {
	    display: none;
	}
	.sp {
	    display: block;
	}
}



/* PC nav
----------------------------------------------------------- */

#nav_pc {
	background: url(../img/common/pc/menu_bg.png) center center no-repeat;
	background-size: cover;
	padding: 10px 0;
}
#nav_pc ul {
    width: 1300px;
	margin: 0 auto;
	line-height: 0;
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 3px 0;
}


/* PC contents
----------------------------------------------------------- */

#contents_pc {
    max-width: 2000px;
	min-width: 2000px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#contents_pc:before {
    display: block;
    content: '';
    width: calc(100% + 10px);
    height: 100%;
    position: absolute;
    top: 0;
	left: -5px;
	box-shadow: -40px 0px 20px -20px rgba(0,0,0,1) inset ,40px 0px 20px -20px rgba(0,0,0,1) inset;
}
@media screen and (max-width: 2000px){
    #contents_pc:before {
	    display: none;
    }
}

.inner_pc {
    width: 2000px;
	height: 100%;
	margin: 0 auto;
	line-height: 0;
	position: relative;
	/*overflow: hidden;*/
}

/* PC toBボタン
----------------------------------------------------------- */

.toB_btn_pc {
    padding: 40px 0;
    line-height: 0;
    border-top: #fff 3px solid;
}
.toB_btn_pc ul {
    width: 820px;
    margin: 0 auto;
    line-height: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


/* PC TOP
----------------------------------------------------------- */

.top_box_pc {
    background: url(../img/top/pc/main_bg.png) center 0 no-repeat;
	background-size: 2000px 1078px;
	height: 1078px;
}

.pc .top_smapachi {
    position: absolute;
	bottom: 30px;
	left: 680px;
}
.pc .top_lt30 {
    position: absolute;
	bottom: 30px;
	left: 780px;
}
.pc .top_eco {
    position: absolute;
	bottom: 20px;
	left: 930px;
}
.pc .top_complete {
    position: absolute;
	bottom: 30px;
	left: 350px;
}
.pc .top_copyright {
    position: absolute;
	bottom: 140px;
	left: 360px;
}
.pc .top_pv {
    position: absolute;
	bottom: 40px;
	right: 350px;
}


/* PC 楽曲紹介
----------------------------------------------------------- */

.music_box_pc {
    background: url(../img/music/pc/main_bg.png) center 0 no-repeat;
	background-size: 2000px 1086px;
	height: 1086px;
}


/* PC コンテンツ紹介
----------------------------------------------------------- */

.intro_box01_pc {
    background: url(../img/intro/pc/main_bg-01.png) center 0 no-repeat;
	background-size: 2000px 1015px;
	height: 1015px;
}
.intro_box02_pc {
    background: url(../img/intro/pc/main_bg-02.png) center 0 no-repeat;
	background-size: 2000px 1093px;
	height: 1093px;
}
.intro_box03_pc {
    background: url(../img/intro/pc/main_bg-03.png) center 0 no-repeat;
	background-size: 2000px 2081px;
	height: 2081px;
}


/* PC 特徴
----------------------------------------------------------- */

.feature_box01_pc {
    background: url(../img/feature/pc/main_bg-01.png) center 0 no-repeat;
    background-size: 2000px 1095px;
	height: 1095px;
}
.feature_box02_pc {
    background: url(../img/feature/pc/main_bg-02.png) center 0 no-repeat;
    background-size: 2000px 1527px;
	height: 1527px;
}


/* PC スペック
----------------------------------------------------------- */

.spec_box01_pc {
    background: url(../img/spec/pc/main_bg-01.png) center 0 no-repeat;
	background-size: 2000px 1286px;
	height: 1286px;
}
.spec_box02_pc {
    background: url(../img/spec/pc/main_bg-02.png) center 0 no-repeat;
	background-size: 2000px 2203px;
	height: 2203px;
}


/* PC ゲームフロー
----------------------------------------------------------- */

.flow_box01_pc {
    background: url(../img/flow/pc/main_bg-01.png) center 0 no-repeat;
	background-size: 2000px 2052px;
	height: 2052px;
}
.flow_box02_pc {
    background: url(../img/flow/pc/main_bg-02.png) center 0 no-repeat;
	background-size: 2000px 2044px;
	height: 2044px;
}


/* PC 通常時演出
----------------------------------------------------------- */

.direction_box01_pc {
    background: url(../img/direction/pc/main_bg-01.jpg) center 0 no-repeat;
	background-size: 2000px 2221px;
	height: 2221px;
}
.direction_box02_pc {
    background: url(../img/direction/pc/main_bg-02.jpg) center 0 no-repeat;
	background-size: 2000px 2448px;
	height: 2448px;
}
.direction_box03_pc {
    background: url(../img/direction/pc/main_bg-03.jpg) center 0 no-repeat;
	background-size: 2000px 3353px;
	height: 3353px;
}
.direction_box04_pc {
    background: url(../img/direction/pc/main_bg-04.png) center 0 no-repeat;
	background-size: 2000px 1140px;
	height: 1140px;
}


/* PC SPECIAL LycoReco RUSH
----------------------------------------------------------- */

.rush_box01_pc {
    background: url(../img/rush/pc/main_bg-01.jpg) center 0 no-repeat;
	background-size: 2000px 2977px;
	height: 2977px;
}
.rush_box02_pc {
    background: url(../img/rush/pc/main_bg-02.jpg) center 0 no-repeat;
	background-size: 2000px 2363px;
	height: 2363px;
}
.rush_box03_pc {
    background: url(../img/rush/pc/main_bg-03.jpg) center 0 no-repeat;
	background-size: 2000px 3801px;
	height: 3801px;
}


/* PC アルティメットドライブ
----------------------------------------------------------- */

.ud_box01_pc {
    background: url(../img/ud/pc/main_bg-01.jpg) center 0 no-repeat;
	background-size: 2000px 1282px;
	height: 1282px;
}
.ud_box02_pc {
    background: url(../img/ud/pc/main_bg-02.jpg) center 0 no-repeat;
	background-size: 2000px 1920px;
	height: 1920px;
}
.ud_box03_pc {
    background: url(../img/ud/pc/main_bg-03.jpg) center 0 no-repeat;
	background-size: 2000px 2397px;
	height: 2397px;
}


/* PC チンアナゴボーナス
----------------------------------------------------------- */

.bonus_box_pc {
    background: url(../img/bonus/pc/main_bg.png) center 0 no-repeat;
	background-size: 2000px 2532px;
	height: 2532px;
}


/* PC ギンレポ
----------------------------------------------------------- */

.ginrepo_box_pc {
    background: url(../img/ginrepo/pc/main_bg.png) center 0 no-repeat;
	background-size: 2000px 2543px;
	height: 2543px;
}











/* SP nav
----------------------------------------------------------- */

#nav_sp {
	background: url(../img/common/sp/menu_bg.png) center top no-repeat;
	background-size: cover;
	padding: 5% 2%;
}
#nav_sp ul {
    line-height: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#nav_sp li {
    width: 49.5%;
    margin-bottom: 1%;
}
#nav_sp li:first-child {
    width: 100%;
}


/* SP contents
----------------------------------------------------------- */

.sp img {
    width: 100%;
	height: auto;
}

.inner_sp {
    width: 100%;
	height: 100%;
	position: relative;
	line-height: 0;
	overflow: hidden;
}

/* SP toBボタン
----------------------------------------------------------- */

.toB_btn_sp {
	background-color: #000;
	padding: 5%;
	line-height: 0;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.toB_btn_sp li {
	width: 49%;
}


/* SP TOP
----------------------------------------------------------- */

.sp .top_eco {
    width: 10%;
    position: absolute;
	top: 1.5%;
	left: 2%;
}
.sp .top_smapachi {
    width: 12%;
    position: absolute;
	top: 66%;
	right: 32%;
}
.sp .top_lt30 {
    width:18%;
    position: absolute;
	top: 66%;
	right: 12%;
}
.sp .top_complete {
    width: 40%;
    position: absolute;
	top: 66%;
	left: 12%;
}
.sp .top_copyright {
    width: 60%;
    position: absolute;
	top: 63%;
	left: 20%;
}
.sp .top_pv {
    width: 94%;
    position: absolute;
	bottom: 1.5%;
	left: 3%;
}

.sp .toB_btn_sp {
	bottom: 10%;
}