@charset "UTF-8";
/* 基準フォントサイズ設定 */
body {
  font-size: 1em;
}

/* PC側では非表示 */
.sm {
  display: none !important;
}

/* リンクホバー時の挙動 */
a:hover {
  opacity: 0.6;
  text-decoration: none;
}

/* コンテナ枠
----------------------------*/
#container {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  position: relative;
  width: 980px;
  margin: auto;
}

h1 {
  border-bottom: 1px solid #cccccc;
  font-size: 1.7em;
  margin: 0 0 25px;
  padding-bottom: 3px;
  font-weight: normal;
  line-height: 1.1;
}

/* ハッシュタグ */
#hash {
  text-align: center;
  color: #FFFFFF;
  font-size: 1.25em;
  font-weight: bold;
  padding: 1.55% 0 1.3%;
  margin: 50px auto 0;
  background-color: #13B5B8;
  border-radius: 0.3em;
  width: 540px;
}

/* プレゼント内容 */
#present {
  padding: 3% 0 2%;
  margin: 2% 0 5%;
  line-height: 1.3;
  text-align: center;
}

#present ul.present-list li a span {
  color: #333333;
}

#present ul.present-list li a:hover {
  color: #39A8DF;
  text-decoration: none;
}

#present ul.present-list li a:hover img {
  opacity: 1 !important;
}

#present a:hover img {
  opacity: 1 !important;
}

#present a img.main {
  display: block;
  margin: 0 auto;
}

#present a img.arrow {
  width: 14px;
  vertical-align: 0;
  margin: 0 4px 0 0;
}

#present a.detail {
  display: inline-block;
  width: 50%;
  padding: 30px 15px 35px;
  border: 1px solid #DCDCDC;
}

#present a.detail img.main {
  display: block;
  width: 61%;
  margin: 0 auto;
}

#present a.detail img.num {
  display: block;
  margin: 0 auto 8%;
}

#present a.detail span {
  color: #333333;
  font-size: 0.95em;
  letter-spacing: -0.02em;
  text-align: center;
  display: block;
  margin: 20px 0 0;
}

#present a.detail span object {
  display: block;
  color: #FC832A;
  font-size: 1.05em;
  font-weight: bold;
  margin: 5px 0 0;
}

#present a:nth-of-type(3n) {
  margin: 0 0 30px 0;
}

/* 参加方法 */
#way {
  padding: 0;
}

#way p.title {
  font-size: 1.8em;
  color: #01C4BE;
  font-weight: bold;
  text-align: center;
  width: 93.367%;
  margin: 0 auto;
}

#way div.satsuei {
  background-color: #FFFFFF;
}

#way div.satsuei p.satsuei-note {
  font-size: 0.95em;
  line-height: 1.6;
  padding: 2.5% 14%;
}

#way ul {
  margin: 3px 0 0;
  text-align: center;
  padding: 0 0 5%;
}

#way ul li {
  width: 26.76%;
  display: inline-block;
  margin: 0 10px;
}

#way ul li p {
  font-size: 0.96em;
}

#way ul li p img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

#way ul li p img:first-child {
  margin: 0 0 10px;
}

#way ul li p img:last-child {
  margin: 10px 0 0;
}

#way #detail {
  position: relative;
  margin: 0 0 30px;
}

#way #detail #d-txt {
  position: absolute;
  top: 28%;
  left: 4%;
  line-height: 160%;
  font-weight: bold;
  width: 62.5%;
}

/* 応募概要 */
#oubo {
  background-color: #FFFFFF;
  padding: 4.5% 3.5% 1.5%;
  margin-bottom: 3%;
}

h2 {
  color: #000000;
  border-bottom: 1px solid #959595;
  padding-bottom: 1%;
  margin-bottom: 2.5%;
  font-size: 1.75em;
  text-align: center;
}

.att-rd {
  color: #FD8201;
  font-weight: bold;
}

#main_contents h3 {
  color: #ffffff;
  background: #37322f;
  padding: 1.5% 0 1.2%;
  margin: 0 auto 48px;
  font-size: 2em;
  text-align: center;
  width: 93.5%;
}

#main_contents h4 {
  margin: 0;
  padding: 0;
}

ul#before_photo {
  text-align: center;
}

ul#before_photo li {
  display: inline;
}

.next_ya {
  text-align: center;
  margin: 23px 0;
}

#houhou {
  margin: 2.2% 0 0;
  background-color: #F6F7F9;
}

#toukou_step .step {
  border-bottom: 1px solid #C8C9CB;
  padding: 4% 0 6%;
  width: 87.367%;
  margin: 0 auto 3%;
  text-align: center;
}

#toukou_step .step.bt {
  width: 87.367%;
  margin: 0 auto 3%;
  text-align: center;
  padding: 0 0 6%;
}

#toukou_step .step .step_icn {
  margin: 0;
  text-align: center;
}

#toukou_step .step .step_icn span {
  display: block;
  padding: 5% 10%;
  font-size: 1.8em;
  color: #FFFFFF;
  font-weight: bold;
  background-color: #00B8EE;
  width: 22px;
  height: 27px;
}

#toukou_step .step .step_icn img {
  width: 26%;
}

#toukou_step .step.bt .step_icn {
  margin: 0;
  text-align: center;
}

#toukou_step .step div#step1, #toukou_step .step div#step2 {
  position: relative;
  padding: 1.8% 0 0;
  color: #5D4344;
}

#toukou_step .step div#step1 strong {
  margin: 4.3% 0 0;
  display: block;
  font-size: 0.85em;
  font-weight: normal;
}

#toukou_step .step div#step1 p {
  line-height: 150%;
  font-size: 1.2em;
  font-weight: bold;
}

#toukou_step .step div#step1 p:last-child {
  color: #FF0000;
  font-size: 0.93em;
  font-weight: normal;
  margin: 2% 0 0;
}

#toukou_step .step div#step2 p {
  line-height: 150%;
  font-size: 1.2em;
  font-weight: bold;
}

#sanwa_button {
  background: #04C2C0;
  border: 2px solid #04C2C0;
  border-radius: 6px;
  width: 450px;
  margin: 8px auto 11px;
  text-align: center;
  box-shadow: 1px 1px 1px #BBB;
}

#sanwa_button a {
  display: block;
  font-weight: bold;
  padding: 5px 0;
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 1.05em;
  font-weight: bold;
  padding: 14px 0;
}

#sanwa_button a img {
  width: 37px;
  padding: 0 14px 0 0;
  vertical-align: -6px;
}

#sanwa_button a:hover {
  opacity: 0.6;
}

#sanwa_button a:hover img {
  opacity: 1 !important;
}

#hash_button {
  background: #04C2C0;
  border: 2px solid #04C2C0;
  border-radius: 6px;
  width: 530px;
  margin: 35px auto 11px;
  text-align: center;
  font-size: 1.05em;
  font-weight: bold;
  color: #FFFFFF;
  padding: 15px 0;
  box-shadow: 1px 1px 1px #BBB;
}

#insta_add {
  padding: 4% 0 8.3%;
  color: #3C1C1D;
  font-size: 0.95em;
  text-align: center;
}

#insta_add a {
  display: block;
  width: 380px;
  margin: 15px auto 0;
  text-align: center;
}

#insta_add a img {
  width: 100%;
}

/* こちらもオススメ！ */
#tokushu {
  margin: 10% 0;
}

#tokushu p {
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
  padding: 0 0 2.6%;
}

#tokushu a:nth-of-type(2) {
  margin: 0 0 0 14px;
}

#tokushu a img {
  width: 49%;
}

/* 当選発表 */
#shinsa {
  margin: 8.5% 0 0;
}

#shinsa div.shinsa-inner {
  background-color: #FFFFFF;
  padding: 3% 0;
}

#shinsa div.shinsa-l {
  float: left;
  width: 54%;
  padding: 0 0 0 4%;
  line-height: 1.5;
}

#shinsa div.shinsa-l p {
  font-size: 0.93em;
}

#shinsa div.shinsa-l p span {
  display: block;
  text-indent: -1em;
  margin: 1.5em 0 0 1em;
  color: #FF0000;
}

#shinsa div.shinsa-r {
  float: right;
  width: 40%;
}

/* 注意 */
#chuui {
  padding: 3%;
}

div.chuui-inner {
  padding: 0 2% 1%;
  font-size: 0.95em;
}

div.chuui-inner ul {
  margin-bottom: 3%;
}

div.chuui-inner ul li {
  text-indent: -9.3em;
  margin-left: 9.3em;
  line-height: 1.6;
  margin-bottom: 2px;
  font-size: 1.1em;
}

div.chuui-inner ul li.chuui-list-top {
  color: #0037AB;
  font-weight: bold;
}

li.set {
  padding: 0 0 0 2em;
}

div.chuui-inner p {
  text-align: center;
  margin-top: 5%;
}

div.chuui-inner p a.toiawase img {
  width: 45%;
}

div.chuui-inner p span.account {
  display: block;
  margin: 1.4% 0;
}

div.chuui-inner p span.account span.account-link {
  font-size: 1.4em;
  text-decoration: underline;
}

div.chuui-inner p span.chuui-att {
  display: block;
  font-weight: normal;
}

dl.chuui-list {
  margin: 0 0 3%;
  padding-right: 2%;
  font-size: 0.97em;
}

dl.chuui-list dt {
  font-size: 1.05em;
  font-weight: bold;
  margin-bottom: 6px;
}

dl.chuui-list dd {
  font-size: 0.95em;
  line-height: 1.6;
  text-indent: -1em;
  margin-left: 1em;
}

dl.chuui-list dd#chuui-rd {
  color: #ff0000;
}

a#toiawase_button {
  background: #FE8029;
  border: 2px solid #FE8029;
  border-radius: 6px;
  box-shadow: 0.08em 0.08em 0.1em #CCCCCC;
  width: 350px;
  margin: 0 auto;
  padding: 20px 15px 18px;
  text-align: center;
  display: block;
  color: #ffffff;
  font-size: 1.21em;
  font-weight: bold;
}

a#toiawase_button:hover {
  text-decoration: none;
  opacity: 0.6;
}

div.chuui-inner li a {
  display: inline;
  text-decoration: underline;
  color: #3B61A8;
}

div.chuui-inner li a:hover {
  opacity: 1;
  color: #FF0000;
}

div.chuui-inner li a img {
  width: 15px;
  vertical-align: -1px;
  margin: 0 5px 0 0;
}

/* 回り込み解除 */
.clfx:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}