@charset "UTF-8";

/* ===== 全体の設定 ===== */
h4 {
  font-weight: normal;
  margin: 0px;
}

body {
	*text-align: center;/*IE調整用*/
	margin: 0;
	color: #000;}


/* 全体背景[変更可] */
#wrapper {}


/* ===== コンテンツ ===== */
/* コンテンツ リンク色[変更可] */
#content a:link { text-decoration:underline; color:#000;}
#content a:visited { text-decoration:underline; color:#000;}
#content a:active { text-decoration:underline; color:#000;}
#content a:hover { text-decoration:none; color:#000;}

/* イベント名 リンク色[色変更可] */
#main .blockInEvent .bl-hot a, #bottomBlock .topics .topicsTitle a { text-decoration:none; color:#000;}

/* ===== コンテンツ[以下に追加] ===== */

#wrapper{
    padding:0;
}
h2,h3,p,dl,dt,dd{
    margin:0;
}
ul{
    list-style:none;
    margin:0;
    padding:0;
}




#innerWrap{
	margin: 0 auto;
	width: 1000px;
	padding: 0;
	*text-align: left;/*IE調整用*/}
#onepiace {
	background-image: url(./../img/bg.jpg);
	background-position: center top;
	background-repeat: repeat;
	position: relative;
  text-align: center;
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	color: #000;padding-bottom: 0;font-feature-settings: 'palt'; letter-spacing: .02em;
	min-width: 1000px; padding-bottom: 40px;}

.sponly{
	display: none!important;
}

#onepiace .mainimg{
	width: 100%;
	min-width: 1000px;
	margin:0 auto 0px;
	text-align: center;	background-color: #000;
	background-attachment: scroll;
	background-image: url(./../img/main_bg.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	position: relative;
  min-height: 800px;
padding-bottom: 3em;}
#onepiace .mainimg span {display: block;margin-top: -40px;}
  
#onepiace h1#logo{ display: block; margin:0px auto; padding:0 0 20px 0 ; text-align: center;z-index:10 !important; position: relative;min-width: 1000px; margin-top: -20px;}
h2.btn_pre {display: block; position: absolute; left: 50%; top: 205px; margin-left: -500px; }

dl.station_list { display: flex; align-items: flex-start; justify-content: flex-start; width: 410px; font-size: .875rem ; font-weight: normal; color: #fff; margin: 1rem auto; }
dl.station_list dt {width: 7em;}
dl.station_list dd {text-align: left; }
ul.copyright-list {display: flex; margin: 0rem auto; width:600px; justify-content: center; align-items: center;}
ul.copyright-list li { text-align: left; font-size: .8125rem ; font-weight: normal; color: #fff; padding: 0 10px 0 5px;}

#onepiace p.leadTxt { display: block; margin: 25px auto ;
  position: relative;
  font-weight: bold;
  font-size: 1rem;
  width: 980px; color: #fff;
  line-height: 1.5em;}
#onepiace p.lead {font-size: .9375rem; line-height: 1.6em; margin: 0px; text-align:center; padding-bottom: .8em; font-weight: normal;}

.bg_star {display: block; margin: 0 auto; width: 100%; padding: 0; background-attachment: scroll; background-position: center top; background-repeat: repeat;}
#btnbox { display: block; letter-spacing: -.5em; text-align: center; padding-bottom: 0px; margin:30px auto 30px; max-width:1000px;}
#btnbox li { display: inline-block; letter-spacing: normal; padding:0 1.25%; position: relative; z-index: 10;}

#onepiace .inner {max-width:980px; margin: 0 auto; position: relative; padding: 10px 0;}
.colbox { display: block; width: 1040px; margin: 15px auto 20px; background-position: center 20px; background-repeat: no-repeat;}

#onepiace p.wh {color: #fff;}
#onepiace p.cap {font-size:.8125rem; text-align: left; padding-bottom: .3em; position: relative;}
#onepiace p.cap_s {font-size: .75rem; padding-bottom: .3em;}
#onepiace p.ast_s {font-size:.875rem;text-indent: -1em; padding-left: 1em;}
#onepiace p.ast_ss {font-size:.75rem;text-indent: -1em; padding-left: 1em;}
#onepiace h2.ttl {display: block; margin: 0px auto 20px;text-align: center;}
#onepiace #col02 h2.ttl img ,#onepiace #col03 h2.ttl img ,#onepiace #col04 h2.ttl img,#onepiace #col05 h2.ttl img { margin-top: 40px; margin-bottom: 10px;}
#onepiace h3.ttl {display: block; margin: 30px auto 5px ; text-align: center; }
#onepiace h3.sttl {display: block; margin: 0px auto 5px ; text-align: left; font-size: 1.125rem; font-weight: bold;}
#onepiace h3.sttl span {font-size: .9375rem; font-weight: normal;}
#onepiace h3.ttldot {display: block; background-attachment: scroll; background-image: url(../../img/col03_award_dot.png); background-position: bottom center; background-repeat: repeat-x; padding-bottom: 10px; margin-bottom: 10px; position: relative;}
#onepiace h3.ttldot img.sub {position: absolute; left: -40px; top: -50px;}
#onepiace h3.ttlred { display: block; font-size: 1.125rem; font-weight: bold;color: #c3141c; background-attachment: scroll; background-image: url(../../img/col05_line.png); background-position: bottom center; background-repeat: no-repeat; padding-bottom: 10px; margin-bottom: 0; text-align: center;}
#onepiace h3.ttlred img {display: block; margin: 0 auto 10px;}
#onepiace h4.sttl {font-size: .9375rem; font-weight: bold; margin-bottom: .25em;}
#onepiace h4.sttlred {display: block; font-size: 1.125rem; font-weight: bold;color: #c3141c; text-align: left;}
#onepiace h5 {margin: 10px 0 20px;}
#onepiace h5.grayttl { display: block; background-color: #d2d2d2; border-radius: 15px; padding: .2em;font-size: 1.1225rem; font-weight: bold;}
#onepiace h6 {margin: 10px 0 5px;}
#col01 {}
#col02 {}
#col03 {}

/*col01*/
#col01 p {color: #fff; font-size: 0.95rem; margin: auto; text-align: center;}
.phLeft { display: flex; align-items: flex-start; justify-content: flex-start; margin-top: 30px;}
.time_place{
  color: #fff;
  font-size: 1.15rem;}

/*col02*/
#col02 {
  background-color: #fff;
  padding-bottom: 40px;
}

#col03 {
  background-color: #fff;
  padding-bottom: 20px;
}
#col04 {
  background-color: #fff;
  padding-bottom: 20px;
}

.col2box li {
  border: #BA000E solid 1px;
  display: flex;
  font-size: 0.9rem;
  margin-top: 1rem;
  max-width: 960px;
  padding: 1.5%;
  text-align: left;
}
.col2box li img {
  display: block;
   margin-right: 1rem;
height: auto;
align-self: flex-start;
  }

 
  .arrow_afterli{
    margin-bottom: 10px;
  }
  .step{
    display: flex;
  }
  .step1 p{
    margin-top: 0.25rem;
  }
  #step2{
    display: block;
  }
  .step2_inner{
    display: flex;
    margin-top: 1rem;
  }
  .step2_flow{
    margin-top: -1rem;
  }
  .step2_flow li{
    border: none;
    padding: 0 0 0.5rem;
  }
  .step2_inner .redbox{
    background: #BA000E;
    color: #fff;
    font-size: 1.15rem;
    font-weight: normal;
    margin-right: 0.5rem;
    padding: 0.65rem 0;
    text-align: center;
    width: 120px;
  }
  .step2_inner p{
    font-size: 1.15rem;
    font-weight: bold;
    margin: auto 0;
  }
  .step2_inner span{
    display: block;
    font-size: 0.85rem;
    font-weight: normal;
  }
  .step3_inner{
    display: block;
  }
  .step3_inner img{
    margin-bottom: 1rem;
  }
  .prize_list img{
    margin-bottom: 2.5rem;
  }
  .prize_list p{
    font-size: 0.9rem;
    position: absolute;
    bottom: 790px;
    text-align: left;
    left: 40px;
  }
  .limit{
    font-size: 1.15rem;
    font-weight: bold;
    margin: 1rem 0;
  }
  .attention{
    font-size: 0.9rem;
    margin: 0 auto;
    max-width: 780px;
    text-align: left;
  }
  .attention span{
    font-weight: bold;
  }

/*col03*/

.pointbox{
  position: relative;
  width: 220px;
}
.pointbox_list{
  display: flex;
  justify-content: space-between;
  max-width: 960px;
}
.pointbox .point_text{
  font-size: 0.9rem;
  position: absolute;
  bottom: 20px;
  text-align: left;
  left: 27px;
}
.pointboxL {  position: relative;
  width: 980px;
  }
.pointboxL .point_inner {display: block;background-attachment: scroll; background-image: url(../img/col03_point5_bg.png); background-repeat: repeat-y; background-position: center top; padding: 10px 4%;}


h3.line_pink {margin-bottom: 1.5em; padding-bottom: 1.8em; background-attachment: scroll; background-image: url(../img/point_line.png); background-repeat: repeat-x; background-position: bottom center;}
h3.line_yellow{margin-bottom: 1.5em; padding-bottom: 1.8em; background-attachment: scroll; background-image: url(../img/point_line-2.png); background-repeat: repeat-x; background-position: bottom center;}
.point5_box {display: flex; margin: 10px auto;width: 900px; align-items: flex-start;}
.point5_box span {display: inline-block; vertical-align: top; padding-right: 30px;}
.point5_box span.bgY {width: 250px; background-color: #fff6cc; padding:15px 25px 0px 25px;}
dl.metor_info {display: flex; margin: 15px 0;}
dl.metor_info dt {padding-right: 15px; text-align: left; font-size: .875rem;}
dl.metor_info dd {position: relative; text-align: left; }
.contactbox {display: flex; background-color: #ffdee0; margin: 20px 0 0; padding: 15px; a;align-items: center; justify-content:flex-start;}
p.bgRed { display: inline-block;background-color: #ba000e; font-size: 1rem; border-radius: 1rem; color: #fff; font-weight: bold; padding: .25em .6em; margin-right: 1em;}
.contactbox p.txtN {text-align: left;}
.contactbox em {display: block;}

.pointboxL .point_text2{
  font-size: 0.9rem;
  position: absolute;
  bottom: 453px;
  text-align: left;
  left: 300px;
  width: 400px;
}
.pointboxL .point_text3{
  font-size: 1rem;
  font-weight: bold;
  width: 328px;
}
.dot_red{
  color: #BA000E;
  font-size: 1rem;
}
.caption{
  font-size: 0.9rem;
  font-weight: normal;
}
.pointbox .point_text4{
  background-color: #BA000E;
  border-radius: 1rem;
  color: #fff;
  font-size: 1rem;
  position: absolute;
  padding: 0.25rem;
  bottom: 55px;
  left: 55px;
  padding: 0.35rem;
}
.pointbox .point_text5{
  font-size: 0.9rem;
  position: absolute;
  bottom: 41px;
  text-align: left;
  left: 200px;
  width: 300px;
}
.text_red{
  color: #BA000E;
  font-weight: bold;
}
.pointbox .point_text6{
  font-size: 1.15rem;
  font-weight: bold;
  position: absolute;
  bottom: 275px;
  text-align: center;
  left: 645px;
  width: 300px;
}
.pointbox .point_text7{
  font-size: 0.9rem;
  position: absolute;
  bottom: 40px;
  text-align: left;
  left: 660px;
  width: 150px;
  word-break: break-all;
}
.pointbox .point_text8{
  font-size: 0.9rem;
  position: absolute;
  bottom: 40px;
  left: 740px;
  width: 300px;
}

/*col03*/
.event_list{
  display: inline-block;
}
.eventbox{
  position: relative;
  float: left;
}
.eventbox .event_text{
  font-size: 0.9rem;
  position: absolute;
  bottom: 65px;
  text-align: left;
  left: 20px;
  width: 280px;
}
.eventbox .event_text2{
  font-size: 0.9rem;
  position: absolute;
  bottom: 115px;
  text-align: left;
  left: 20px;
  width: 280px;
}
.eventbox .event_text2 span{
  font-size: 0.75rem;
}
.eventbox .event_text4{
  font-size: 0.9rem;
  position: absolute;
  bottom: 80px;
  text-align: left;
  left: 20px;
  width: 280px;
}
.eventbox .event_text6{
  font-size: 0.9rem;
  position: absolute;
  top: 85px;
  text-align: left;
  left: 20px;
  width: 280px;
}
.discount{
  display: inline-block;
  position: relative;
}
.discount .discount_text{
  font-size: 1rem;
  font-weight: bold;
  position: absolute;
  bottom: 30px;
  left: 250px;
}

#col05{
  margin: 0 auto;
  width: 980px;
}

#information {display: block;width: 960px; margin: 20px auto;}
#information h5 {display: block;margin-bottom: 0; padding-bottom: 0;}
.info_bg {display: block; background-attachment: scroll; background-image: url(../../img/info_bg.png); background-position: center top; background-repeat: repeat-y; padding: 0 40px 10px;}
.info_inner {display: block; background-color: #fff; border-radius: 0; padding: 20px 30px;}

.info2box {display: table;}
.info2box span {display: table-cell; padding: 0 1% 2em; text-align: left; width: 46%; position: relative;}
.info2box span:first-child {background-attachment: scroll; background-image: url(../img/info_line.png); background-position: center right; background-repeat: no-repeat;}
#information h6 {display: block; margin: 0 auto; text-align: center; padding-bottom: 20px;}
p.info_txt { font-size: .9375rem; text-align: left;}
p.info_txt i {color: #c3141c; font-style: normal; padding-right: .2em;display: inline-block;}
#information p.linktxtR {position: absolute; bottom: 0; right: 1.5em;}



.bnr_3col {display: flex; align-items: center; justify-content: space-around; width: 90%; margin: 20px auto 0;}
.bnr_3col li {}
.imgC img {display: block; margin: 0 auto 15px; text-align: center;}

.ming {font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;}
.ming i {font-style: italic;}
.txtR {text-align: right !important;}
.txtC {text-align: center!important;}
#onepiace i {font-style: normal;}
#onepiace p.txtM { font-size: 1rem;}
#onepiace p.txtL { font-size: 1.125rem;}
#onepiace p.txtLL { font-size: 1.25rem;}
#onepiace p.txtN,#onepiace .txtN { font-size: .875rem;}
#onepiace p.txtS,#onepiace .txtS {font-size: .8125rem !important;}
#onepiace p.ast {font-size: .8125rem !important; padding-left: 1em; text-indent: -1em; margin: 0 1em;}
#onepiace p.txtSS,#onepiace .txtSS{font-size: .75rem !important; padding-bottom: .5em !important; line-height: 1.3;}
#onepiace sup {font-size: 65% !important; font-weight: normal;}
#onepiace p.bold {font-weight: bold;}
#onepiace p em {font-weight: bold;}
#onepiace p.txtM em {font-weight: bold; font-size: 1.50rem;}
#onepiace .txt-red {color: #c3141c;}
#onepiace p.nomgb { padding-bottom: 0; margin-bottom: 0;}
.mgb10 { padding-bottom: 10px;}
.mgb20 { padding-bottom: 20px;}
.mgb30 { margin-bottom: 30px;}
.mgb40 { margin-bottom: 40px;}
.mgb2em { margin-bottom: 2em;}
.mgb3em { margin-bottom: 3em;}
.mgt-20 {margin-top: -20px;}
.mgt-30 {margin-top: -30px;}
.mgt-100 {margin-top: -100px;}
.mgt10 { margin-top:  10px;}
.mgt20 { margin-top:  20px;}
.mgt30 { margin-top:  30px;}
.mgt40 { margin-top:  40px;}
.mgt50 { margin-top:  50px;}
.pdt10 { padding-top:  10px;}
.pdt20 { padding-top:  20px;}
.pdt30 { padding-top:  30px;}
.pdt40 { padding-top:  40px;}

#onepiace .linktxt {font-weight: bold;}
#onepiace .linktxt a::after {content: url(./../img/info_arrow.png);display: inline-block; padding-left: .6em;}
#onepiace .linktxtR { display: block; text-align: right;font-weight: bold; font-size: .9375rem; position: relative; padding-right: 26px;}
#onepiace .linktxtR a::after {content: url(./../img/arrow.png);display: block; position: absolute; right: 0; top: 0em;}
#onepiace .linktxtR a:link,#onepiace .linktxtR a:visited {text-decoration: underline;}

/* コンテンツ リンク色[変更可] */
#onepiace a:link { text-decoration:none; color:#c3141c;}
#onepiace a:visited { text-decoration:none; color:#c3141c;}
#onepiace a:active { text-decoration:underline; color:#e21423;}
#onepiace a:hover { text-decoration:underline; color:#e21423;}


/*-------  ホバーキャプション   -------*/
.flrecommend {
  width: 300px;
  border: 6px solid #FFFFFF;
}
.rcm-box2 {
  background: black;
  position: relative;
}
.rcm-box2 img {
  display: block;
  opacity: 1;
}
.rcm-box2 a img {
  width: 100%;
}
.rcm-box2:hover img {
  opacity: 0.4;
}
.rcm-overlay {
display:none;
  position: absolute;
  top: 50%;
  left: 0%;

  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  width: 100%;
  text-align: center;
}
.rcm-box2:hover .rcm-overlay {
  opacity: 1;
  display:inline-block;
    vertical-align:middle;
}
#onepiace .rcm-box2 p {
  padding: 0 10px 5px;
  color: white;
  line-height: 2;
  font-size: 1.25rem;
  letter-spacing: .04em;
}
/*-------  ホバーキャプション   -------*/

/*-------------------------------------------------
  clear 
-------------------------------------------------*/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px;
  /*¥*/
  /*/
	height: auto;
	overflow: hidden;
	/**/ }

.both {
  clear: both; }

.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1; }