@charset "UTF-8";


body {
background: #fff;
color: #000;
position: relative;
}
.members {
  padding-top: 100px;
  margin-top: 0px;
}

.bgBox {
position: fixed;
width:100vw;
height:100vh;
z-index:0;
top: 0;
left: 0;
}

.bgBox:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    z-index: 0;
    background: url(/static/theoralcigarettes/official-pc/orutanwosagase/img/bg_main_Ef9bm8Uu.jpg);
    background-size: cover;
    background-position: 50% 100%;
}

.red {
    color: #fe0000;
}

/*
.detail #main {
    width: 90%;
    max-width: 800px;
    line-height: 1.8;
    letter-spacing: .05em;
    padding: 0;
    margin: 0 auto;
}
*/
.detail #main {
    max-width: 900px;
    line-height: 1.8;
    letter-spacing: .05em;
}
.inr {
    max-width: 100%;
}


.phmain{
margin: 0 auto 50px;
}

.main_tit {
    line-height: 1.2;
    font-family: "pf-fuel-decay", sans-serif;
    font-weight: 400;
    font-size: 70px;
    text-align: center;
    padding: 0;
    letter-spacing: 0;
}

.introBox {
    background: #383838;
    padding: 20px;
    margin: 50px auto;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    position: relative;
}

.lead {
text-align: center;
font-weight: bold;
font-size: 18px;
position: relative;
}

.txt{

}


.introBox .limitBox{
background: #d80015;
color: #fff;
margin: 10px 0 0;
padding: 5px;
}
.sub {
  padding: 10px 0 0;
  font-size: 85%;
  font-weight: normal;
}

.btn {
    margin: 0px auto 20px;
}
.btn a {
    font-size: 16px;
    color: #000;
    text-align: center;
    text-decoration: none;
    width: 100%;
    max-width: 380px;
    border: #000 1px solid;
    padding: 22px;
    display: block;
    margin: 0 auto;
    background: #fe0000;
    color: #fff;
    border-radius: 15px;
}


.introBox .btn {
  margin: 20px auto 30px;
}


.content{
margin: 0 auto 100px;
}

.btn_wrap{
padding: 0;
text-align: center;
margin: 0 auto 50px;
position: relative;
}
.btn_wrap .btn_lead{
font-weight: 500;
line-height: 1.7;
margin-bottom: 10px;
}
.btn_wrap .btn_desc{
text-align: center;
font-size: 12px;
margin-bottom: 20px;
}

.btn_wrap .btn a {
font-weight: 700;
font-style: normal;
color: #fff;
}

.btn.btn_fc a {
    background: #383838;
}

.attentionBox {
    border: solid 1px;
    padding: 40px;
    margin: 0 auto 50px;
    position: relative;
    background: #fff;
}

.attentionTit {
text-align: center;
position: relative;
line-height: 1;
margin-bottom: 15px;
letter-spacing: 0.1em;
border-bottom: 1px dotted;
padding-bottom: 15px;
}

ul.attentionList {

}
ul.attentionList li {
padding: 5px 0 0px 1em;
text-indent: -1em;
font-size: 90%;
}

.psnlara,
.members #header,
.members .memberMenu,
#footer nav {
display: none!important;
}


.members #footer{
  border: none!important;
}


.member {
    font-weight: 800;
    font-style: normal;
    text-align: center;
    font-size: 20px;
    padding: 0;
    margin: 0 auto 5px;
    letter-spacing: 0.02em;
}

.section_inner {
  position: relative;
  z-index: 5;
  opacity:0;
  filter: blur(20px);
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.section_inner:before{

}

.loaded .section_inner {
  opacity:1;
  filter: blur(0);

}



#footer p {
color: #000;
}


.prize_wrap {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.prize_list {
    display: flex;
    justify-content: center;
    position: relative;
    padding: 55px 30px 30px;
    background: #383838;
    gap: 3%;
}

.prize_list:first-child {
    width: 63.5%;
}
.prize_list:last-child {
    width: 35%;
    height: 100%;
}

.prize_list li {
    width: 48.5%;
}

.prize_list:last-child li {
    width: 100%;
}

.prize_desc {
    position: absolute;
    background: #fe0000;
    color: #fff;
    line-height: 1;
    display: block;
    padding: 8px 11px;
    font-weight: bold;
    top: 0;
    left: 0;
    font-size: 19px;
    letter-spacing: 0;
}

.entry_span {
    font-weight: bold;
}



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

body {
  margin: 0;
}

.members {
padding: 0;
overflow: hidden;
}

.inr {
  max-width: 100%;
}
/*
.detail #main {
    padding: 6% 0% 0;
    width: 88%;
}
*/

.introBox {
  padding: 15px;
  margin: 30px auto;
  font-size: 14px;
}


.main_tit {
    font-size: 45px;
}

.introBox .introtxt {
    padding: 4px 0;
    text-align: left;
}

.prize_desc {
    font-size: 15px;
}

.prize_list {
    display: block;
    padding: 46px 20px 20px;
    margin-bottom: 20px;
}
.prize_list li {
    width: 100%;
    margin-bottom: 15px;
}
.prize_list li:last-child {
    margin-bottom: 0;
}


.btn a {
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    padding: 18px;
    line-height: 1.55;
}

dl.howtoBox dt {
  font-size: 14px;
}

ul.attentionList li {
    font-size: 12px;
    line-height: 1.6;
}

.content {
  margin: 0 auto 50px;
}
.btn_wrap {
  margin: 0 auto 30px;
}
.btn {
    margin: 0px auto 12px;
}
.attentionBox {
  padding: 15px;
margin: 0 auto 30px;
font-size: 14px;
}
.attentionTit {
margin-bottom: 10px;
}
.phmain {
  margin: 30px auto 30px;
}

.lead {
  font-size: 15px;
}


.member {
font-size: 3.9vw;
}

.prize_list:first-child {
    width: 100%;
}
.prize_list:last-child {
    width: 100%;
    height: auto;
}



}