<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */
/* =小見出し
------------------------------------------------------------------*/
.Subtitle {
  padding: 2px 0;
  text-align: center;
  background: none;
  border-bottom: 1px dashed #a0a0a0;
  text-align: center;
}
.Subtitle img,
.FooterTitle img {
  height: 20px;
  width: auto;
}
/* =トップスライド
------------------------------------------------------------------*/
#mv {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: center;
}
#mv .slides {
  position: relative;
  margin: 0;
  padding: 0;
}
.slides img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.slides a {
  margin: 0;
  padding: 0;
  display: block;
}
.slides {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
#mv .slidesjs-pagination {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.slidesjs-pagination li {
  display: inline-block;
  height: 10px;
  overflow: hidden;
}
#mv .slidesjs-pagination li a {
  display: inline-block;
  width: 10px;
  padding: 10px 8px;
  background: url(img/icon_status.png) no-repeat;
  background-size: 10px 30px;
  -moz-background-size: 10px 30px;
  -o-background-size: 10px 30px;
  -webkit-background-size: 10px 30px;
}
#mv .slidesjs-pagination li a.active,
#mv .slidesjs-pagination li a:hover.active {
  background-position: 0 -20px;
}

#mv .slidesjs-stop,
#mv .slidesjs-play {
  display: none !important;
}
#mv .slidesjs-next {
  display: none !important;
}
#mv .slidesjs-previous {
  display: none !important;
}
/* =プリID入力フォーム
-----------------------------------------------------*/
.top_puriget_form {
  margin: 8px 16px;
  padding: 0;
  height: 4rem;
  text-align: center;
  overflow: hidden;
  border: 1px solid #a0a0a0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.top_puriget_form label {
  float: left;
  width: 18%;
  padding: 1.3rem 0;
  height: 4rem;
  color: #4f4f4f;
  font-size: small;
}
input[type="tel"] {
  margin: 0;
  width: 62%;
  height: 4rem;
  float: left;
  border: none;
  text-align: left;
}
input[type="text"]:focus:not([readonly]),
input[type="password"]:focus:not([readonly]),
input[type="email"]:focus:not([readonly]),
input[type="url"]:focus:not([readonly]),
input[type="time"]:focus:not([readonly]),
input[type="date"]:focus:not([readonly]),
input[type="datetime-local"]:focus:not([readonly]),
input[type="tel"]:focus:not([readonly]),
input[type="number"]:focus:not([readonly]),
input[type="search"]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border: none;
  box-shadow: none;
}
.top_puriget_input {
  border: none;
  font-size: medium;
  padding: 0.5em;
  float: left;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.top_puriget_btn {
  display: inline-block;
  padding: 0.5em 3px;
  margin: 0;
  width: 20%;
  height: 4rem;
  border: none;
  border-left: 1px solid #a0a0a0;
  background: #ff8201 !important;
  color: #fff;
  text-align: left;
  background: url(img/ContentsArrowR.png) no-repeat;
  -webkit-background-size: 1em;
  background-size: 1em;
  background-position: 90%;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.puriget_arrow {
  width: 15px;
  float: right;
  margin: 3px;
}

.top_puriget_btn:bedore {
  background: url(img/ContentsArrowR.png) no-repeat;
  -webkit-background-size: 1em;
  background-size: 1em;
  background-position: 90%;
}

.top_puriget_btn:active {
  color: #fff;
  background: #ff337a url(img/ArrowRWhite.png) no-repeat;
  -webkit-background-size: 1em;
  background-size: 1em;
  background-position: 90%;
}
@media screen and (max-width: 320px) {
  .top_puriget_btn {
    padding: 0.5em 3px;
    background: url(img/ContentsArrowR.png) no-repeat;
    -webkit-background-size: 0.8em;
    background-size: 0.8em;
    background-position: 90%;
  }
  .top_puriget_btn:active {
    background: #ff337a url(img/ArrowRWhite.png) no-repeat;
    -webkit-background-size: 0.8em;
    background-size: 0.8em;
    background-position: 90%;
  }
}
.PuriWrap a:hover {
  background: none;
}
.PuriWrap .btn_box {
  padding: 0 16px;
}

.PuriBox {
  margin: 10px;
  display: block;
  text-align: center;
}
.PuriBox img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
/*シールに記入されたIDを入れてね*/
.id_title img {
  padding: 0 16px;
  text-align: center;
  width: 100%;
}
/*TOP画像の下の余白*/
.PuriWrap {
  padding: 20px 0 0;
}

.arrow_box {
  position: relative;
}
.aaa {
  position: absolute;
  right: 10px;
  width: 20%;
}
.aaa img {
  width: 60px;
}

/* =フッターリンク
------------------------------------------------------------------*/
.footer_menu {
  padding: 8px 0;
  background: #eee;
  text-align: center;
  border-bottom: 1px dashed #a0a0a0;
}
.FooterLink {
  margin: 0 0 16px;
  padding: 0;
  overflow: hidden;
  text-align: center;
}
.footer_link_a {
  display: block;
  padding: 8px 0;
  background: url(img/cmn_i_arrow.png) no-repeat;
  background-size: auto 1em;
  background-position: 99% center;
  text-decoration: none;
  color: #888;
}
.footer_link_a:hover {
  background: #eee url(img/cmn_i_arrow.png) no-repeat;
  background-size: auto 1em;
  background-position: 99% center;
}
.FooterLink li:last-child {
  border-bottom: 1px dashed #a0a0a0;
}
.FooterLink li {
  margin: 0;
  font-size: small;
  list-style: none;
  border-top: 1px dashed #a0a0a0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.FooterNav li {
  display: inline;
  padding: 0;
  width: 45%;
  border: none !important;
  font-size: small;
  vertical-align: middle;
}
.li_btn {
  display: inline-block;
  margin: 2px 0;
  padding: 4px;
  height: 1em;
  color: #888;
  text-decoration: none;
}
.li_btn:before {
  content: "";
  display: inline-block;
  margin: 0 4px -0.2em 0;
  width: 1.2em;
  height: 1.3em;
  background: url(img/cmn_i_foot.png) 0 0 no-repeat;
  background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
}
.cmn_i_foot_language:before {
  background-position: 0 0;
} /*言語選択*/
.cmn_i_foot_rule:before {
  background-position: 0 0;
} /*利用規約*/
.cmn_i_foot_faq:before {
  background-position: 0 13%;
} /*FAQ*/
.cmn_i_foot_privacy:before {
  background-position: 0 26%;
} /*プライバシーポリシー*/
.cmn_i_foot_setting:before {
  background-position: 0 39.5%;
} /*設定*/
.cmn_i_foot_delete:before {
  background-position: 0 52.5%;
} /*解約*/
.cmn_i_foot_mail:before {
  background-position: 0 65%;
} /*お問い合わせ*/
.cmn_i_foot_regist:before {
  background-position: 0 92%;
} /*有料会員登録*/

/* 注意書き */
.FooterTrade {
  margin: 0 10px 10px;
  padding: 0 16px;
  color: #a0a0a0;
  font-size: x-small;
  line-height: 1.2;
}
.FooterTrade li {
  list-style: none;
}

/*ログイン前*/
/*ログイン前*/
.top_login_wrap .btn {
  font-size: x-large;
}
@media screen and (max-width: 320px) {
  .top_login_wrap .btn {
    font-size: large;
  }
}
.TxtSmall {
  font-size: xx-small;
}
.LoginSummaryWrap {
  margin-bottom: 8px;
  border-bottom: 1px dashed #a0a0a0;
  text-align: center;
  line-height: 0;
}
.LoginSummaryImg {
  background-color: #fff;
  border-bottom: 1px solid #a0a0a0;
}
.LoginSummaryImg:last-child {
  border: none;
}
.LoginSummaryImg img {
  margin: 8px auto;
  width: 90%;
  height: auto;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.LoginSummaryImg a:hover,
.LoginSummaryImg a:active {
  background: none;
}
.login_more_title {
  background: none;
}
.login_more_title img {
  width: 100%;
  max-width: 640px;
  height: auto;
}
/* =トップコンテンツ
-----------------------------------------------------*/
.top_mypuri_box,
.top_present_box,
.top_puri_box,
.top_deco_box {
  margin: 16px;
  padding: 0;
  text-align: center;
  overflow: hidden;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

/*マイプリ手帳*/
.top_mypuri_box {
  margin: 32px 16px 8px;
  padding: 0;
}
.top_mypuri_box a,
.top_present_box a {
  margin: 0;
  padding: 0;
  display: block;
}
.top_mypuri_box img {
  width: 100%;
  height: auto;
}
.top_mypuri_box .cmn_menu_li_puri_l,
.top_mypuri_box .cmn_menu_li_puri_r,
.cmn_menu_puri_txt,
.cmn_menu_li_puri_r:after {
  height: 128px;
  font-size: medium;
}
.top_mypuri_box .cmn_menu_li_mypuri {
  width: 3em;
  height: 3em;
}
.top_mypuri_box .cmn_menu_li_mypuri img {
  margin-top: -12em;
}
.top_mypuri_box .cmn_menu_puri_txt {
  padding-top: 1.2em;
}
.top_mypuri_box .cmn_menu_li_mypuri_count {
  width: 3em;
  height: 3em;
}
.top_mypuri_box .cmn_menu_puri_txt_sheet {
  width: 3em;
  height: 3em;
  font-size: large;
  font-weight: bold;
}

/*クレジット*/
.pay_list {
  margin: 10px 16px;
  padding: 0;
  text-align: center;
  overflow: hidden;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background: #fff;
  position: relative;
}
.pay_list_txt {
  margin: 5px 10px;
  padding: 0 16px;
  color: #888;
  font-size: x-small;
  line-height: 1.2;
  border: none;
  display: table;
  text-align: center;
  white-space: nowrap;
}
.pay_list_txt:after,
.pay_list_txt:before {
  border-right: 1em solid transparent;
  content: "";
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(
    transparent 50%,
    currentColor 50%,
    currentColor -webkit-calc(50% + 1px),
    transparent -webkit-calc(50% + 1px)
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(transparent),
    color-stop(50%, currentColor),
    color-stop(currentColor calc(50% + 1px)),
    to(transparent calc(50% + 1px))
  );
  background: linear-gradient(
    transparent 50%,
    currentColor 50%,
    currentColor calc(50% + 1px),
    transparent calc(50% + 1px)
  );
  -webkit-background-clip: padding;
  background-clip: padding;
}

.pay_list img {
  position: relative;
  width: 90%;
}

/*利用方法*/
.howto_wrap {
  text-align: center;
  background-color: #eeeeee;
}
.howto_wrap img,
.howto img {
  width: 100%;
  height: auto;
}
.howto img {
  margin: 8px 0 0;
}
.howto {
  position: relative;
}
.top_login_wrap {
  position: absolute;
  width: 100%;
  bottom: 20px;
}

/*退会ポップアップ
-----------------------------------------------------*/
.blocking_popup {
  margin: 5% auto 0;
  padding: 5px;
  width: 90%;
  text-align: center;
  font-size: small;
  background: rgba(224, 224, 224, 1);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  z-index: 10000;
  position: relative;
  display: none;
}
.blocking_overlay {
  width: 100%;
  height: 120%;
  text-align: center;
  position: fixed;
  top: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.blocking_popup h2 {
  background: none;
  font-size: small;
  color: #4f4f4f;
}
/*ポップアップ内プリ*/
.blocking_puri_wrap {
  margin: 0 16px 0 16px;
  padding: 12px;
  text-align: center;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
}
.blocking_puri_list {
  padding: 0;
  width: 100%;
}
.blocking_popup_button_txt {
  font-size: small;
}
.blocking_btn {
  background: #ff337a;
  color: #fff;
  border: none;
}
.btn_box .blocking_btn {
  margin: 16px 0;
}
.btn_box .blocking_btn:active,
.btn_box .blocking_btn:hover {
  background: #ff5380;
  color: #fff;
}
.blocking_btn_box {
  margin: 8px 0 16px 0;
}
.blocking_popup .btn_box {
  padding: 0 16px;
}

/*もっと見る*/
.blocking_morepuri:after {
  display: block;
  content: "";
  width: 100%;
  height: 100px;
  background: #ffc000;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  -ms-opacity: 0.7;
  -o-opacity: 0.7;
  opacity: 0.7;
}
.blocking_morepuri img {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}
.blocking_morepuri_txt {
  display: block;
  content: "";
  width: 100%;
  height: 100px;
  padding-top: 1em;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 1;
}

.blocking_puri_list {
  margin: 0;
  position: relative;
  overflow: hidden;
}
.cut {
  position: relative;
  width: 30%;
  height: 80px;
  overflow: hidden;
  display: inline-block;
}
.cut img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* =パスワード変更ボタン
-----------------------------------------------------*/
.change_pw {
  clear: both;
}
/* =プロフィール変更
-----------------------------------------------------*/
.profile_form p {
  padding: 16px;
  border-top: 1px dotted #ddd;
}
.profile_form input[type="text"] {
  margin: 0.5em 0 0;
  width: 80%;
  font-size: medium;
}
/* =パスワード入力
-----------------------------------------------------*/
.change_pw input[type="password"] {
  padding: 0 8px;
  border: 1px solid #ccc;
  font-size: medium;
  width: 90%;
  height: 2em;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/*フォームの下*/
input[type="password"] {
  margin: 0 0 5px 0;
}
/*赤文字*/
.limit {
  color: red;
  font-size: medium;
}
/*文字*/
.popup_txt {
  margin-top: 15px;
  color: #fff;
  font-size: medium;
}

.btn_txt {
  font-size: small;
}
.blocking_popup_caution_txt {
  font-size: x-small;
  color: red;
}
.save_puri {
  font-size: x-large;
  color: red;
}

/*フッターのポップアップ*/
.footer_popup {
  width: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 10000;
  position: fixed;
  bottom: 0;
  display: none;
  text-align: center;
}
.footer_popup a {
  display: block;
}
.footer_popup img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 320px) {
  .footer_popup_txt {
    margin: 10px 0;
    color: #fff;
    font-size: x-small;
    text-align: center;
  }
}
@media screen and (min-width: 321px) {
  .footer_popup_txt {
    color: #fff;
    font-size: x-small;
    text-align: center;
  }
}
.footer_popup_close {
  left: 5px;
  top: 5px;
  width: 30px;
  height: auto;
  position: absolute;
}
.footer_popup_close img {
  width: 20px;
}

/* =LINEシェアページ削除ポップアップ
-----------------------------------------------------*/
.linedelete_popup {
  margin: 20% auto 0;
  padding: 5px;
  width: 90%;
  text-align: center;
  font-size: small;
  background: rgba(0, 0, 0, 0.75);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  z-index: 10000;
  position: relative;
}
.linedelete_popup img {
  width: 90%;
  margin: 0 16px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.linedelete_overlay {
  width: 100%;
  height: 500%;
  text-align: center;
  position: fixed;
  top: 0;
  z-index: 9999;
  background: transparent;
}
/*文字*/
.linedelete_popup_txt {
  margin-top: 15px;
  color: #fff;
  font-size: medium;
}
.linedelete_popup .btn_box {
  padding: 0 16px;
}
/* =シェアページオススメポップアップ
-----------------------------------------------------*/
.share_popup {
  margin: 20% auto 0;
  padding: 5px;
  text-align: center;
  font-size: small;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  z-index: 10000;
  position: relative;
}
.share_popup img {
  width: 90%;
  margin: 0 16px;
  padding: 10px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.share_overlay {
  width: 100%;
  height: 500%;
  text-align: center;
  position: fixed;
  top: 0;
  z-index: 9999;
  background: transparent;
}
/*文字*/
.share_popup_txt {
  margin-top: 15px;
  color: #fff;
  font-size: medium;
}
.share .btn_box {
  padding: 0 16px;
}
/*閉じるボタン*/
.share_popup_close {
  left: -10px;
  top: 5px;
  width: 30px;
  height: auto;
  position: absolute;
}
.share_popup_close img {
  width: 50px;
}
/*撮影日*/
.shooting_date {
  margin: 8px 64px;
  padding: 8px;
  border: solid 2px #ff8100;
  color: #ff8100;
  font-size: medium;
  font-weight: bold;
  text-align: center;
  border: solid 2px #ff8100;
}
.top_dl_limit {
  text-align: center;
}

.headerBtn a {
  position: absolute;
  right: 8px;
  top: 10px;
  line-height: 20px;
  color: #fff;
  background: #ff8100;
  padding: 8px 5px;
  border-radius: 5px;
  font-size: 14px;
  letter-spacing: -1px;
}
</pre></body></html>