@charset "UTF-8";
/* ===========================================
Foundation
=========================================== */
/* variable ------------------------------------------- */
/* Reset ---------------------------------- */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Base ----------------------------------- */
@font-face {
  font-family: "MyYuGothicM";
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
  /* Mediumがない場合 */
}

@font-face {
  font-family: "MyYuGothicM";
  font-weight: bold;
  src: local("YuGothic-Bold");
  /* Postscript name */
}

html {
  font-size: 62.5%;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, MyYuGothicM, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #212121;
}

body.seamless:not(.seamless-with-header) {
  margin-top: 1.8rem;
}

html.noScroll, body.noScroll {
  overflow-y: hidden;
}

a:link,
a:visited {
  text-decoration: none;
}

img {
  vertical-align: top;
}

textarea {
  resize: none;
}

input,
textarea,
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  outline: none;
}

/* ===========================================
Object
=========================================== */
/* Component ------------------------------------------- */
@font-face {
  font-family: "icon";
  src: url("/font/icon.eot?46427469");
  src: url("/font/icon.eot?94217103?#iefix") format("eot"), url("/font/icon.woff?17472283") format("woff"), url("/font/icon.ttf?74912578") format("truetype"), url("/font/icon.svg#icon?1808129") format("svg");
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

.c-icon--alerm--blank:before,
.c-icon--arrow--bottom--blank:before,
.c-icon--arrow--left--blank:before,
.c-icon--arrow--return-left--fill:before,
.c-icon--arrow--right--blank:before,
.c-icon--arrow--top--blank:before,
.c-icon--bell--blank:before,
.c-icon--board--adult--fill:before,
.c-icon--bell-ringing--blank:before,
.c-icon--board--blank:before,
.c-icon--board--clock--blank:before,
.c-icon--board--fill:before,
.c-icon--calendar--blank:before,
.c-icon--camera--blank:before,
.c-icon--camera--fill:before,
.c-icon--camera--plus--blank:before,
.c-icon--camera-movie--blank:before,
.c-icon--check--blank:before,
.c-icon--check--fill:before,
.c-icon--circle--blank:before,
.c-icon--clothe--blank:before,
.c-icon--clock--blank:before,
.c-icon--crown--fill:before,
.c-icon--cross--blank:before,
.c-icon--diamond--fill:before,
.c-icon--diary--blank:before,
.c-icon--diary--clock--blank:before,
.c-icon--diary--fill:before,
.c-icon--diary--info--blank:before,
.c-icon--dust-box--blank:before,
.c-icon--erotic--fill:before,
.c-icon--exclamation--blank:before,
.c-icon--eye--close--blank:before,
.c-icon--eye--fill:before,
.c-icon--face--circle--blank:before,
.c-icon--face--spoon--fill:before,
.c-icon--face--square--blank:before,
.c-icon--face--square--fill:before,
.c-icon--face--square--plus--blank:before,
.c-icon--female--blank:before,
.c-icon--follow--on--blank:before,
.c-icon--follower--blank:before,
.c-icon--foot--blank:before,
.c-icon--gear--fill:before,
.c-icon--glasses--fill:before,
.c-icon--hand-clap--fill:before,
.c-icon--follow--off--blank:before,
.c-icon--heart--blank:before,
.c-icon--heart--fill:before,
.c-icon--heart--shine--fill:before,
.c-icon--human--teacher--blank:before,
.c-icon--hurry-up--fill:before,
.c-icon--icon_adult:before,
.c-icon--icon_avatar:before,
.c-icon--icon_chat:before,
.c-icon--icon_close:before,
.c-icon--icon_commu:before,
.c-icon--icon_communityleave:before,
.c-icon--icon_conf:before,
.c-icon--icon_diary:before,
.c-icon--icon_diaryhistory:before,
.c-icon--icon_enco:before,
.c-icon--icon_commenthistory:before,
.c-icon--icon_experience:before,
.c-icon--icon_home:before,
.c-icon--icon_info:before,
.c-icon--icon_killtime:before,
.c-icon--icon_list:before,
.c-icon--icon_mail:before,
.c-icon--icon_live:before,
.c-icon--icon_manga:before,
.c-icon--icon_mylist:before,
.c-icon--icon_pagearrowleft:before,
.c-icon--icon_pagearrowright:before,
.c-icon--icon_pagebackarrow:before,
.c-icon--icon_patty:before,
.c-icon--icon_post:before,
.c-icon--icon_praise:before,
.c-icon--icon_mypage:before,
.c-icon--icon_profilesearch:before,
.c-icon--icon_proflist:before,
.c-icon--icon_pure:before,
.c-icon--icon_question:before,
.c-icon--icon_questionnaire:before,
.c-icon--icon_recruiting:before,
.c-icon--icon_request:before,
.c-icon--icon_search:before,
.c-icon--icon_sl_arrow:before,
.c-icon--icon_theme:before,
.c-icon--icon_thum:before,
.c-icon--icon_twitter:before,
.c-icon--icon_type:before,
.c-icon--icon_video:before,
.c-icon--icon_voice:before,
.c-icon--icon_talk:before,
.c-icon--icon_wgl:before,
.c-icon--icon_wwface:before,
.c-icon--ignore--blank:before,
.c-icon--key--blank:before,
.c-icon--key--fill:before,
.c-icon--keyhole--blank:before,
.c-icon--leaves--fill:before,
.c-icon--lip--fill:before,
.c-icon--magnifier--fill:before,
.c-icon--mail--blank:before,
.c-icon--mail--exclamation--blank:before,
.c-icon--mail--fill:before,
.c-icon--mail--template--blank:before,
.c-icon--mail--thick--blank:before,
.c-icon--male--blank:before,
.c-icon--magnifier--blank:before,
.c-icon--memo--blank:before,
.c-icon--memo--fill:before,
.c-icon--menu--hunberger--blank:before,
.c-icon--menu--tile--blank:before,
.c-icon--menu--tile--fill:before,
.c-icon--message-board--blank:before,
.c-icon--message-board--thick--blank:before,
.c-icon--microphone--blank:before,
.c-icon--microphone--fill:before,
.c-icon--movie--fill:before,
.c-icon--new--fill:before,
.c-icon--note--pen--blank:before,
.c-icon--note--pen--thick--blank:before,
.c-icon--p--blank:before,
.c-icon--p--fill:before,
.c-icon--movie--blank:before,
.c-icon--pen--fill:before,
.c-icon--picture--blank:before,
.c-icon--picture--plus--blank:before,
.c-icon--pin--fill:before,
.c-icon--present-box--blank:before,
.c-icon--q--blank:before,
.c-icon--s--fill:before,
.c-icon--speaker--off--blank:before,
.c-icon--speaker--on--blank:before,
.c-icon--speech-balloon--fill:before,
.c-icon--speech-baloon--clock--blank:before,
.c-icon--speech-baloon--square--fill:before,
.c-icon--star--blank:before,
.c-icon--star--circle--fill:before,
.c-icon--star--fill:before,
.c-icon--speech-balloon--blank:before,
.c-icon--tableware--blank:before,
.c-icon--tableware--clock--blank:before,
.c-icon--telephone--blank:before,
.c-icon--thumb--blank:before,
.c-icon--thumb--fill:before,
.c-icon--triangle--blank:before,
.c-icon--triangle--downward--fill:before,
.c-icon--user--frame--blank:before,
.c-icon--user--info--blank:before,
.c-icon--users--frame--blank:before,
.c-icon--waku-plus--blank:before,
.c-icon--wakuwaku--blank:before,
.c-icon--x--blank:before,
.c-icon--user--list--blank:before,
.c-icon--alerm--blank--after:after,
.c-icon--arrow--bottom--blank--after:after,
.c-icon--arrow--left--blank--after:after,
.c-icon--arrow--return-left--fill--after:after,
.c-icon--arrow--right--blank--after:after,
.c-icon--arrow--top--blank--after:after,
.c-icon--bell--blank--after:after,
.c-icon--board--adult--fill--after:after,
.c-icon--bell-ringing--blank--after:after,
.c-icon--board--blank--after:after,
.c-icon--board--clock--blank--after:after,
.c-icon--board--fill--after:after,
.c-icon--calendar--blank--after:after,
.c-icon--camera--blank--after:after,
.c-icon--camera--fill--after:after,
.c-icon--camera--plus--blank--after:after,
.c-icon--camera-movie--blank--after:after,
.c-icon--check--blank--after:after,
.c-icon--check--fill--after:after,
.c-icon--circle--blank--after:after,
.c-icon--clothe--blank--after:after,
.c-icon--clock--blank--after:after,
.c-icon--crown--fill--after:after,
.c-icon--cross--blank--after:after,
.c-icon--diamond--fill--after:after,
.c-icon--diary--blank--after:after,
.c-icon--diary--clock--blank--after:after,
.c-icon--diary--fill--after:after,
.c-icon--diary--info--blank--after:after,
.c-icon--dust-box--blank--after:after,
.c-icon--erotic--fill--after:after,
.c-icon--exclamation--blank--after:after,
.c-icon--eye--close--blank--after:after,
.c-icon--eye--fill--after:after,
.c-icon--face--circle--blank--after:after,
.c-icon--face--spoon--fill--after:after,
.c-icon--face--square--blank--after:after,
.c-icon--face--square--fill--after:after,
.c-icon--face--square--plus--blank--after:after,
.c-icon--female--blank--after:after,
.c-icon--follow--on--blank--after:after,
.c-icon--follower--blank--after:after,
.c-icon--foot--blank--after:after,
.c-icon--gear--fill--after:after,
.c-icon--glasses--fill--after:after,
.c-icon--hand-clap--fill--after:after,
.c-icon--follow--off--blank--after:after,
.c-icon--heart--blank--after:after,
.c-icon--heart--fill--after:after,
.c-icon--heart--shine--fill--after:after,
.c-icon--human--teacher--blank--after:after,
.c-icon--hurry-up--fill--after:after,
.c-icon--icon_adult--after:after,
.c-icon--icon_avatar--after:after,
.c-icon--icon_chat--after:after,
.c-icon--icon_close--after:after,
.c-icon--icon_commu--after:after,
.c-icon--icon_communityleave--after:after,
.c-icon--icon_conf--after:after,
.c-icon--icon_diary--after:after,
.c-icon--icon_diaryhistory--after:after,
.c-icon--icon_enco--after:after,
.c-icon--icon_commenthistory--after:after,
.c-icon--icon_experience--after:after,
.c-icon--icon_home--after:after,
.c-icon--icon_info--after:after,
.c-icon--icon_killtime--after:after,
.c-icon--icon_list--after:after,
.c-icon--icon_mail--after:after,
.c-icon--icon_live--after:after,
.c-icon--icon_manga--after:after,
.c-icon--icon_mylist--after:after,
.c-icon--icon_pagearrowleft--after:after,
.c-icon--icon_pagearrowright--after:after,
.c-icon--icon_pagebackarrow--after:after,
.c-icon--icon_patty--after:after,
.c-icon--icon_post--after:after,
.c-icon--icon_praise--after:after,
.c-icon--icon_mypage--after:after,
.c-icon--icon_profilesearch--after:after,
.c-icon--icon_proflist--after:after,
.c-icon--icon_pure--after:after,
.c-icon--icon_question--after:after,
.c-icon--icon_questionnaire--after:after,
.c-icon--icon_recruiting--after:after,
.c-icon--icon_request--after:after,
.c-icon--icon_search--after:after,
.c-icon--icon_sl_arrow--after:after,
.c-icon--icon_theme--after:after,
.c-icon--icon_thum--after:after,
.c-icon--icon_twitter--after:after,
.c-icon--icon_type--after:after,
.c-icon--icon_video--after:after,
.c-icon--icon_voice--after:after,
.c-icon--icon_talk--after:after,
.c-icon--icon_wgl--after:after,
.c-icon--icon_wwface--after:after,
.c-icon--ignore--blank--after:after,
.c-icon--key--blank--after:after,
.c-icon--key--fill--after:after,
.c-icon--keyhole--blank--after:after,
.c-icon--leaves--fill--after:after,
.c-icon--lip--fill--after:after,
.c-icon--magnifier--fill--after:after,
.c-icon--mail--blank--after:after,
.c-icon--mail--exclamation--blank--after:after,
.c-icon--mail--fill--after:after,
.c-icon--mail--template--blank--after:after,
.c-icon--mail--thick--blank--after:after,
.c-icon--male--blank--after:after,
.c-icon--magnifier--blank--after:after,
.c-icon--memo--blank--after:after,
.c-icon--memo--fill--after:after,
.c-icon--menu--hunberger--blank--after:after,
.c-icon--menu--tile--blank--after:after,
.c-icon--menu--tile--fill--after:after,
.c-icon--message-board--blank--after:after,
.c-icon--message-board--thick--blank--after:after,
.c-icon--microphone--blank--after:after,
.c-icon--microphone--fill--after:after,
.c-icon--movie--fill--after:after,
.c-icon--new--fill--after:after,
.c-icon--note--pen--blank--after:after,
.c-icon--note--pen--thick--blank--after:after,
.c-icon--p--blank--after:after,
.c-icon--p--fill--after:after,
.c-icon--movie--blank--after:after,
.c-icon--pen--fill--after:after,
.c-icon--picture--blank--after:after,
.c-icon--picture--plus--blank--after:after,
.c-icon--pin--fill--after:after,
.c-icon--present-box--blank--after:after,
.c-icon--q--blank--after:after,
.c-icon--s--fill--after:after,
.c-icon--speaker--off--blank--after:after,
.c-icon--speaker--on--blank--after:after,
.c-icon--speech-balloon--fill--after:after,
.c-icon--speech-baloon--clock--blank--after:after,
.c-icon--speech-baloon--square--fill--after:after,
.c-icon--star--blank--after:after,
.c-icon--star--circle--fill--after:after,
.c-icon--star--fill--after:after,
.c-icon--speech-balloon--blank--after:after,
.c-icon--tableware--blank--after:after,
.c-icon--tableware--clock--blank--after:after,
.c-icon--telephone--blank--after:after,
.c-icon--thumb--blank--after:after,
.c-icon--thumb--fill--after:after,
.c-icon--triangle--blank--after:after,
.c-icon--triangle--downward--fill--after:after,
.c-icon--user--frame--blank--after:after,
.c-icon--user--info--blank--after:after,
.c-icon--users--frame--blank--after:after,
.c-icon--waku-plus--blank--after:after,
.c-icon--wakuwaku--blank--after:after,
.c-icon--x--blank--after:after,
.c-icon--user--list--blank--after:after {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  vertical-align: top;
  display: inline-block;
}

.c-icon--alerm--blank:before {
  content: "\EA01";
}

.c-icon--arrow--bottom--blank:before {
  content: "\EA02";
}

.c-icon--arrow--left--blank:before {
  content: "\EA03";
}

.c-icon--arrow--return-left--fill:before {
  content: "\EA04";
}

.c-icon--arrow--right--blank:before {
  content: "\EA05";
}

.c-icon--arrow--top--blank:before {
  content: "\EA06";
}

.c-icon--bell--blank:before {
  content: "\EA07";
}

.c-icon--board--adult--fill:before {
  content: "\EA08";
}

.c-icon--bell-ringing--blank:before {
  content: "\EA09";
}

.c-icon--board--blank:before {
  content: "\EA0A";
}

.c-icon--board--clock--blank:before {
  content: "\EA0B";
}

.c-icon--board--fill:before {
  content: "\EA0C";
}

.c-icon--calendar--blank:before {
  content: "\EA0D";
}

.c-icon--camera--blank:before {
  content: "\EA0E";
}

.c-icon--camera--fill:before {
  content: "\EA0F";
}

.c-icon--camera--plus--blank:before {
  content: "\EA10";
}

.c-icon--camera-movie--blank:before {
  content: "\EA11";
}

.c-icon--check--blank:before {
  content: "\EA12";
}

.c-icon--check--fill:before {
  content: "\EA13";
}

.c-icon--circle--blank:before {
  content: "\EA14";
}

.c-icon--clothe--blank:before {
  content: "\EA15";
}

.c-icon--clock--blank:before {
  content: "\EA16";
}

.c-icon--crown--fill:before {
  content: "\EA17";
}

.c-icon--cross--blank:before {
  content: "\EA18";
}

.c-icon--diamond--fill:before {
  content: "\EA19";
}

.c-icon--diary--blank:before {
  content: "\EA1A";
}

.c-icon--diary--clock--blank:before {
  content: "\EA1B";
}

.c-icon--diary--fill:before {
  content: "\EA1C";
}

.c-icon--diary--info--blank:before {
  content: "\EA1D";
}

.c-icon--dust-box--blank:before {
  content: "\EA1E";
}

.c-icon--erotic--fill:before {
  content: "\EA1F";
}

.c-icon--exclamation--blank:before {
  content: "\EA20";
}

.c-icon--eye--close--blank:before {
  content: "\EA21";
}

.c-icon--eye--fill:before {
  content: "\EA22";
}

.c-icon--face--circle--blank:before {
  content: "\EA23";
}

.c-icon--face--spoon--fill:before {
  content: "\EA24";
}

.c-icon--face--square--blank:before {
  content: "\EA25";
}

.c-icon--face--square--fill:before {
  content: "\EA26";
}

.c-icon--face--square--plus--blank:before {
  content: "\EA27";
}

.c-icon--female--blank:before {
  content: "\EA28";
}

.c-icon--follow--on--blank:before {
  content: "\EA29";
}

.c-icon--follower--blank:before {
  content: "\EA2A";
}

.c-icon--foot--blank:before {
  content: "\EA2B";
}

.c-icon--gear--fill:before {
  content: "\EA2C";
}

.c-icon--glasses--fill:before {
  content: "\EA2D";
}

.c-icon--hand-clap--fill:before {
  content: "\EA2E";
}

.c-icon--follow--off--blank:before {
  content: "\EA2F";
}

.c-icon--heart--blank:before {
  content: "\EA30";
}

.c-icon--heart--fill:before {
  content: "\EA31";
}

.c-icon--heart--shine--fill:before {
  content: "\EA32";
}

.c-icon--human--teacher--blank:before {
  content: "\EA33";
}

.c-icon--hurry-up--fill:before {
  content: "\EA34";
}

.c-icon--icon_adult:before {
  content: "\EA35";
}

.c-icon--icon_avatar:before {
  content: "\EA36";
}

.c-icon--icon_chat:before {
  content: "\EA37";
}

.c-icon--icon_close:before {
  content: "\EA38";
}

.c-icon--icon_commu:before {
  content: "\EA39";
}

.c-icon--icon_communityleave:before {
  content: "\EA3A";
}

.c-icon--icon_conf:before {
  content: "\EA3B";
}

.c-icon--icon_diary:before {
  content: "\EA3C";
}

.c-icon--icon_diaryhistory:before {
  content: "\EA3D";
}

.c-icon--icon_enco:before {
  content: "\EA3E";
}

.c-icon--icon_commenthistory:before {
  content: "\EA3F";
}

.c-icon--icon_experience:before {
  content: "\EA40";
}

.c-icon--icon_home:before {
  content: "\EA41";
}

.c-icon--icon_info:before {
  content: "\EA42";
}

.c-icon--icon_killtime:before {
  content: "\EA43";
}

.c-icon--icon_list:before {
  content: "\EA44";
}

.c-icon--icon_mail:before {
  content: "\EA45";
}

.c-icon--icon_live:before {
  content: "\EA46";
}

.c-icon--icon_manga:before {
  content: "\EA47";
}

.c-icon--icon_mylist:before {
  content: "\EA48";
}

.c-icon--icon_pagearrowleft:before {
  content: "\EA49";
}

.c-icon--icon_pagearrowright:before {
  content: "\EA4A";
}

.c-icon--icon_pagebackarrow:before {
  content: "\EA4B";
}

.c-icon--icon_patty:before {
  content: "\EA4C";
}

.c-icon--icon_post:before {
  content: "\EA4D";
}

.c-icon--icon_praise:before {
  content: "\EA4E";
}

.c-icon--icon_mypage:before {
  content: "\EA4F";
}

.c-icon--icon_profilesearch:before {
  content: "\EA50";
}

.c-icon--icon_proflist:before {
  content: "\EA51";
}

.c-icon--icon_pure:before {
  content: "\EA52";
}

.c-icon--icon_question:before {
  content: "\EA53";
}

.c-icon--icon_questionnaire:before {
  content: "\EA54";
}

.c-icon--icon_recruiting:before {
  content: "\EA55";
}

.c-icon--icon_request:before {
  content: "\EA56";
}

.c-icon--icon_search:before {
  content: "\EA57";
}

.c-icon--icon_sl_arrow:before {
  content: "\EA58";
}

.c-icon--icon_theme:before {
  content: "\EA59";
}

.c-icon--icon_thum:before {
  content: "\EA5A";
}

.c-icon--icon_twitter:before {
  content: "\EA5B";
}

.c-icon--icon_type:before {
  content: "\EA5C";
}

.c-icon--icon_video:before {
  content: "\EA5D";
}

.c-icon--icon_voice:before {
  content: "\EA5E";
}

.c-icon--icon_talk:before {
  content: "\EA5F";
}

.c-icon--icon_wgl:before {
  content: "\EA60";
}

.c-icon--icon_wwface:before {
  content: "\EA61";
}

.c-icon--ignore--blank:before {
  content: "\EA62";
}

.c-icon--key--blank:before {
  content: "\EA63";
}

.c-icon--key--fill:before {
  content: "\EA64";
}

.c-icon--keyhole--blank:before {
  content: "\EA65";
}

.c-icon--leaves--fill:before {
  content: "\EA66";
}

.c-icon--lip--fill:before {
  content: "\EA67";
}

.c-icon--magnifier--fill:before {
  content: "\EA68";
}

.c-icon--mail--blank:before {
  content: "\EA69";
}

.c-icon--mail--exclamation--blank:before {
  content: "\EA6A";
}

.c-icon--mail--fill:before {
  content: "\EA6B";
}

.c-icon--mail--template--blank:before {
  content: "\EA6C";
}

.c-icon--mail--thick--blank:before {
  content: "\EA6D";
}

.c-icon--male--blank:before {
  content: "\EA6E";
}

.c-icon--magnifier--blank:before {
  content: "\EA6F";
}

.c-icon--memo--blank:before {
  content: "\EA70";
}

.c-icon--memo--fill:before {
  content: "\EA71";
}

.c-icon--menu--hunberger--blank:before {
  content: "\EA72";
}

.c-icon--menu--tile--blank:before {
  content: "\EA73";
}

.c-icon--menu--tile--fill:before {
  content: "\EA74";
}

.c-icon--message-board--blank:before {
  content: "\EA75";
}

.c-icon--message-board--thick--blank:before {
  content: "\EA76";
}

.c-icon--microphone--blank:before {
  content: "\EA77";
}

.c-icon--microphone--fill:before {
  content: "\EA78";
}

.c-icon--movie--fill:before {
  content: "\EA79";
}

.c-icon--new--fill:before {
  content: "\EA7A";
}

.c-icon--note--pen--blank:before {
  content: "\EA7B";
}

.c-icon--note--pen--thick--blank:before {
  content: "\EA7C";
}

.c-icon--p--blank:before {
  content: "\EA7D";
}

.c-icon--p--fill:before {
  content: "\EA7E";
}

.c-icon--movie--blank:before {
  content: "\EA7F";
}

.c-icon--pen--fill:before {
  content: "\EA80";
}

.c-icon--picture--blank:before {
  content: "\EA81";
}

.c-icon--picture--plus--blank:before {
  content: "\EA82";
}

.c-icon--pin--fill:before {
  content: "\EA83";
}

.c-icon--present-box--blank:before {
  content: "\EA84";
}

.c-icon--q--blank:before {
  content: "\EA85";
}

.c-icon--s--fill:before {
  content: "\EA86";
}

.c-icon--speaker--off--blank:before {
  content: "\EA87";
}

.c-icon--speaker--on--blank:before {
  content: "\EA88";
}

.c-icon--speech-balloon--fill:before {
  content: "\EA89";
}

.c-icon--speech-baloon--clock--blank:before {
  content: "\EA8A";
}

.c-icon--speech-baloon--square--fill:before {
  content: "\EA8B";
}

.c-icon--star--blank:before {
  content: "\EA8C";
}

.c-icon--star--circle--fill:before {
  content: "\EA8D";
}

.c-icon--star--fill:before {
  content: "\EA8E";
}

.c-icon--speech-balloon--blank:before {
  content: "\EA8F";
}

.c-icon--tableware--blank:before {
  content: "\EA90";
}

.c-icon--tableware--clock--blank:before {
  content: "\EA91";
}

.c-icon--telephone--blank:before {
  content: "\EA92";
}

.c-icon--thumb--blank:before {
  content: "\EA93";
}

.c-icon--thumb--fill:before {
  content: "\EA94";
}

.c-icon--triangle--blank:before {
  content: "\EA95";
}

.c-icon--triangle--downward--fill:before {
  content: "\EA96";
}

.c-icon--user--frame--blank:before {
  content: "\EA97";
}

.c-icon--user--info--blank:before {
  content: "\EA98";
}

.c-icon--users--frame--blank:before {
  content: "\EA99";
}

.c-icon--waku-plus--blank:before {
  content: "\EA9A";
}

.c-icon--wakuwaku--blank:before {
  content: "\EA9B";
}

.c-icon--x--blank:before {
  content: "\EA9C";
}

.c-icon--user--list--blank:before {
  content: "\EA9D";
}

.c-icon--alerm--blank--after:after {
  content: "\EA01";
}

.c-icon--arrow--bottom--blank--after:after {
  content: "\EA02";
}

.c-icon--arrow--left--blank--after:after {
  content: "\EA03";
}

.c-icon--arrow--return-left--fill--after:after {
  content: "\EA04";
}

.c-icon--arrow--right--blank--after:after {
  content: "\EA05";
}

.c-icon--arrow--top--blank--after:after {
  content: "\EA06";
}

.c-icon--bell--blank--after:after {
  content: "\EA07";
}

.c-icon--board--adult--fill--after:after {
  content: "\EA08";
}

.c-icon--bell-ringing--blank--after:after {
  content: "\EA09";
}

.c-icon--board--blank--after:after {
  content: "\EA0A";
}

.c-icon--board--clock--blank--after:after {
  content: "\EA0B";
}

.c-icon--board--fill--after:after {
  content: "\EA0C";
}

.c-icon--calendar--blank--after:after {
  content: "\EA0D";
}

.c-icon--camera--blank--after:after {
  content: "\EA0E";
}

.c-icon--camera--fill--after:after {
  content: "\EA0F";
}

.c-icon--camera--plus--blank--after:after {
  content: "\EA10";
}

.c-icon--camera-movie--blank--after:after {
  content: "\EA11";
}

.c-icon--check--blank--after:after {
  content: "\EA12";
}

.c-icon--check--fill--after:after {
  content: "\EA13";
}

.c-icon--circle--blank--after:after {
  content: "\EA14";
}

.c-icon--clothe--blank--after:after {
  content: "\EA15";
}

.c-icon--clock--blank--after:after {
  content: "\EA16";
}

.c-icon--crown--fill--after:after {
  content: "\EA17";
}

.c-icon--cross--blank--after:after {
  content: "\EA18";
}

.c-icon--diamond--fill--after:after {
  content: "\EA19";
}

.c-icon--diary--blank--after:after {
  content: "\EA1A";
}

.c-icon--diary--clock--blank--after:after {
  content: "\EA1B";
}

.c-icon--diary--fill--after:after {
  content: "\EA1C";
}

.c-icon--diary--info--blank--after:after {
  content: "\EA1D";
}

.c-icon--dust-box--blank--after:after {
  content: "\EA1E";
}

.c-icon--erotic--fill--after:after {
  content: "\EA1F";
}

.c-icon--exclamation--blank--after:after {
  content: "\EA20";
}

.c-icon--eye--close--blank--after:after {
  content: "\EA21";
}

.c-icon--eye--fill--after:after {
  content: "\EA22";
}

.c-icon--face--circle--blank--after:after {
  content: "\EA23";
}

.c-icon--face--spoon--fill--after:after {
  content: "\EA24";
}

.c-icon--face--square--blank--after:after {
  content: "\EA25";
}

.c-icon--face--square--fill--after:after {
  content: "\EA26";
}

.c-icon--face--square--plus--blank--after:after {
  content: "\EA27";
}

.c-icon--female--blank--after:after {
  content: "\EA28";
}

.c-icon--follow--on--blank--after:after {
  content: "\EA29";
}

.c-icon--follower--blank--after:after {
  content: "\EA2A";
}

.c-icon--foot--blank--after:after {
  content: "\EA2B";
}

.c-icon--gear--fill--after:after {
  content: "\EA2C";
}

.c-icon--glasses--fill--after:after {
  content: "\EA2D";
}

.c-icon--hand-clap--fill--after:after {
  content: "\EA2E";
}

.c-icon--follow--off--blank--after:after {
  content: "\EA2F";
}

.c-icon--heart--blank--after:after {
  content: "\EA30";
}

.c-icon--heart--fill--after:after {
  content: "\EA31";
}

.c-icon--heart--shine--fill--after:after {
  content: "\EA32";
}

.c-icon--human--teacher--blank--after:after {
  content: "\EA33";
}

.c-icon--hurry-up--fill--after:after {
  content: "\EA34";
}

.c-icon--icon_adult--after:after {
  content: "\EA35";
}

.c-icon--icon_avatar--after:after {
  content: "\EA36";
}

.c-icon--icon_chat--after:after {
  content: "\EA37";
}

.c-icon--icon_close--after:after {
  content: "\EA38";
}

.c-icon--icon_commu--after:after {
  content: "\EA39";
}

.c-icon--icon_communityleave--after:after {
  content: "\EA3A";
}

.c-icon--icon_conf--after:after {
  content: "\EA3B";
}

.c-icon--icon_diary--after:after {
  content: "\EA3C";
}

.c-icon--icon_diaryhistory--after:after {
  content: "\EA3D";
}

.c-icon--icon_enco--after:after {
  content: "\EA3E";
}

.c-icon--icon_commenthistory--after:after {
  content: "\EA3F";
}

.c-icon--icon_experience--after:after {
  content: "\EA40";
}

.c-icon--icon_home--after:after {
  content: "\EA41";
}

.c-icon--icon_info--after:after {
  content: "\EA42";
}

.c-icon--icon_killtime--after:after {
  content: "\EA43";
}

.c-icon--icon_list--after:after {
  content: "\EA44";
}

.c-icon--icon_mail--after:after {
  content: "\EA45";
}

.c-icon--icon_live--after:after {
  content: "\EA46";
}

.c-icon--icon_manga--after:after {
  content: "\EA47";
}

.c-icon--icon_mylist--after:after {
  content: "\EA48";
}

.c-icon--icon_pagearrowleft--after:after {
  content: "\EA49";
}

.c-icon--icon_pagearrowright--after:after {
  content: "\EA4A";
}

.c-icon--icon_pagebackarrow--after:after {
  content: "\EA4B";
}

.c-icon--icon_patty--after:after {
  content: "\EA4C";
}

.c-icon--icon_post--after:after {
  content: "\EA4D";
}

.c-icon--icon_praise--after:after {
  content: "\EA4E";
}

.c-icon--icon_mypage--after:after {
  content: "\EA4F";
}

.c-icon--icon_profilesearch--after:after {
  content: "\EA50";
}

.c-icon--icon_proflist--after:after {
  content: "\EA51";
}

.c-icon--icon_pure--after:after {
  content: "\EA52";
}

.c-icon--icon_question--after:after {
  content: "\EA53";
}

.c-icon--icon_questionnaire--after:after {
  content: "\EA54";
}

.c-icon--icon_recruiting--after:after {
  content: "\EA55";
}

.c-icon--icon_request--after:after {
  content: "\EA56";
}

.c-icon--icon_search--after:after {
  content: "\EA57";
}

.c-icon--icon_sl_arrow--after:after {
  content: "\EA58";
}

.c-icon--icon_theme--after:after {
  content: "\EA59";
}

.c-icon--icon_thum--after:after {
  content: "\EA5A";
}

.c-icon--icon_twitter--after:after {
  content: "\EA5B";
}

.c-icon--icon_type--after:after {
  content: "\EA5C";
}

.c-icon--icon_video--after:after {
  content: "\EA5D";
}

.c-icon--icon_voice--after:after {
  content: "\EA5E";
}

.c-icon--icon_talk--after:after {
  content: "\EA5F";
}

.c-icon--icon_wgl--after:after {
  content: "\EA60";
}

.c-icon--icon_wwface--after:after {
  content: "\EA61";
}

.c-icon--ignore--blank--after:after {
  content: "\EA62";
}

.c-icon--key--blank--after:after {
  content: "\EA63";
}

.c-icon--key--fill--after:after {
  content: "\EA64";
}

.c-icon--keyhole--blank--after:after {
  content: "\EA65";
}

.c-icon--leaves--fill--after:after {
  content: "\EA66";
}

.c-icon--lip--fill--after:after {
  content: "\EA67";
}

.c-icon--magnifier--fill--after:after {
  content: "\EA68";
}

.c-icon--mail--blank--after:after {
  content: "\EA69";
}

.c-icon--mail--exclamation--blank--after:after {
  content: "\EA6A";
}

.c-icon--mail--fill--after:after {
  content: "\EA6B";
}

.c-icon--mail--template--blank--after:after {
  content: "\EA6C";
}

.c-icon--mail--thick--blank--after:after {
  content: "\EA6D";
}

.c-icon--male--blank--after:after {
  content: "\EA6E";
}

.c-icon--magnifier--blank--after:after {
  content: "\EA6F";
}

.c-icon--memo--blank--after:after {
  content: "\EA70";
}

.c-icon--memo--fill--after:after {
  content: "\EA71";
}

.c-icon--menu--hunberger--blank--after:after {
  content: "\EA72";
}

.c-icon--menu--tile--blank--after:after {
  content: "\EA73";
}

.c-icon--menu--tile--fill--after:after {
  content: "\EA74";
}

.c-icon--message-board--blank--after:after {
  content: "\EA75";
}

.c-icon--message-board--thick--blank--after:after {
  content: "\EA76";
}

.c-icon--microphone--blank--after:after {
  content: "\EA77";
}

.c-icon--microphone--fill--after:after {
  content: "\EA78";
}

.c-icon--movie--fill--after:after {
  content: "\EA79";
}

.c-icon--new--fill--after:after {
  content: "\EA7A";
}

.c-icon--note--pen--blank--after:after {
  content: "\EA7B";
}

.c-icon--note--pen--thick--blank--after:after {
  content: "\EA7C";
}

.c-icon--p--blank--after:after {
  content: "\EA7D";
}

.c-icon--p--fill--after:after {
  content: "\EA7E";
}

.c-icon--movie--blank--after:after {
  content: "\EA7F";
}

.c-icon--pen--fill--after:after {
  content: "\EA80";
}

.c-icon--picture--blank--after:after {
  content: "\EA81";
}

.c-icon--picture--plus--blank--after:after {
  content: "\EA82";
}

.c-icon--pin--fill--after:after {
  content: "\EA83";
}

.c-icon--present-box--blank--after:after {
  content: "\EA84";
}

.c-icon--q--blank--after:after {
  content: "\EA85";
}

.c-icon--s--fill--after:after {
  content: "\EA86";
}

.c-icon--speaker--off--blank--after:after {
  content: "\EA87";
}

.c-icon--speaker--on--blank--after:after {
  content: "\EA88";
}

.c-icon--speech-balloon--fill--after:after {
  content: "\EA89";
}

.c-icon--speech-baloon--clock--blank--after:after {
  content: "\EA8A";
}

.c-icon--speech-baloon--square--fill--after:after {
  content: "\EA8B";
}

.c-icon--star--blank--after:after {
  content: "\EA8C";
}

.c-icon--star--circle--fill--after:after {
  content: "\EA8D";
}

.c-icon--star--fill--after:after {
  content: "\EA8E";
}

.c-icon--speech-balloon--blank--after:after {
  content: "\EA8F";
}

.c-icon--tableware--blank--after:after {
  content: "\EA90";
}

.c-icon--tableware--clock--blank--after:after {
  content: "\EA91";
}

.c-icon--telephone--blank--after:after {
  content: "\EA92";
}

.c-icon--thumb--blank--after:after {
  content: "\EA93";
}

.c-icon--thumb--fill--after:after {
  content: "\EA94";
}

.c-icon--triangle--blank--after:after {
  content: "\EA95";
}

.c-icon--triangle--downward--fill--after:after {
  content: "\EA96";
}

.c-icon--user--frame--blank--after:after {
  content: "\EA97";
}

.c-icon--user--info--blank--after:after {
  content: "\EA98";
}

.c-icon--users--frame--blank--after:after {
  content: "\EA99";
}

.c-icon--waku-plus--blank--after:after {
  content: "\EA9A";
}

.c-icon--wakuwaku--blank--after:after {
  content: "\EA9B";
}

.c-icon--x--blank--after:after {
  content: "\EA9C";
}

.c-icon--user--list--blank--after:after {
  content: "\EA9D";
}

.c-label__adult-movie-id--1 {
  background: #f7ac60;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__adult-movie-id--2 {
  background: #6ad3e6;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__adult-movie-id--3 {
  background: #7ac272;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__adult-movie-id--4 {
  background: #de83ad;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__adult-movie-id--5 {
  background: #a68aeb;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__adult-movie-id--6 {
  background: #f79279;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__adult-movie-id--7 {
  background: #abcc6e;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__adult-movie-id--8 {
  background: #f779bf;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__adult-photo-id--1 {
  background: #799ff7;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__adult-photo-id--2 {
  background: #f779bf;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__adult-photo-id--3 {
  background: #abcc6e;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__adult-photo-id--4 {
  background: #7ac272;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__adult-photo-id--5 {
  background: #f779bf;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__adult-photo-id--6 {
  background: #f79279;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__adult-photo-id--7 {
  background: #f779bf;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__adult-photo-id--8 {
  background: #de83ad;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__adult-photo-id--9 {
  background: #a68aeb;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__adult-photo-id--10 {
  background: #f7ac60;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__adult-photo-id--11 {
  background: #6ad3e6;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--1 {
  background: #f7c154;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--2 {
  background: #f77999;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--3 {
  background: #f79279;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--4 {
  background: #f779bf;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--5 {
  background: #abcc6e;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--6 {
  background: #6da9de;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--7 {
  background: #de83ad;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--8 {
  background: #a68aeb;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--9 {
  background: #64ccad;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--10 {
  background: #64ccad;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--11 {
  background: #7ac272;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--12 {
  background: #799ff7;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--13 {
  background: #799ff7;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--14 {
  background: #6ad3e6;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--15 {
  background: #6ad3e6;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--20 {
  background: #f7ac60;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--21 {
  background: #79bcf7;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--22 {
  background: #64ccad;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--23 {
  background: #ff7c6e;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--24 {
  background: #86d953;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--25 {
  background: #f7bc16;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--pure {
  background: #9e9e9e;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__bbs-id--adult {
  background: #9e9e9e;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__blacklist {
  background: #abcc6e;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__contact {
  background: #abcc6e;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__favorite {
  background: #abcc6e;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__follow {
  background: #7ac272;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__followed {
  background: #7ac272;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__friend-and-follower-limited {
  background: #f76060;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__friend-limited {
  background: #f76060;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__friend {
  background: #7ac272;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__interested {
  background: #abcc6e;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__memo {
  background: #6fd8c0;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__no-mark {
  background: #abcc6e;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__private {
  background: #9e9e9e;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__secret-message {
  background: #d28ecc;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-label__type {
  background: #f79279;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
}

.c-point {
  height: 25px;
  background: #616161;
  color: #fff;
  font-size: 1.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 3;
}

.c-point__current {
  color: #fefefe;
  font-size: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.c-btn--general {
  background-color: #e0e0e0;
  width: 240px;
  height: 44px;
  -webkit-border-radius: 22px;
     -moz-border-radius: 22px;
          border-radius: 22px;
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 1.6rem;
  position: relative;
  z-index: 1;
  color: #616161;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.c-btn--general.c-icon--arrow--right--blank--after:after {
  position: absolute;
  right: 20px;
  top: 50%;
  margin: -12px 0 0 0;
}

.c-btn--general.is-active {
  background-color: #c1c1c1;
}

.c-btn--top {
  background: #eee;
  border: 1px solid #e0e0e0;
  height: 45px;
  width: 45px;
  -webkit-border-radius: 23px;
     -moz-border-radius: 23px;
          border-radius: 23px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 32px auto 32px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.c-btn--top.c-icon--arrow--top--blank:before {
  font-size: 1.2rem;
  color: #212121;
  margin-right: 0;
  top: 0;
  z-index: 1;
}

.c-btn--top.is-active {
  background-color: #c1c1c1;
}

.c-btn--low {
  background-color: #e0e0e0;
  width: 240px;
  height: 32px;
  -webkit-border-radius: 22px;
     -moz-border-radius: 22px;
          border-radius: 22px;
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 1.6rem;
  position: relative;
  color: #616161;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.c-btn--low.c-icon--arrow--right--blank:after {
  content: "\EA04";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: none;
  position: relative;
  top: 2px;
}

.c-btn--low.c-icon--arrow--right--blank:before {
  display: none;
}

.c-btn--low.is-active {
  background-color: #c1c1c1;
}

.c-btn--action {
  background-color: #64ccad;
  height: 44px;
  -webkit-border-radius: 22px;
     -moz-border-radius: 22px;
          border-radius: 22px;
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 1.6rem;
  position: relative;
  z-index: 1;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.c-btn--action.is-active {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  background-color: #3cb792;
}

.c-btn--action__favorite {
  background-color: #F59A25;
  height: 44px;
  -webkit-border-radius: 22px;
     -moz-border-radius: 22px;
          border-radius: 22px;
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 1.6rem;
  position: relative;
  z-index: 1;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.c-btn--action__favorite.is-active {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  background-color: #d37b0a;
}

.c-btn--payment {
  height: 44px;
  padding: 5px;
  -webkit-box-shadow: 0 4px 0 #3cb792;
     -moz-box-shadow: 0 4px 0 #3cb792;
          box-shadow: 0 4px 0 #3cb792;
}

.c-btn--payment-caption {
  display: block;
  height: 18px;
  margin-bottom: 3px;
  font-size: 1.8rem;
  line-height: 1.8rem;
}

.c-btn--payment-point {
  display: inline-block;
  width: auto;
  height: 14px;
  padding: 0 12px;
  color: #64ccad;
  font-size: 1rem;
  vertical-align: top;
  background-color: #fff;
  -webkit-border-radius: 14px;
     -moz-border-radius: 14px;
          border-radius: 14px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.c-btn--memo-category {
  position: relative;
  display: inline-block;
  height: 16px;
  padding: 0px 32px 0 8px;
  background-color: #eee;
  color: #616161;
  font-size: 1rem;
  border: none;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.c-btn--memo-category:before {
  position: absolute;
  top: 0px;
  right: 10px;
  content: '\EA02';
  font-family: 'icon';
  font-size: 1rem;
}

.c-history {
  margin-bottom: 32px;
}

.c-history__list_body {
  border-bottom: 1px solid #e0e0e0;
}

.c-history__list_body.border-top {
  border-bottom: none;
  border-top: 1px solid #e0e0e0;
}

.c-history__link {
  font-size: 1.5rem;
  padding: 8px 32px 8px 16px;
  color: #212121;
  position: relative;
  display: block;
}

.c-history__link.c-icon--arrow--right--blank--after:after {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  color: #9e9e9e;
}

.c-input--checkbox {
  display: none;
}

.c-input--checkbox + .c-label {
  position: relative;
  display: inline-block;
  padding: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.c-input--checkbox + .c-label::before,
.c-input--checkbox + .c-label::after {
  position: absolute;
  content: '';
}

.c-input--checkbox + .c-label::before {
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin: -8px -8px -8px -24px;
  border: 1px solid #9e9e9e;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.c-input--checkbox + .c-label::after {
  opacity: 0;
  top: 50%;
  left: 0;
  width: 8px;
  height: 4px;
  margin: -4px 0 0 -21px;
  border: 2px solid #fff;
  border-width: 0 0 2px 2px;
}

.c-input--checkbox + .c-label:hover::before {
  background: #fff;
}

.c-input--checkbox:checked + .c-label::before {
  background: #64ccad;
  border: 1px solid #64ccad;
}

.c-input--checkbox:checked + .c-label::after {
  opacity: 1;
  -webkit-transform: rotate(-45deg) scale(1);
     -moz-transform: rotate(-45deg) scale(1);
      -ms-transform: rotate(-45deg) scale(1);
       -o-transform: rotate(-45deg) scale(1);
          transform: rotate(-45deg) scale(1);
}

.c-input--radio {
  display: none;
}

.c-input--radio + .c-label {
  position: relative;
  padding: 3px 3px 3px 22px;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.c-input--radio + .c-label::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background: #fff;
  border: 1px solid #9e9e9e;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
}

.c-input--radio:checked + .c-label::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 4px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: #64ccad;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
}

.c-form--textarea--wrap {
  padding: 10px 16px 0;
}

.c-form--textarea {
  border: 1px solid #e0e0e0;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  padding: 9px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  resize: none;
  width: 100%;
  font-size: 1.4rem;
}

.c-form--textarea:focus {
  border: 1px solid #64ccad;
}

.c-form--textarea.is-inactive {
  background: #eee;
  color: #424242;
}

.c-form--select {
  border: 1px solid #e0e0e0;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  padding: 6px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  resize: none;
  height: 37px;
  width: 100%;
  font-size: 1.4rem;
  position: relative;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="8"><path d="M0,0 10,0 5,8z" fill="#fff" /></svg>') no-repeat 100% 50%;
}

.c-form--select:focus {
  border: 1px solid #64ccad;
  outline: none;
}

.c-form--select-wrap {
  position: relative;
}

.c-form--select-wrap:before {
  content: '';
  position: absolute;
  -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
  background: #64ccad;
  width: 44px;
  height: 36px;
  right: 0;
  margin-bottom: -36px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.c-form--select-wrap.btn-grey:before {
  background-image: url("/img/wmsp/btn/fm_pulldown.png");
}

.c-form--count {
  color: #9e9e9e;
  font-size: 1.4rem;
  text-align: right;
  padding-right: 16px;
  margin-top: 8px;
}

.c-form--link-list {
  height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
  padding-left: 16px;
  color: #212121;
  position: relative;
}

.c-form--link-list.c-icon--arrow--right--blank--after:after {
  position: absolute;
  right: 16px;
  top: 50%;
  font-size: 1.3rem;
  margin-top: -8px;
}

.c-form-row {
  padding: 0 48px;
  overflow: hidden;
}

.c-form--col2 {
  font-size: 1.4rem;
  width: 50%;
  float: left;
  padding-bottom: 32px;
}

.c-form--col2:nth-last-child(-n+2) {
  padding-bottom: 0;
}

.c-form-col3 {
  float: left;
  font-size: 1.4rem;
  min-height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 33.3%;
}

.c-form--list-wrap {
  padding: 0 16px;
  overflow: hidden;
}

.c-form--list-content {
  font-size: 1.5rem;
  float: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.c-form--notice {
  color: #f760a7;
  font-size: 1.2rem;
  padding: 0 16px;
  margin-top: 8px;
}

.c-form--alert--validate {
  font-size: 1.4rem;
  padding: 16px;
  background: rgba(247, 96, 96, 0.2);
  color: #616161;
  display: none;
}

.c-header {
  background-color: #f760a7;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
  width: 100%;
  height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 18px;
  position: relative;
  z-index: 4;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.c-header__caption {
  color: #fff;
  font-size: 1rem;
  font-weight: normal;
}

.c-header__point {
  color: #fff;
  position: absolute;
  bottom: .3rem;
  width: 100%;
  text-align: center;
  left: 0;
  font-weight: normal;
}

.c-header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 4;
}

.c-header__wakuwaku {
  padding-left: 8px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.c-header__wakuwaku .c-icon--wakuwaku--blank:before {
  font-size: 3.6rem;
  color: #fff;
  margin-right: 0;
}

.c-header__wakuwaku .c-header__wakuwaku-text {
  margin: 0;
  color: #fff;
  position: relative;
  top: -10px;
}

.c-header__top {
  position: relative;
  width: 4.4rem;
  height: 4.4rem;
  margin-left: 8px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.c-header__top .c-icon--wakuwaku--blank {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.c-header__top .c-icon--wakuwaku--blank:before {
  position: absolute;
  top: -1.3rem;
  left: 0.4rem;
  font-size: 3.6rem;
  color: #fff;
  margin-right: 0;
}

.c-header__top .c-icon--wakuwaku--blank:after {
  position: absolute;
  top: 2.3rem;
  left: 0.5rem;
  content: 'トップ';
  margin: 0;
  color: #fff;
}

.c-header__menu {
  padding-right: 8px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.c-header__menu.c-icon--menu--blank:before {
  font-size: 1.9rem;
  color: #fff;
  margin: 0;
}

.c-header__icon {
  text-align: center;
}

.c-header__icon:before {
  font-size: 3.6rem;
  color: #fff;
  margin-right: 0;
}

.c-header__icon .c-header__icon-text {
  margin: 0;
  color: #fff;
  position: relative;
  top: -10px;
}

.c-header__title {
  color: #fff;
  font-size: 1.8rem;
  width: 100%;
  text-align: center;
  left: 0;
  z-index: 5;
  position: absolute;
  top: 50%;
  margin-top: -1.5rem;
}

.c-header__title--point {
  margin-top: -2rem;
}

.c-header__title--col2 {
  position: absolute;
  top: 18%;
}

.c-header__title--box {
  color: #fff;
  font-size: 1.8rem;
}

.c-header__function {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-header__nav--top {
  text-align: center;
  width: 67px;
  z-index: 6;
}

.c-header__nav--top[class*="c-icon--"]:before {
  color: #fff;
  line-height: 1;
}

.c-header__nav--top.c-icon--wakuwaku--blank:before {
  font-size: 3.6rem;
}

.c-header__nav--top__caption {
  position: relative;
  top: -5px;
}

.c-header__nav--arrow-left {
  text-align: center;
  width: 45px;
  height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 6;
}

.c-header__nav--arrow-left[class*="c-icon--"]:before {
  color: #fff;
  line-height: 1;
}

.c-header__nav--arrow-left.c-icon--arrow--left--blank:before {
  font-size: 1.8rem;
}

.c-header--has_icon {
  width: 100%;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-header__title_icons {
  white-space: nowrap;
  height: 4.4rem;
  margin-right: 8px;
}

.c-header__back {
  color: white;
  font-size: 28px;
  margin-left: -20px;
}

.c-header__wakuwaku {
  padding-left: 8px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.c-header__wakuwaku .c-icon--wakuwaku:before {
  font-size: 3.6rem;
  color: #fff;
  margin-right: 0;
}

.c-heading--h2 {
  background: #f760a7;
  height: 34px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 8px;
  font-size: 1.8rem;
  color: #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.c-heading--h2__point {
  background: #fff;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
  font-size: 1.2rem;
  color: #f760a7;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-heading--h2__works-number {
  font-size: 1.2rem;
  margin-left: 16px;
}

.c-heading--h2__works-number--my-profile {
  font-size: 1.2rem;
  margin-left: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-heading--h2__btn--setting {
  height: 30px;
  background: #fff;
  color: #f760a7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 30px;
  font-size: 1.5rem;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  padding: 0 16px 0 16px;
  margin-right: 8px;
}

.c-heading--h2__btn--setting.c-icon--arrow--right--blank--after:after {
  margin-left: 4px;
}

.c-heading--h2__btn--setting.is-active.c-icon--arrow--right--blank--after:after {
  opacity: .2;
}

.c-heading--h2__btn--setting.is-active .c-heading--h2__btn--setting__inner-text {
  opacity: .2;
}

.c-heading--h3 {
  background: #e0e0e0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 8px;
  font-size: 1.5rem;
  color: #616161;
}

.c-heading--h3__btn--setting {
  height: 30px;
  background: #fff;
  color: #616161;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 30px;
  font-size: 1.5rem;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  padding: 0 16px 0 16px;
  margin-right: 8px;
}

.c-heading--h3__btn--setting.c-icon--arrow--right--blank--after:after {
  margin-left: 4px;
}

.c-heading--h3__btn--setting.is-active.c-icon--arrow--right--blank--after:after {
  opacity: .2;
}

.c-heading--h3__btn--setting.is-active .c-heading--h2__btn--setting__inner-text {
  opacity: .2;
}

.c-heading--setting {
  min-height: 44px;
  padding-left: 8px;
}

.c-heading--setting__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  display: none;
  padding: 24px 16px;
  color: #212121;
  font-size: 1.6rem;
  background: #fff;
  border: 3px solid #f884a3;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  z-index: 8;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.c-dialog--content-wrap {
  margin-bottom: 16px;
}

.c-dialog--text {
  min-height: 2.4rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
  text-align: center;
}

.c-dialog--btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.c-dialog--btn {
  display: block;
  width: 50%;
  min-width: 120px;
  height: 44px;
  margin: 0 8px;
  line-height: 44px;
  cursor: pointer;
}

.c-dialog--btn--general {
  background-color: #fff;
  border: 1px solid #bdbdbd;
}

.c-loading {
  width: 70px;
  text-align: center;
  position: fixed;
  z-index: 6;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -35px;
  display: none;
}

.c-loading .c-loading__item {
  width: 18px;
  height: 18px;
  background-color: #FB39A0;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  display: inline-block;
  -webkit-animation: circle-bounce 1.4s infinite ease-in-out both;
  -moz-animation: circle-bounce 1.4s infinite ease-in-out both;
    -o-animation: circle-bounce 1.4s infinite ease-in-out both;
       animation: circle-bounce 1.4s infinite ease-in-out both;
}

.c-loading .c-loading__item--1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
    -o-animation-delay: -0.32s;
       animation-delay: -0.32s;
}

.c-loading .c-loading__item--2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
    -o-animation-delay: -0.16s;
       animation-delay: -0.16s;
}

@-webkit-keyframes circle-bounce {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes circle-bounce {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
         transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
         transform: scale(1);
  }
}

@-o-keyframes circle-bounce {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -o-transform: scale(0);
       transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes circle-bounce {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
      -o-transform: scale(0);
         transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
      -o-transform: scale(1);
         transform: scale(1);
  }
}

.c-overlay {
  background: rgba(0, 0, 0, 0.7);
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
}

.c-overlay--loading {
  background: rgba(255, 255, 255, 0.7);
}

.c-overlay--fade {
  background: rgba(0, 0, 0, 0.7);
  display: none;
  opacity: 0;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
}

.c-overlay--fade.is-show {
  display: block;
}

.c-overlay--fade.is-active {
  opacity: 1;
}

.c-overlay--fade.is-hide {
  opacity: 0;
  -webkit-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
}

.c-toast {
  background: rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  width: 130px;
  height: 130px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -65px 0 0 -65px;
  color: #fff;
  font-size: 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  z-index: 7;
}

.c-toast--error {
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
      -ms-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
}

.c-toast--error .c-icon--exclamation--blank:before {
  font-size: 4.5rem;
  margin-right: 0;
}

.c-toast--error.is-animation {
  -webkit-animation: scale-in 0.5s ease-out;
     -moz-animation: scale-in 0.5s ease-out;
       -o-animation: scale-in 0.5s ease-out;
          animation: scale-in 0.5s ease-out;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}

.c-toast--error.is-animated {
  -webkit-animation: scale-out 0.2s ease-in;
     -moz-animation: scale-out 0.2s ease-in;
       -o-animation: scale-out 0.2s ease-in;
          animation: scale-out 0.2s ease-in;
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
      -ms-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
}

.c-toast--error__body {
  font-size: 1rem;
}

.c-toast--notice {
  display: none;
  max-width: 80%;
  font-size: 1.5rem;
}

.c-toast--notice.prepare {
  position: absolute;
  display: inline-block;
  opacity: 1;
  left: 0;
}

.c-toast--notice.show {
  position: fixed;
  top: 30%;
  left: 50%;
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border: 3px solid #f760a7;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  padding: 24px;
  color: #212121;
  font-size: 14px;
  background-color: white;
  z-index: 100;
}

.c-toast--common {
  display: none;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}

.c-toast--common P[class^="c-icon--"] {
  font-size: 4.5rem;
  margin-right: 0;
}

.c-toast--common.is-show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.c-toast--common.is-active {
  opacity: 1;
}

.c-toast--common.is-hide {
  opacity: 0;
  -webkit-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
}

.c-footer {
  border-top: 1px solid #e0e0e0;
  padding: 10px 16px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(255, 255, 255, 0.9);
  z-index: 2;
  -webkit-backface-visibility: hidden;
}

.c-footer-btn--wrap {
  padding: 0 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.c-footer-btn--content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-footer-btn--box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-footer-btn {
  font-size: 1.6rem;
  height: 44px;
  -webkit-border-radius: 22px;
     -moz-border-radius: 22px;
          border-radius: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@-webkit-keyframes scale-in {
  0% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  40% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  80% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-moz-keyframes scale-in {
  0% {
    -moz-transform: scale(0.4);
         transform: scale(0.4);
  }
  40% {
    -moz-transform: scale(1.2);
         transform: scale(1.2);
  }
  60% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
  80% {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
}

@-o-keyframes scale-in {
  0% {
    -o-transform: scale(0.4);
       transform: scale(0.4);
  }
  40% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }
  60% {
    -o-transform: scale(1);
       transform: scale(1);
  }
  80% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes scale-in {
  0% {
    -webkit-transform: scale(0.4);
       -moz-transform: scale(0.4);
         -o-transform: scale(0.4);
            transform: scale(0.4);
  }
  40% {
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }
  60% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  80% {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes scale-out {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@-moz-keyframes scale-out {
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
  100% {
    -moz-transform: scale(0);
         transform: scale(0);
  }
}

@-o-keyframes scale-out {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }
  100% {
    -o-transform: scale(0);
       transform: scale(0);
  }
}

@keyframes scale-out {
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}

@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}

@-o-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(2);
            transform: scale(2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-moz-keyframes bounce {
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
  50% {
    -moz-transform: scale(2);
         transform: scale(2);
  }
  100% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
}

@-o-keyframes bounce {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }
  50% {
    -o-transform: scale(2);
       transform: scale(2);
  }
  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(2);
       -moz-transform: scale(2);
         -o-transform: scale(2);
            transform: scale(2);
  }
  100% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-moz-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -moz-transform: scale(0);
         transform: scale(0);
  }
  40% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
}

@-o-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -o-transform: scale(0);
       transform: scale(0);
  }
  40% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

.c-error {
  color: #616161;
  background: rgba(248, 132, 163, 0.2);
  padding: 8px 16px;
  margin: 16px -16px 0;
}

.c-error__text {
  font-size: 1.4rem;
}

@media (min-device-width: 375px) {
  .c-error__text {
    font-size: 1.6rem;
  }
}

.c-error__text:nth-child(n+2) {
  margin-top: 8px;
}

.c-design-theme__header {
  margin-top: -1.8rem;
  width: 100%;
  height: 6rem;
  background-repeat: repeat-x;
  background-position: center top;
  -moz-background-size: auto 6rem;
    -o-background-size: auto 6rem;
       background-size: auto 6rem;
}

.c-design-theme__splitter {
  width: 100%;
  height: 2.5rem;
  background-repeat: repeat-x;
  background-position: center top;
  -moz-background-size: auto 2.5rem;
    -o-background-size: auto 2.5rem;
       background-size: auto 2.5rem;
}

/* Project -------------------------------------------- */
/* Registration */
.registration {
  /**********************************************/
  /* 共通スタイル                               */
  /**********************************************/
  width: 100%;
  font-size: 14px;
  font-family: HiraKakuProN, sans-serif;
  text-align: center;
  color: #616161;
  /**********************************************/
  /* 情報入力                                   */
  /**********************************************/
  /**********************************************/
  /* 電話番号認証 と SMS認証                    */
  /**********************************************/
  /**********************************************/
  /* SMS認証コードの入力                        */
  /**********************************************/
}

.registration a {
  color: #5ca6d6;
}

.registration-header {
  display: table;
  width: 100%;
  height: 50px;
  padding-top: 24px;
}

.registration-header_inner {
  display: table-cell;
  vertical-align: middle;
}

.registration-header_inner-label {
  display: inline-block;
  margin: 0 52px;
}

.registration-header_inner-label p {
  padding: 0;
  margin: 0;
  font-size: 12px;
}

.registration-header_inner :first-child, .registration-header_inner :last-child {
  margin: 0;
}

.registration-message {
  margin-top: 24px;
  width: 100%;
  min-height: 8px;
  background-color: #f6f4f4;
  text-align: center;
}

.registration-message img {
  width: 100%;
  display: block;
}

.registration-message p {
  padding: 16px 0;
  font-weight: bold;
}

.registration-title {
  position: relative;
  margin: 0 auto;
  height: 54px;
  border-bottom: solid 1px #e5e5e5;
}

.registration-title p {
  position: absolute;
  top: 22px;
  bottom: 16px;
  left: 0;
  right: 0;
  margin: auto;
  font-weight: bold;
  color: #000;
}

.registration-text_small {
  margin-top: 12px;
}

.registration-text_small__bottom {
  margin-top: 24px;
}

.registration-text_small p {
  font-size: 12px;
}

.registration-error {
  width: 100%;
  margin-bottom: 24px;
}

.registration-error-message {
  margin-left: 16px;
  font-size: 14px;
  color: #f884a3;
  text-align: left;
  list-style: none outside;
  text-indent: -12px;
}

.registration-error-message:before {
  content: '';
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: url("/img/wmsp/project/registration/error_icon.png");
  -moz-background-size: 12px 12px;
    -o-background-size: 12px 12px;
       background-size: 12px 12px;
  background-repeat: no-repeat;
  position: relative;
  left: -8px;
}

.registration-submit_btn input {
  margin: 0;
  margin-bottom: 24px;
  padding: 0;
  width: 100%;
  height: 50px;
  -webkit-border-radius: 24px;
     -moz-border-radius: 24px;
          border-radius: 24px;
  border: none;
  background-color: #88cdcd;
  font-size: 16px;
  font-weight: bold;
  font-family: HiraginoSans, sans-serif;
  text-align: center;
  color: #fff;
}

.registration-submit_btn input:disabled {
  background-color: #dbdee3;
}

.registration-submit_btn-call {
  margin: 0;
  margin-bottom: 24px;
  padding-right: 44px;
  width: 100%;
  height: 50px;
  -webkit-border-radius: 24px;
     -moz-border-radius: 24px;
          border-radius: 24px;
  border: none;
  background-color: #88cdcd;
  font-size: 16px;
  font-weight: bold;
  font-family: HiraginoSans, sans-serif;
  text-align: center;
  color: #fff;
}

.registration-submit_btn-call img {
  vertical-align: middle;
  width: 44px;
  height: 44px;
}

.registration__index_header {
  width: 100%;
  height: 56px;
  position: fixed;
  z-index: 5;
  font-family: HiraginoSans, sans-serif;
  background-color: #fff;
  border-bottom: solid 1px #e5e5e5;
}

.registration__index_header-icon {
  position: absolute;
  width: 44px;
  height: 44px;
  top: 0;
  bottom: 0;
  left: 15px;
  margin: auto;
  line-height: 44px;
  font-size: 44px;
  color: #f884a3;
}

.registration__index_header-title {
  position: absolute;
  height: 18px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}

.registration__index_header-title p {
  line-height: 18px;
  font-size: 18px;
  font-weight: bold;
  color: #616161;
}

.registration__index_header-login {
  position: absolute;
  width: 44px;
  height: 30px;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  text-align: center;
}

.registration__index_header-login img {
  width: 14px;
  height: 14px;
}

.registration__index_header-login p {
  font-size: 10px;
  font-weight: bold;
  color: #f884a3;
}

.registration__index_header_blank {
  height: 56px;
}

.registration__index {
  width: 87%;
  margin: 0 auto;
}

.registration__index-heading {
  margin-top: 24px;
  text-align: left;
}

.registration__index-heading-label {
  font-weight: bold;
  color: #000;
  vertical-align: sub;
}

.registration__index-heading-required {
  padding: 1px 4px;
  margin-left: 4px;
  display: inline-block;
  vertical-align: text-bottom;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background-color: #88cdcd;
  line-height: 13px;
  font-size: 10px;
  color: #fff;
}

.registration__index-hint {
  margin-top: 8px;
  margin-left: 16px;
  text-align: left;
}

.registration__index-hint__webview {
  margin-bottom: 28px;
}

.registration__index-hint--message {
  display: inline;
}

.registration__index-hint--focused {
  color: #bbb;
}

.registration__index-hint--focused p {
  vertical-align: baseline;
}

.registration__index-hint--focused-mark {
  display: inline-block;
  line-height: 12px;
}

.registration__index-hint--focused-mark img {
  width: 12px;
  height: 12px;
}

.registration__index-hint--checked {
  color: #88cdcd;
}

.registration__index-hint--checked p {
  vertical-align: baseline;
}

.registration__index-hint--checked-mark {
  display: inline-block;
  line-height: 12px;
}

.registration__index-hint--checked-mark img {
  width: 12px;
  height: 12px;
}

.registration__index-hint--error {
  color: #f884a3;
}

.registration__index-hint--error p {
  vertical-align: baseline;
}

.registration__index-hint--error-mark {
  display: inline-block;
  line-height: 12px;
}

.registration__index-hint--error-mark img {
  width: 12px;
  height: 12px;
}

.registration__index-city--noncheck {
  color: #bbb;
}

.registration__index-mailto {
  margin: 0;
  text-align: left;
  text-indent: 1.2em;
}

.registration__index-form--textarea {
  width: 100%;
  height: 48px;
  text-indent: 1em;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  border: solid 1px #bbb;
  font-size: 16px;
}

.registration__index-form--textarea::-webkit-input-placeholder {
  color: #bbb;
}

.registration__index-form--textarea::-moz-placeholder {
  color: #bbb;
}

.registration__index-form--textarea:-ms-input-placeholder {
  color: #bbb;
}

.registration__index-form--textarea::placeholder {
  color: #bbb;
}

.registration__index-form--textarea:focus {
  border: solid 1px #88cdcd;
}

.registration__index-form--textarea_error {
  border: solid 1px #f884a3;
}

.registration__index-form--select {
  width: 100%;
  height: 48px;
  padding: 0 40px 0 16px;
  line-height: 48px;
  font-family: HiraKakuProN, sans-serif;
  font-size: 16px;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  border: solid 1px #bbb;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("/img/wmsp/project/registration/list_down_icon.png");
  -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
       background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: right 14px center;
  cursor: pointer;
}

.registration__index-form--pref_wrap, .registration__index-form--city_wrap {
  display: table-cell;
  width: 50%;
}

.registration__index-form--select_divider {
  display: table-cell;
  padding: 0 4px;
  width: 8px;
  color: #bbb;
  font-size: 10px;
  vertical-align: middle;
}

.registration__index-form--password {
  position: relative;
}

.registration__index-form--password-show {
  position: absolute;
  width: 20px;
  height: 20px;
  z-index: 1;
  top: 0px;
  bottom: 0;
  right: 14px;
  margin: auto;
  background-image: url("/img/wmsp/project/registration/eye_close_icon.png");
  -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
       background-size: 20px 20px;
  background-repeat: no-repeat;
}

.registration__index-form--password-show:checked {
  background-image: url("/img/wmsp/project/registration/eye_open_icon.png");
  -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
       background-size: 20px 20px;
}

.registration__index-form--generation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.registration__index-form--generation select {
  width: 30%;
  padding-right: 16px;
}

@media only screen and (max-width: 320px) {
  .registration__index-form--generation select {
    background-position: right 4px center;
  }
}

.registration__index-form--generation span {
  margin: 0 4px;
}

.registration__index-form--generation span:last-child {
  margin-right: 0;
}

.registration__index-form--generation .year {
  padding-left: 4px;
}

.registration__index-link_rule {
  margin-bottom: 16px;
}

.registration__index-link_rule a {
  color: #f884a3;
}

.registration__sms {
  margin-top: 24px;
}

.registration__sms input[type="radio"] {
  display: none;
}

.registration__sms-tab {
  width: 100%;
  margin-top: 24px;
  border-bottom: solid 1px #88cdcd;
  overflow: hidden;
  font-size: 0;
}

.registration__sms-tab label {
  display: inline-block;
  width: 42%;
  height: 40px;
  margin: 0 3px -1px;
  line-height: 42px;
  text-align: center;
  font-size: 14px;
  color: #88cdcd;
  background-color: #fff;
  border-top: solid 1px #88cdcd;
  border-left: solid 1px #88cdcd;
  border-right: solid 1px #88cdcd;
  border-bottom: none;
  border-top-left-radius: 16px;
  -webkit-border-top-left-radius: 16px;
  -moz-border-radius-topleft: 16px;
  border-top-right-radius: 16px;
  -webkit-border-top-right-radius: 16px;
  -moz-border-radius-topright: 16px;
}

.registration__sms-call_again {
  border: solid 1px #88cdcd;
  color: #88cdcd;
  background-color: #fff;
}

.registration__sms-contents {
  width: 87%;
  margin: 0 auto;
}

.registration__sms-contents-panel {
  padding: 0;
  width: 100%;
  display: none;
}

.registration__sms-contents-panel-message {
  width: 100%;
  margin: 24px 0;
  padding: 12px 0;
  background-color: #f6f4f4;
  line-height: 16px;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
}

.registration__sms-contents-panel-message div {
  padding: 12px;
}

.registration__sms-contents-panel-message-tel_no {
  font-size: 18px;
  font-weight: bold;
  color: #83c1c6;
}

.registration__sms-contents-panel-message-back {
  font-family: HiraginoSans, sans-serif;
}

.registration__sms-contents-panel-process {
  margin-bottom: 24px;
  font-size: 12px;
  text-align: start;
  list-style-type: decimal;
  list-style-position: inside;
}

.registration__sms-contents-panel-process li {
  margin-bottom: 8px;
  padding-left: 1em;
  text-indent: -1.3em;
}

#registration__sms-tab_sms:checked ~ .registration__sms-tab #registration__sms-tab-sms_label {
  color: #fff;
  background-color: #88cdcd;
}

#registration__sms-tab_tel:checked ~ .registration__sms-tab #registration__sms-tab-tel_label {
  color: #fff;
  background-color: #88cdcd;
}

#registration__sms-tab_sms:checked ~ .registration__sms-contents #registration__sms-contents-sms {
  display: block;
}

#registration__sms-tab_tel:checked ~ .registration__sms-contents #registration__sms-contents-tel {
  display: block;
}

.registration__telpass {
  width: 87%;
  margin: 0 auto;
}

.registration__telpass-auth_code {
  display: inline-block;
  margin: 24px 8px;
  width: 46px;
  height: 50px;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  border: solid 1px #bbb;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  caret-color: #5ca6d6;
}

.registration__telpass-auth_code:disabled {
  background: #f6f4f4;
}

.registration__telpass-error {
  margin-bottom: 24px;
}

.registration__telpass-resend {
  margin-bottom: 24px;
  font-family: HiraginoSans, sans-serif;
}

.registration__telpass-restart {
  margin-bottom: 24px;
  font-family: HiraginoSans, sans-serif;
}

.p-registration__header {
  background: #fff;
}

.p-registration__nav--arrow-left {
  width: 44px;
  text-align: center;
}

.p-registration__nav--arrow-left:before {
  color: #616161;
  font-size: 1.8rem;
}

@media (min-device-width: 375px) {
  .p-registration__nav--arrow-left:before {
    font-size: 2rem;
  }
}

.p-registration__nav--arrow-left.is-active:before {
  opacity: 0.2;
}

.p-registration__title {
  color: #616161;
}

.p-registration__title .c-icon--wakuwaku--blank:before {
  font-size: 4rem;
  position: relative;
  top: -1.8rem;
}

@media (min-device-width: 375px) {
  .p-registration__title .c-icon--wakuwaku--blank:before {
    font-size: 4.2rem;
  }
}

.p-registration__title__icon {
  margin-right: 8px;
}

.p-registration__step {
  padding: 0 16px;
}

.p-registration__image--step {
  width: 100%;
}

.p-registration__image--sms {
  height: 64px;
}

.p-registration__required-item {
  font-size: 1.2rem;
  color: #f884a3;
}

@media (min-device-width: 375px) {
  .p-registration__required-item {
    font-size: 1.4rem;
  }
}

.p-registration__heading2--step {
  font-weight: bold;
  font-size: 1.6rem;
  color: #f884a3;
  margin-top: 16px;
}

@media (min-device-width: 375px) {
  .p-registration__heading2--step {
    font-size: 1.8rem;
  }
}

.p-registration__heading3--step {
  color: #616161;
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 16px;
}

@media (min-device-width: 375px) {
  .p-registration__heading3--step {
    font-size: 1.8rem;
  }
}

.p-registration__heading--form-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  border-bottom: 1px solid #f884a3;
  border-left: 5px solid #f884a3;
  padding-left: 10px;
  margin-bottom: 10px;
}

.p-registration__heading--form__nickname {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #616161;
  font-size: 1.4rem;
}

@media (min-device-width: 375px) {
  .p-registration__heading--form__nickname {
    font-size: 1.6rem;
  }
}

.p-registration__heading--form__required-item {
  color: #f884a3;
  font-size: 1.2rem;
}

@media (min-device-width: 375px) {
  .p-registration__heading--form__required-item {
    font-size: 1.4rem;
  }
}

.p-registration__heading--form__partner {
  color: #616161;
  font-size: 1.6rem;
  margin-top: 32px;
}

@media (min-device-width: 375px) {
  .p-registration__heading--form__partner {
    font-size: 1.8rem;
  }
}

.p-registration__note {
  color: #616161;
  font-size: 1.4rem;
  margin-top: 8px;
}

@media (min-device-width: 375px) {
  .p-registration__note {
    font-size: 1.6rem;
  }
}

.p-registration__note--emphasis {
  color: #f884a3;
}

.p-registration__note--emphasis__no-margin {
  color: #f884a3;
  margin: 0;
}

.p-registration__text {
  color: #616161;
  font-size: 1.4rem;
  margin-top: 16px;
}

@media (min-device-width: 375px) {
  .p-registration__text {
    font-size: 1.6rem;
  }
}

.p-registration__text--complete {
  font-size: 1.8rem;
  color: #f884a3;
  font-weight: bold;
  text-align: center;
  margin-top: 32px;
}

@media (min-device-width: 375px) {
  .p-registration__text--complete {
    font-size: 2rem;
  }
}

.p-registration__text--complete.is-active {
  background-color: #f54a78;
}

.p-registration__text01 {
  border-bottom: 2px solid #c7c7c7;
  margin-top: 16px;
  font-size: 1.4rem;
  padding-bottom: 10px;
}

.p-registration__text02 {
  font-size: 1.4rem;
  color: #f884a3;
  margin-top: 16px;
}

.p-registration__btn {
  height: 44px;
  -webkit-border-radius: 22px;
     -moz-border-radius: 22px;
          border-radius: 22px;
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 1.6rem;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media (min-device-width: 375px) {
  .p-registration__btn {
    font-size: 1.8rem;
  }
}

.p-registration__btn--login {
  background: #f884a3;
  margin-top: 32px;
  width: 100%;
  color: #fff;
  font-size: 1.8rem;
}

@media (min-device-width: 375px) {
  .p-registration__btn--login {
    font-size: 2rem;
  }
}

.p-registration__btn--login.is-active {
  background-color: #f54a78;
}

.p-registration__btn--login--input {
  background: #f884a3;
  margin-top: 32px;
  width: 100%;
  color: #fff;
  font-size: 1.8rem;
}

@media (min-device-width: 375px) {
  .p-registration__btn--login--input {
    font-size: 2rem;
  }
}

.p-registration__btn--login--input.is-active {
  background-color: #f54a78;
}

.p-registration__btn--action {
  background-color: #64ccad;
  color: #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-top: 16px;
}

.p-registration__btn--action.is-active {
  background-color: #3cb792;
}

.p-registration__btn--action.is-inactive {
  background-color: #e0e0e0;
}

.p-registration__btn--action.is-inactive.is-active {
  background-color: #c1c1c1;
}

.p-registration__btn--action--shadow {
  -webkit-box-shadow: 0 6px 0 #3cb792;
     -moz-box-shadow: 0 6px 0 #3cb792;
          box-shadow: 0 6px 0 #3cb792;
}

.p-registration__btn--sms {
  width: 100%;
  height: 80px;
  -webkit-border-radius: 40px;
     -moz-border-radius: 40px;
          border-radius: 40px;
  padding: 8px;
  margin-top: 32px;
}

.p-registration__btn--sms.is-active {
  background-color: #3cb792;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  top: 4px;
}

.p-registration__btn--primary-wrap {
  padding: 0 32px;
  margin-top: 16px;
}

.p-registration__btn--primary {
  background: #9e9e9e;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  -webkit-border-radius: 22px;
     -moz-border-radius: 22px;
          border-radius: 22px;
  font-size: 1.4rem;
  margin-top: 16px;
}

@media (min-device-width: 375px) {
  .p-registration__btn--primary {
    font-size: 1.6rem;
  }
}

.p-registration__btn--primary.is-active {
  background-color: #7f7f7f;
}

.p-registration__footer {
  border-top: 1px solid #e0e0e0;
  text-align: center;
  font-size: 1rem;
  padding: 8px 0;
  margin-top: 32px;
}

@media (min-device-width: 375px) {
  .p-registration__footer {
    font-size: 1.2rem;
  }
}

.p-registration__input-data__term {
  font-size: 1.6rem;
  color: #616161;
  text-align: right;
}

@media (min-device-width: 375px) {
  .p-registration__input-data__term {
    font-size: 1.8rem;
  }
}

.p-registration__input-data__description {
  font-size: 1.6rem;
  color: #424242;
  padding-left: 16px;
}

@media (min-device-width: 375px) {
  .p-registration__input-data__description {
    font-size: 1.8rem;
  }
}

.p-registration__link {
  color: #64ccad;
}

.p-registration__next-step-wrap {
  border-top: 1px dotted #bdbdbd;
  margin-top: 32px;
  padding-top: 16px;
}

.p-registration__textarea {
  margin-top: 16px;
}

.p-registration__phone-number {
  background: #eee;
  padding: 16px;
  font-size: 3.1rem;
  color: #212121;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

@media (min-device-width: 375px) {
  .p-registration__phone-number {
    font-size: 3.3rem;
  }
}

.p-registration__call {
  margin-top: 32px;
}

.p-registration__call__image {
  width: 100%;
}

.p-registration__ad img,
.p-registration__ad iframe {
  display: none;
}

.p-registration_complete_message {
  text-align: center;
  font-size: 1.7rem;
  color: #9b9fa6;
}

.c-form--textarea {
  font-size: 1.4rem;
}

@media (min-device-width: 375px) {
  .c-form--textarea {
    font-size: 1.6rem;
  }
}

.c-form--select {
  font-size: 1.4rem;
}

@media (min-device-width: 375px) {
  .c-form--select {
    font-size: 1.6rem;
  }
}

/* Top */
/* Referenced by : SASS_BASE/style.scss */
.p-top__face {
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -144px 0 0 -144px;
  z-index: 7;
  opacity: 0;
  display: none;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}

.p-top__face.is-show {
  display: block;
}

.p-top__face.is-active {
  opacity: 1;
}

.p-top__face.is-hide {
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}

.p-top__face .c-btn--action {
  margin-top: 8px;
}

.p-top__face--btn-close {
  position: absolute;
  top: -22px;
  right: -16px;
}

.p-top__face--btn-close img {
  width: 44px;
}

.p-top__face--heading {
  color: #fff;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.8rem;
  -webkit-border-radius: 3px 3px 0 0;
     -moz-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;
  background: #f884a3;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-top__face--content {
  width: 288px;
  border: 3px solid #f884a3;
  border-width: 0 3px 3px;
  background: #fff;
  -webkit-border-radius: 0 0 3px 3px;
     -moz-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px;
  padding: 16px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.p-top__face--content-image {
  width: 100%;
}

@media screen and (max-device-height: 480px) {
  .p-top__face--content-image {
    width: 70%;
    display: block;
    margin: 0 auto;
  }
}

.p-top__face input[type="checkbox"] + label,
.p-top__face input[type="checkbox"]:checked + label {
  background: initial;
  top: 0;
  right: 0;
  height: auto;
  margin: 16px 0 0 32px;
  color: #616161;
  font-size: 1.4rem;
}

.p-top-tutorial--dialog {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  background: #fff;
  padding: 16px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 8;
  display: none;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}

.p-top-tutorial--dialog.is-male {
  border: 3px solid #34bcef;
}

.p-top-tutorial--dialog.is-male .p-top-tutorial-content {
  font-size: 1.6rem;
  color: #34bcef;
}

.p-top-tutorial--dialog.is-female {
  border: 2px solid #f884a3;
}

.p-top-tutorial--dialog.is-female.p-top-tutorial--dialog-step1 {
  overflow: hidden;
}

.p-top-tutorial--dialog.is-female.p-top-tutorial--dialog-step4 {
  border: none;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  padding: 0;
}

.p-top-tutorial--dialog.is-female .p-top-tutorial--dialog__heading {
  font-size: 1.8rem;
  margin-bottom: 8px;
  color: #616161;
  text-align: center;
}

.p-top-tutorial--dialog.is-female .p-top-tutorial--dialog__lead {
  color: #f884a3;
  font-size: 1.8rem;
  margin-bottom: 8px;
  font-weight: bold;
}

.p-top-tutorial--dialog.is-female .p-top-tutorial--dialog__content {
  color: #f884a3;
  font-size: 1.6rem;
  margin-bottom: 8px;
  font-weight: bold;
}

.p-top-tutorial--dialog.is-female .p-top-tutorial--dialog__content--step3 {
  color: #616161;
  font-weight: normal;
}

.p-top-tutorial--dialog.is-female .p-top-tutorial--dialog__content--step4 {
  color: #616161;
  padding: 16px;
  margin-bottom: 0;
  font-weight: normal;
}

.p-top-tutorial--dialog.is-female .p-top-tutorial--dialog__btn--next {
  width: 128px;
  height: 32px;
  float: right;
}

.p-top-tutorial--dialog.is-female .p-top-tutorial--dialog__link-content {
  border-top: 1px solid #e0e0e0;
}

.p-top-tutorial--dialog.is-female .p-top-tutorial--dialog__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
  color: #f760a7;
}

.p-top-tutorial--dialog.is-show {
  display: block;
}

.p-top-tutorial--dialog.is-active {
  opacity: 1;
}

.p-top-tutorial--dialog.is-hide {
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}

.p-top-tutorial-btn--next {
  font-size: 1.8rem;
}

.p-top-tutorial--form {
  display: none;
}

.p-top-tutorial--form__notice {
  margin-bottom: 16px;
}

.p-top-tutorial--form__footer {
  padding: 8px;
  border-top: 1px solid #e0e0e0;
}

.p-top-tutorial--form__alert {
  margin: 16px 16px 8px;
}

.p-top__newyear {
  position: fixed;
  width: 268px;
  height: 397px;
  top: 50%;
  left: 50%;
  margin: -198.5px 0 0 -134px;
  z-index: 7;
  display: none;
  opacity: 0;
}

.p-top__newyear.is-show {
  display: block;
  -webkit-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.p-top__newyear.is-active {
  opacity: 1;
  -webkit-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.p-top__newyear.is-hide {
  opacity: 0;
}

.p-top__newyear__card-image {
  width: 268px;
  height: 397px;
}

.p-top__newyear__card--close {
  width: 44px;
  position: absolute;
  top: -20px;
  right: -20px;
  padding: 0;
}

.p-top__newyear__card--close__image {
  width: 44px;
}

.p-top__newyear--overlay {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 6;
  display: none;
}

.p-top__newyear--overlay.is-active {
  display: block;
}

/* Profile */
.p-profile-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  font-size: 1.8rem;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}

.p-profile-header.is-active {
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  margin-left: 0;
}

.p-profile-header.st-seamless {
  margin-right: -44px;
}

.p-profile-arrow {
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.p-profile-arrow.c-icon--arrow--bottom--blank {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.p-profile-arrow.c-icon--arrow--bottom--blank:before {
  font-size: 1.8rem;
  color: #fff;
  margin: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}

.p-profile-arrow.c-icon--arrow--bottom--blank.on:before {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}

.p-profile-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.8rem;
  color: #fff;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  position: relative;
}

.p-profile-header__image {
  width: 33px;
  height: 33px;
  -webkit-border-radius: 17px;
     -moz-border-radius: 17px;
          border-radius: 17px;
  margin-right: 8px;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: 50% 0;
  position: relative;
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
      -ms-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}

.p-profile-header__image.p-profile-header__image--other {
  margin-left: -44px;
}

.p-profile-header__image.p-profile-header__image--other.is-active {
  margin-left: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}

.p-profile-header__image.p-profile-header__image--mine {
  margin-left: -77px;
}

.p-profile-header__image.p-profile-header__image--mine.is-active {
  margin-left: -44px;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}

.p-profile-header__image.is-show {
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}

.p-profile-header__image--mask {
  width: 33px;
  height: 33px;
  -webkit-border-radius: 17px;
     -moz-border-radius: 17px;
          border-radius: 17px;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
}

.p-profile-btn--personal {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  background-color: #f884a3;
  width: 100%;
  height: 44px;
  color: #fff;
  text-align: center;
  -webkit-box-shadow: 0 2px 0 #ff577e;
     -moz-box-shadow: 0 2px 0 #ff577e;
          box-shadow: 0 2px 0 #ff577e;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
  margin-bottom: 16px;
  font-size: 1.1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
}

.p-profile-btn--personal.is-active {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  position: relative;
  top: 2px;
  background-color: #f54a78;
}

.p-profile-btn--personal:last-of-type {
  margin-bottom: 0;
}

.p-profile-btn--personal__point {
  background: #fff;
  color: #f884a3;
  display: inline-block;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  padding: 0 12px;
}

.p-profile__footer__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-family: HiraginoSans-W3;
}

.p-profile__footer__list__body-foot, .p-profile__footer__list__body-mail, .p-profile__footer__list__body-smile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.p-profile__footer__list__body-foot {
  margin-right: 8px;
}

.p-profile__footer__list__body-mail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.p-profile__footer__list__body-type {
  margin-left: 8px;
}

.p-profile__footer__list__body-smile {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: 8px;
}

.p-profile__footer__list__link--smile__body {
  letter-spacing: -1px;
}

.p-profile__footer__list__mail--history {
  display: block;
  margin: 0 0 4px 0;
  background: #fff;
  color: #88cdcd;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 14px;
  line-height: 14px;
  -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
          border-radius: 7px;
  font-size: 1rem;
  padding: 0 8px;
  position: relative;
}

.p-profile__footer__list__mail--mail-send {
  font-weight: bold;
  padding: 0 4px;
}

.p-profile__footer__list__link--foot__body {
  position: relative;
  top: -7px;
}

.p-profile__footer__list .c-icon--mail--fill:before {
  margin: 0 4px 0 0;
}

.p-profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}

.p-profile__springboard {
  position: fixed;
  z-index: 3;
  display: none;
  width: 100%;
  background: #eee;
}

.p-profile__springboard__text {
  margin-top: 8px;
  font-size: 1.2rem;
}

.p-profile__springboard__list {
  overflow: hidden;
  border-bottom: 1px solid #e0e0e0;
}

.p-profile__springboard__body {
  width: 33.33%;
  background: #eee;
  border: 1px solid #e0e0e0;
  border-width: 0 1px 1px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  cursor: pointer;
}

.p-profile__springboard__body:nth-child(3) {
  border-right: none;
}

.p-profile__springboard__body:nth-child(4) {
  border-bottom: none;
}

.p-profile__springboard__body:nth-child(5) {
  border-bottom: none;
}

.p-profile__springboard__body:nth-child(6) {
  border-bottom: none;
}

.p-profile__springboard__body.btnBbs {
  margin: 0;
}

.p-profile__springboard__body.btnBbs span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  color: #000;
}

.p-profile__springboard__body--voice {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.p-profile__springboard__body--voice:first-child {
  border-right: 1px solid #e0e0e0;
}

.p-profile__springboard__menu {
  width: 100%;
  height: 75px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #212121;
}

.p-profile__springboard__menu[class*="c-icon--"]:before {
  margin-right: 0;
  display: block;
  font-size: 2.2rem;
}

.p-profile-image-wrap {
  width: 100px;
  padding-left: 16px;
  margin-right: 8px;
}

.p-label--type {
  background-color: #f79279;
  padding: 4px;
  color: #fff;
  margin-bottom: 8px;
  text-align: center;
}

.p-label--type.c-icon--type:before {
  position: relative;
  top: 1px;
  margin-right: 1px;
}

.p-label--type-count {
  background-color: #f784a4;
  padding: 4px;
  color: #fff;
  margin-bottom: 8px;
  text-align: center;
}

.p-label--type-count.c-icon--type:before {
  position: relative;
  top: 1px;
  margin-right: 1px;
}

.p-profile-image {
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
  position: relative;
  margin-bottom: 8px;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: 50% 0;
}

.p-profile__image--mask {
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
}

.p-profile-camera {
  -webkit-border-radius: 14px;
     -moz-border-radius: 14px;
          border-radius: 14px;
  border-style: solid;
  border-width: 2px;
  border-color: #9e9e9e;
  background-color: #fff;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #9e9e9e;
}

.p-profile-camera.c-icon--camera:before {
  margin-right: 1px;
  top: 0;
}

.p-profile-info-wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-profile-info-relation-wrap {
  overflow: hidden;
}

.p-profile-info-relation {
  background-color: #7ac272;
  color: #fff;
  margin: 0 5px 5px 0;
  padding: 4px;
  float: left;
  position: relative;
}

.p-profile-info-relation--new-face {
  padding-left: 2.1rem;
  clear: left;
}

.p-profile-info-relation.c-icon--leaves--fill:before {
  font-size: 1.5rem;
  position: absolute;
  top: 1px;
  left: 4px;
}

.p-profile-info-detail__list {
  border-bottom: 1px solid #e0e0e0;
  padding: 4px;
  font-size: 1.6rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}

.p-profile-info-detail__list.c-icon--male--blank:before {
  color: #34bcef;
}

.p-profile-info-detail__list.c-icon--female--blank:before {
  color: #f884a3;
}

.p-profile-detail {
  padding-bottom: 32px;
}

.p-profile-detail.no-pad-bottom {
  padding-bottom: 0;
}

.p-profile-detail-list--no-data {
  font-size: 1.5rem;
  padding-left: 8px;
}

.p-profile-detail-list-row {
  border-bottom: 1px solid #e0e0e0;
}

.p-profile-info-detail-list:first-child {
  border-top: 1px solid #e0e0e0;
}

.p-profile-info-detail-list:last-child {
  border-bottom: 1px solid #e0e0e0;
}

.p-profile-detail-list__content {
  border-bottom: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
  padding: 8px 0;
}

.p-profile-detail-list__content:last-child {
  border-bottom: none;
}

.p-profile-detail-list__content.last {
  border-bottom: 1px solid #e0e0e0;
}

.p-profile-detail-list__content.selfie_auth > .p-profile-detail-list__heading,
.p-profile-detail-list__content.facebook_auth > .p-profile-detail-list__heading {
  position: relative;
  padding-left: 3.8rem;
}

.p-profile-detail-list__content.selfie_auth > .p-profile-detail-list__heading:before,
.p-profile-detail-list__content.facebook_auth > .p-profile-detail-list__heading:before {
  content: '';
  width: 1.4rem;
  top: 0.4rem;
  position: absolute;
  background-repeat: no-repeat;
}

.p-profile-detail-list__content.selfie_auth > .p-profile-detail-list__heading:before {
  height: 1.6rem;
  left: 1.7rem;
  background-image: url("/img/wmsp/selfie_auth/selfie_badge.svg");
  -moz-background-size: 1.4rem 1.6rem;
    -o-background-size: 1.4rem 1.6rem;
       background-size: 1.4rem 1.6rem;
}

.p-profile-detail-list__content.facebook_auth > .p-profile-detail-list__heading:before {
  height: 1.4rem;
  left: 1.6rem;
  background-image: url("/img/wmsp/facebook/icon--facebook@3x.png");
  -moz-background-size: 1.4rem 1.4rem;
    -o-background-size: 1.4rem 1.4rem;
       background-size: 1.4rem 1.4rem;
}

.p-profile-detail-list__content.selfie_auth > .p-profile-detail-list__detail,
.p-profile-detail-list__content.facebook_auth > .p-profile-detail-list__detail {
  width: 20%;
  padding-right: 0;
}

.p-profile-detail-list__content.selfie_auth > .p-profile-detail-list__button,
.p-profile-detail-list__content.facebook_auth > .p-profile-detail-list__button {
  width: 30%;
  padding-right: 0.8rem;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-align: right;
}

.p-profile-detail-list__content.selfie_auth > .p-profile-detail-list__button > a,
.p-profile-detail-list__content.facebook_auth > .p-profile-detail-list__button > a {
  color: #f860a6;
  border: 0.1rem solid #f860a6;
  -webkit-border-radius: 1.4rem;
     -moz-border-radius: 1.4rem;
          border-radius: 1.4rem;
  padding: 0.5rem 0.9rem 0.5rem 1.1rem;
}

.p-profile-detail-list__content.selfie_auth > .p-profile-detail-list__button > .disable,
.p-profile-detail-list__content.facebook_auth > .p-profile-detail-list__button > .disable {
  color: #e4e4e4;
  border: 0.1rem solid #e4e4e4;
  cursor: default;
}

.p-profile-detail-list__heading {
  padding-left: 16px;
  color: #616161;
  width: 50%;
  font-size: 1.4rem;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.p-profile-detail-list__detail {
  font-size: 1.5rem;
  width: 50%;
  padding-right: 16px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.p-profile-detail-list__detail .p-profile-detail-list__detail__link {
  color: #f760a7;
}

.p-profile-heading-class-privilege {
  padding-left: 8px;
  background: #f7c154;
  font-size: 1.5rem;
  font-weight: bold;
}

.p-profile-class-privilege-list {
  background: #FCF8EE;
}

.p-profile-class-privilege-list:last-child {
  border-bottom: 1px solid #e0e0e0;
}

.p-interest {
  font-size: 1.5rem;
  padding: 8px;
}

.p-interest__closed-setting {
  color: #f760a7;
}

.p-profile-evaluation__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e0e0e0;
  padding: 8px 0;
}

.p-profile-evaluation__heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 60px;
  font-size: 1.4rem;
  color: #616161;
  width: 50%;
}

.p-profile-evaluation__star-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 60px;
  font-size: 1.4rem;
  width: 50%;
}

.p-profile-evaluation__star--on {
  color: #F5D600;
  font-size: 1.6rem;
}

.p-profile-evaluation__star--off {
  color: #f5f5f5;
  font-size: 1.6rem;
}

.p-profile-comment {
  padding-bottom: 32px;
}

.p-profile-comment__no-data {
  font-size: 1.5rem;
  padding: 8px 8px 0;
}

.p-profile-comment__content {
  font-size: 1.5rem;
  padding: 8px 8px 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}

.p-profile-wakuplus {
  margin-bottom: 32px;
}

.p-profile-wakuplus__logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-profile-wakuplus--btn-profile {
  position: relative;
  height: 47px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-profile-wakuplus--btn-profile.c-icon--waku-plus:before {
  display: block;
  position: relative;
  top: -5px;
  margin-right: 0;
  height: 47px;
  font-size: 5.8rem;
}

.p-profile-wakuplus__description {
  font-size: 1.5rem;
  padding: 8px;
}

.p-profile-message-board {
  padding-bottom: 32px;
}

.p-profile-message-board__setting-state {
  background: #e0e0e0;
  text-align: center;
  height: 32px;
  font-size: 1.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-profile-message-board--no-data {
  font-size: 1.5rem;
  padding: 0 8px 0;
}

.p-profile-message-board .c-icon--note-pen:before {
  margin-right: 5px;
  top: 0;
}

.p-profile-message-board__btn {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  border: 1px solid #9e9e9e;
  color: #616161;
  font-size: 1.4rem;
  margin: 8px 8px;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px 0;
}

.p-profile-message-board__btn.c-icon--clock--blank:before {
  margin: 0 5px 0 8px;
}

.p-profile-message-board__placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 4px;
}

.p-profile-message-board__user {
  font-size: 1.5rem;
  position: relative;
  color: #212121;
  display: block;
  padding: 12px 12px 12px 0;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 16px;
  overflow: hidden;
}

.p-profile-message-board__user.c-icon--arrow--right--blank--after:after {
  float: right;
  color: #9e9e9e;
}

.p-profile-message-board__user.c-icon--male--blank:before {
  color: #34bcef;
  margin-right: 4px;
}

.p-profile-message-board__user.c-icon--female--blank:before {
  color: #f884a3;
  margin-right: 4px;
}

.p-profile-message-board [class*="c-label__"] {
  margin-bottom: 8px;
}

.p-profile-time {
  font-size: 1.2rem;
  color: #9e9e9e;
}

.p-profile-time.c-icon--clock--blank:before {
  margin-right: 4px;
}

.p-profile__message-board__time {
  font-size: 1.2rem;
  color: #9e9e9e;
  padding: 0 0 8px 0;
}

.p-profile-time.c-icon--time:before {
  color: #9e9e9e;
  position: relative;
  top: 1px;
  margin-right: 2px;
}

.p-profile-message-board__content {
  font-size: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}

.p-profile-message-board__content-wrap {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 16px 16px 16px;
}

.p-profile-message-board__content-wrap .label--secret-message {
  margin-bottom: 8px;
}

.p-profile-message-board__content-wrap:before {
  content: "";
  position: absolute;
  left: -16px;
  width: 100%;
}

.p-profile-message-board__content-wrap:first-of-type {
  border-top: 1px solid #e0e0e0;
}

.p-profile-message-board__content-wrap:last-of-type {
  margin-bottom: 16px;
}

.p-profile-diary {
  padding-bottom: 32px;
}

.p-profile-diary [class*="c-label__"] {
  margin: 0 0 8px 16px;
}

.p-profile-diary--no-data {
  font-size: 1.5rem;
  padding: 8px 8px 0;
}

.p-profile-diary__time {
  margin: 0 0 5px 16px;
}

.p-profile-diary__title {
  font-size: 1.6rem;
  padding: 0 16px 10px 16px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  font-weight: bold;
}

.p-profile-diary__title.c-icon--adult:before {
  display: inline;
}

.p-profile-diary__title--limited {
  font-size: 1.6rem;
  padding: 0 16px 10px 16px;
  word-break: break-word;
  color: #9e9e9e;
  font-weight: bold;
}

.p-profile-diary__body {
  font-size: 1.5rem;
  padding: 0 16px 10px 16px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}

.p-profile-diary__body--limited {
  font-size: 1.5rem;
  padding: 8px 16px 10px 16px;
  font-weight: bold;
  text-align: center;
}

.p-profile-diary-wrap {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 16px;
  padding-bottom: 8px;
}

.p-profile-diary-wrap:first-of-type {
  padding-top: 16px;
}

.p-profile-diary__reaction,
.p-profile-diary__media-data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.p-profile-diary__reaction__list {
  margin-right: 16px;
  font-size: 1.2rem;
  color: #9e9e9e;
}

.p-profile-diary__reaction__list.c-icon--tweet:before, .p-profile-diary__reaction__list.c-icon--thumb:before, .p-profile-diary__reaction__list.c-icon--eye:before, .p-profile-diary__reaction__list.c-icon--camera:before, .p-profile-diary__reaction__list.c-icon--movie:before {
  position: relative;
  top: 1px;
  margin-right: 1px;
}

.p-profile-diary__media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 8px;
}

.p-profile-diary__media a:nth-child(2) {
  margin: 0 8px;
}

.p-profile-diary__media--photo, .p-profile-diary__media--movie {
  display: block;
  width: 96px;
  height: 88px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: 50% 0;
  position: relative;
}

.p-profile-diary__media--photo:before, .p-profile-diary__media--movie:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background: -webkit-gradient(linear, right top, left top, color-stop(8%, #000), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(right, #000 8%, rgba(0, 0, 0, 0) 100%);
  background: -moz- oldlinear-gradient(right, #000 8%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(right, #000 8%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(-90deg, #000 8%, rgba(0, 0, 0, 0) 100%);
  width: 35px;
  height: 22px;
  -webkit-border-radius: 0 0 3px 0;
     -moz-border-radius: 0 0 3px 0;
          border-radius: 0 0 3px 0;
}

.p-profile-diary__media--photo[class*="c-icon"]:after, .p-profile-diary__media--movie[class*="c-icon"]:after {
  font-size: 1.5rem;
  color: #fff;
  position: absolute;
  bottom: -2px;
  right: 9px;
}

.p-profile-diary__recommend {
  margin: 0 0 8px 16px;
  padding: 2px 4px;
  width: 76px;
  background: #f3c112 URL("/img/wmsp/common/icon_recommend_diary.png") 66px center no-repeat;
  -moz-background-size: 15px;
    -o-background-size: 15px;
       background-size: 15px;
  color: #FFF;
}

.p-profile-diary-wrap--limited {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 16px;
}

.p-profile-diary-wrap--limited:first-of-type {
  padding-top: 16px;
}

.p-profile__relationship {
  border-top: 1px solid #e0e0e0;
  margin: 8px 8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 0;
  font-size: 1.5rem;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.p-profile__relationship__list {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.2rem;
  color: #616161;
}

.p-profile__relationship__list .p-profile__relationship__link {
  color: #616161;
}

.p-profile-tweet {
  padding-bottom: 32px;
}

.p-profile-tweet--no-data {
  font-size: 1.5rem;
  padding: 8px 8px 0;
}

.p-profile-tweet-wrap {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 16px;
}

.p-profile-tweet-wrap [class*="c-label__"] {
  margin: 0 0 8px 16px;
}

.p-profile-tweet-wrap:first-of-type {
  padding-top: 16px;
}

.p-profile-tweet__body {
  font-size: 1.5rem;
  color: #212121;
  padding: 8px 16px 8px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}

.p-profile-tweet__body a {
  color: #f760a7;
}

.p-profile-tweet__status-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 1.2rem;
  color: #9e9e9e;
  padding-left: 16px;
  margin-top: 8px;
}

.p-profile-tweet__good {
  margin-right: 16px;
  color: #9e9e9e;
}

.p-profile-tweet__comment {
  color: #9e9e9e;
}

.p-profile-tweet__btn {
  margin: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2rem;
  color: #616161;
  border-top: 1px solid #e0e0e0;
  padding-top: 8px;
  cursor: pointer;
}

.p-profile-tweet__btn-comment__link {
  color: #616161;
}

.p-profile-tweet__btn-good__link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #616161;
}

.p-profile-tweet__btn-good__link.is-active {
  color: #f760a7;
}

.p-profile-tweet__btn-good__link.is-active:before {
  -webkit-animation: bounce 0.3s cubic-bezier(0.55, 0, 0.1, 1);
     -moz-animation: bounce 0.3s cubic-bezier(0.55, 0, 0.1, 1);
       -o-animation: bounce 0.3s cubic-bezier(0.55, 0, 0.1, 1);
          animation: bounce 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.p-profile-tweet-btn--inactive {
  opacity: 0.3;
}

.p-profile-tweet-btn--liked {
  color: #f760a7;
}

.p-profile-tweet-btn--favorited {
  color: #f760a7;
}

.p-profile-tweet-btn--favorited.c-icon--star--fill:before {
  color: #F5D600;
}

.p-profile-tweet-image {
  height: 135px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: 50% 0;
  margin: 0 8px 0;
}

.p-profile-tweet-partner {
  margin: 0 16px 0;
  font-size: 1.5rem;
}

.p-profile-tweet-partner__quote {
  color: #616161;
}

.p-profile-tweet-partner__link {
  color: #f760a7;
}

.p-profile-tweet-partner__link.c-icon--male:before {
  color: #34bcef;
}

.p-profile-tweet-partner__link.c-icon--female:before {
  color: #f884a3;
}

.p-profile-tweet-partner__desc {
  color: #616161;
}

.p-profile-time.p-profile-tweet__time {
  margin: 0 16px 0;
}

.p-profile-tweet__btn-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-profile__favorite__btn__link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

.p-profile__favorite__btn__link.c-icon--favorite:before {
  top: 1px;
}

.p-profile__favorite__btn__link.is-active {
  color: #f760a7;
}

.p-profile__favorite__btn__link.is-active:before {
  color: #F5D600;
  -webkit-animation: bounce 0.3s cubic-bezier(0.55, 0, 0.1, 1);
     -moz-animation: bounce 0.3s cubic-bezier(0.55, 0, 0.1, 1);
       -o-animation: bounce 0.3s cubic-bezier(0.55, 0, 0.1, 1);
          animation: bounce 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.p-profile-board {
  padding-bottom: 32px;
}

.p-profile-board .c-btn--general {
  margin-top: 16px;
}

.p-profile-board .p-profile__message-board__setting-state:nth-of-type(2) {
  border-top: 1px solid #f1ebf0;
}

.p-profile-board--no-data {
  font-size: 1.5rem;
  padding: 8px 8px 0;
}

.p-profile-board__wrap {
  padding: 16px 0 16px 0;
  border-bottom: 1px solid #e0e0e0;
  display: block;
}

.p-profile-board__wrap.c-icon--arrow--right--blank {
  position: relative;
  color: #212121;
}

.p-profile-board__wrap.c-icon--arrow--right--blank:before {
  position: absolute;
  right: 10px;
  top: 50%;
  color: #9e9e9e;
  font-size: 1.5rem;
  margin-top: -12px;
}

.p-profile-board-label {
  margin: 0 0 8px 16px;
}

.p-profile-board__time {
  margin-left: 16px;
}

.p-profile-board__body {
  font-size: 1.5rem;
  padding: 0 32px 0 16px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  color: #212121;
}

.p-profile-gohan {
  padding-bottom: 32px;
}

.p-profile-gohan--no-data {
  font-size: 1.5rem;
  padding: 8px 8px 0;
}

.p-profile-gohan__img-wrap {
  padding: 0 0 0 16px;
}

.p-profile-gohan__img {
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: 0 50%;
  width: 48px;
  height: 48px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.p-profile-gohan__body-wrap {
  padding: 0 32px 0 16px;
  color: #212121;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

.p-profile-gohan__body-wrap.c-icon--arrow--right--blank:before {
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 1.5rem;
  color: #9e9e9e;
  margin-top: -12px;
}

.p-profile-gohan__body {
  font-size: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.p-profile__content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 16px;
  position: relative;
}

.p-profile-adult-image {
  padding-bottom: 32px;
}

.p-profile-adult-image .c-btn--general {
  margin-top: 16px;
}

.p-profile-adult-image__setting-state {
  background: #e0e0e0;
  text-align: center;
  height: 32px;
  font-size: 1.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-profile-adult-image__wrap {
  position: relative;
  display: block;
  color: #212121;
  padding: 16px 0 16px 16px;
  border-bottom: 1px solid #e0e0e0;
}

.p-profile-adult-image__wrap.c-icon--arrow--right--blank:before {
  position: absolute;
  top: -8px;
  right: 10px;
  top: 50%;
  font-size: 1.5rem;
  color: #9e9e9e;
  margin-top: -7px;
}

.p-profile-adult-image__body {
  font-size: 1.5rem;
  margin-right: 32px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}

.p-profile-adult-image__time {
  margin: 8px 0;
}

.p-adult-image__no-data {
  font-size: 1.5rem;
  padding: 8px 8px 0;
}

.p-profile-link {
  color: #f760a7;
  padding-bottom: 32px;
}

.p-profile-link__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e0e0e0;
}

.p-profile-link__body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #9e9e9e;
  text-align: center;
  border-right: 1px solid #e0e0e0;
}

.p-profile-link__body .c-icon--face--square--blank:before,
.p-profile-link__body .c-icon--follow--on--blank:before,
.p-profile-link__body .c-icon--follower--blank:before {
  font-size: 2.3rem;
  margin-right: 0;
  color: #9e9e9e;
}

.p-profile-link__body:last-child {
  border-right: none;
}

.p-profile-link__wrap {
  color: #212121;
  padding: 8px 0;
  display: block;
}

.p-profile-link-name {
  color: #616161;
  font-size: 1.2rem;
}

.p-profile-link-count {
  color: #f884a3;
  font-size: 1.2rem;
}

.p-profile-link-count--inactive {
  color: #9e9e9e;
  font-size: 1.2rem;
}

.p-profile__memo {
  padding-bottom: 32px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e0e0e0;
}

.p-profile__memo .c-label__memo {
  margin: 16px 0 8px 16px;
}

.p-profile__memo--no-data {
  font-size: 1.5rem;
  padding: 8px 8px 16px;
}

.p-profile__memo__time {
  margin: 0 0 0 16px;
}

.p-profile__memo__body {
  padding: 0 16px 16px;
  font-size: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}

.p-profile__negative {
  padding-bottom: 16px;
}

.p-profile__negative .p-profile__negative__btn {
  background: #eee;
  height: 32px;
  font-size: 1.4rem;
  margin-bottom: 16px;
}

.p-profile__negative .p-profile__negative__btn.is-active {
  background-color: #cfcfcf;
}

.p-profile__negative .c-icon--neglect:before,
.p-profile__negative .c-icon--report:before {
  margin-right: 5px;
}

.p-profile__negative__list {
  margin-bottom: 16px;
}

.p-profile--smile {
  padding-bottom: 32px;
}

.p-profile--smile .c-icon--face--circle--blank:before {
  top: 0;
}

.p-profile--smile .is-disable {
  background: #f5f5f5;
  color: #bdbdbd;
}

.p-profile--smile__description {
  font-size: 1.5rem;
  padding: 8px;
}

.p-profile--foot {
  padding-bottom: 32px;
}

.p-profile--foot .c-icon--face--circle--blank:before {
  top: 0;
}

.p-profile--foot .is-disable {
  background: #f5f5f5;
  color: #bdbdbd;
}

.p-profile--foot__description {
  font-size: 1.5rem;
  padding: 8px;
}

.p-profile-toast--foot {
  display: none;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}

.p-profile-toast--foot .c-icon--foot--blank:before {
  font-size: 4.5rem;
  margin-right: 0;
}

.p-profile-toast--foot.is-show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.p-profile-toast--foot.is-active {
  opacity: 1;
}

.p-profile-toast--foot.is-hide {
  opacity: 0;
  -webkit-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
}

.p-profile-toast--smile {
  display: none;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}

.p-profile-toast--smile .c-icon--face--circle--blank:before {
  font-size: 4.5rem;
  margin-right: 0;
}

.p-profile-toast--smile.is-show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.p-profile-toast--smile.is-active {
  opacity: 1;
}

.p-profile-toast--smile.is-hide {
  opacity: 0;
  -webkit-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
}

.p-profile-dialog--iikamo {
  position: fixed;
  width: 197px;
  height: 86px;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  display: inline-block;
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
  background-color: white;
  z-index: 100;
  text-align: center;
}

.p-profile-dialog--iikamo--body {
  position: absolute;
  width: 81px;
  height: 81px;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-color: #ffffff;
}

.p-profile-dialog--iikamo--icon {
  width: 63px;
  height: 63px;
  margin-top: 9px;
}

.p-profile-dialog--iikamo--font {
  font-family: HiraKakuProN-W3;
  font-size: 14px;
  margin-top: 48px;
  color: #616161;
}

.p-profile-btn--foot,
.p-profile-btn--smile,
.p-profile-btn--type {
  background: #fff;
  width: 85px;
  height: 50px;
  -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
          border-radius: 30px;
  color: #f760a7;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 12px;
  border: 1px solid #eee;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

.p-profile-btn--foot.c-icon--foot--blank:before, .p-profile-btn--foot.c-icon--face--circle--blank:before,
.p-profile-btn--smile.c-icon--foot--blank:before,
.p-profile-btn--smile.c-icon--face--circle--blank:before,
.p-profile-btn--type.c-icon--foot--blank:before,
.p-profile-btn--type.c-icon--face--circle--blank:before {
  position: relative;
  display: block;
  font-size: 2rem;
  margin-right: 0;
}

.p-profile-btn--foot.is-active,
.p-profile-btn--smile.is-active,
.p-profile-btn--type.is-active {
  position: relative;
  top: 3px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  background: #eee;
}

.p-profile-btn--foot.is-disable,
.p-profile-btn--smile.is-disable,
.p-profile-btn--type.is-disable {
  color: #bdbdbd;
}

.p-profile-btn--mail {
  background: #88cdcd;
  height: 50px;
  -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
          border-radius: 30px;
  width: 100%;
  color: #fff;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.p-profile-btn--mail.is-active {
  position: relative;
  top: 3px;
  background: #60B89E;
}

.p-profile-btn--type {
  width: 85px;
  background: #f884a3;
  color: #fff;
  border: 1px solid #fc83a2;
}

.p-profile-btn--type.c-icon--heart--shine--fill:before {
  position: relative;
  top: 2px;
  font-size: 2.4rem;
}

.p-profile-btn--type .free_callout {
  position: absolute;
  top: 2px;
  right: 9px;
  width: 30px;
  height: 35px;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-profile-btn--type a, .p-profile-btn--type span {
  display: block;
  color: #fff;
  position: relative;
  top: -7px;
}

.p-profile-btn--type--logo {
  width: 51px;
  height: 43px;
}

.p-profile-btn--type--logo--active {
  width: 51px;
  height: 43px;
  margin-top: 14px;
}

.p-profile-btn--typed {
  background: #bdbdbd;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  border: 1px solid #bdbdbd;
}

.p-profile__banner--selfie_auth {
  text-align: center;
  margin-bottom: 1.6rem;
}

.p-profile__banner--selfie_auth IMG {
  width: -webkit-calc(100% - 29px);
  width: -moz-calc(100% - 29px);
  width: calc(100% - 29px);
  max-width: 420px;
}

.p-profile__dialog--simple .desc {
  margin-bottom: 2rem;
}

.p-profile__dialog--simple .c-btn--action {
  border: 0;
  padding: 0 3rem;
}

/* 抽選券GET!吹き出し */
.p-profile-btn--personal.show_callout {
  margin-bottom: 24px !important;
}

.p-profile-btn--personal.show_callout:last-of-type {
  margin-bottom: 12px !important;
}

.p-profile-btn--personal.show_callout_profile:last-of-type {
  margin-bottom: 31px !important;
}

.get_ticket_callout-area {
  position: relative;
  width: 100%;
}

.get_ticket_callout-area .get_ticket_callout {
  position: absolute;
  width: 77px;
  height: 27px;
  font-family: HiraginoSans-W6, sans-serif;
  font-weight: 600;
  font-size: 11px;
  color: #5e3f38;
  line-height: 27px;
  background-color: #ffeaad;
  -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
          border-radius: 12px;
}

.get_ticket_callout-area .get_ticket_callout.on_bottom {
  bottom: -25px;
  left: 0;
  right: 0;
  margin: auto;
}

.get_ticket_callout-area .get_ticket_callout.on_bottom:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-bottom: 10px solid #ffeaad;
  z-index: 0;
}

.get_ticket_callout-area .get_ticket_callout.on_bottom_profile {
  bottom: -15px;
  width: 100px;
  left: 0;
  right: 0;
  margin: auto;
}

.get_ticket_callout-area .get_ticket_callout.on_bottom_profile:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-bottom: 10px solid #ffeaad;
  z-index: 0;
}

.get_ticket_callout-area .get_ticket_callout__on_bottom_profile_img {
  position: absolute;
  width: 123px;
  -webkit-transform: translateX(5%);
     -moz-transform: translateX(5%);
      -ms-transform: translateX(5%);
       -o-transform: translateX(5%);
          transform: translateX(5%);
  top: 41px;
}

.get_ticket_callout-area .get_ticket_callout__on_bottom_partner_img {
  position: absolute;
  width: 100%;
  -webkit-transform: translateX(-77%);
     -moz-transform: translateX(-77%);
      -ms-transform: translateX(-77%);
       -o-transform: translateX(-77%);
          transform: translateX(-77%);
  top: 38px;
}

/* BBS */
/* ============================== *
 * .p-bbs__comic
 * ------------------------------ */
.p-bbs__comic {
  color: #616161;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* .p-bbs__comic-header */
.p-bbs__comic-header {
  position: relative;
}

.p-bbs__comic-header__nav {
  position: absolute;
  top: 50%;
  margin-top: -1.6rem;
  width: 44px;
  margin-left: 8px;
  text-align: center;
  z-index: 6;
}

.p-bbs__comic-header__nav[class*="c-icon--"]:before {
  color: #fff;
  line-height: 1;
}

.p-bbs__comic-header__nav.c-icon--wakuwaku--blank:before {
  font-size: 3.2rem;
  line-height: 2.0rem;
}

@media (min-device-width: 375px) {
  .p-bbs__comic-header__nav.c-icon--wakuwaku--blank:before {
    font-size: 3.4rem;
  }
}

.p-bbs__comic-header__caption {
  line-height: 1.2rem;
}

.p-bbs__comic-header__title {
  position: absolute;
  top: 0;
  height: 44px;
  margin-top: 0;
  font-weight: bold;
  line-height: 46px;
}

.p-bbs__comic-icon--wakuwaku {
  line-height: 26px;
}

.p-bbs__comic-icon--wakuwaku:before {
  font-size: 3rem;
  vertical-align: bottom;
}

@media (min-device-width: 375px) {
  .p-bbs__comic-icon--wakuwaku:before {
    font-size: 3.2rem;
  }
}

/**/
.p-bbs__comic__btn {
  /*
  color: $main-btn-color;
  background-color: rgba(0, 0, 0, 0.7);
  border: 1px solid $main-btn-color;
  */
  color: #fff;
  background-color: #64ccad;
  cursor: pointer;
}

.p-bbs__comic__btn--image-expanding-btn {
  position: absolute;
  right: -8px;
  bottom: -8px;
  width: auto;
  padding: 4px 8px;
  /*@include font-size($base-font-size);*/
  font-size: 1rem;
  line-height: 1.2rem;
  -webkit-border-radius: 1.2rem;
     -moz-border-radius: 1.2rem;
          border-radius: 1.2rem;
}

.p-bbs__comic__btn--image-dialog___controller-close-btn {
  width: 28px;
  height: 28px;
  text-align: center;
  -webkit-border-radius: 28px;
     -moz-border-radius: 28px;
          border-radius: 28px;
}

.p-bbs__comic__btn--image-dialog___controller-close-btn:before {
  font-size: 1.6rem;
  line-height: 28px;
}

.p-bbs__comic__btn.is-active {
  background-color: #3cb792;
}

/* .p-bbs__comic__wrap */
.p-bbs__comic__wrap {
  font-size: 1.5rem;
}

@media (min-device-width: 375px) {
  .p-bbs__comic__wrap {
    font-size: 1.7rem;
  }
}

.p-bbs__comic__pages_wrap {
  overflow: hidden;
  width: 100%;
  padding: 24px 16px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f5f5f5;
  -webkit-box-shadow: 0px 0px 3px 1px rgba(16, 16, 16, 0.1) inset;
     -moz-box-shadow: 0px 0px 3px 1px rgba(16, 16, 16, 0.1) inset;
          box-shadow: 0px 0px 3px 1px rgba(16, 16, 16, 0.1) inset;
}

.p-bbs__comic__page-list {
  width: 100%;
}

.p-bbs__comic__page-list-node {
  position: relative;
  width: 100%;
  padding-bottom: 24px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.p-bbs__comic__page-list-node-item {
  position: relative;
  width: 100%;
}

.p-bbs__comic__page-list-node-item:before {
  content: "";
  display: block;
  padding-top: 144.81%;
  /* 高さを幅の75%に固定 */
}

.p-bbs__comic__page-list-node-item-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #eee;
  -webkit-box-shadow: 0px 0px 3px 1px rgba(16, 16, 16, 0.1);
     -moz-box-shadow: 0px 0px 3px 1px rgba(16, 16, 16, 0.1);
          box-shadow: 0px 0px 3px 1px rgba(16, 16, 16, 0.1);
}

.p-bbs__comic__page__image {
  width: 100%;
}

/*  */
.p-bbs__comic__lead-bbs {
  padding: 32px 8px 0;
}

/* p-bbs__comic__image-dialog */
.p-bbs__comic__image-dialog {
  position: fixed;
  display: none;
  top: 50%;
  left: 50%;
  z-index: 8;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.p-bbs__comic__image-dialog__image-wrap {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

.p-bbs__comic__image-dialog__image {
  position: relative;
  width: 100%;
}

.p-bbs__comic__image-dialog__controller {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 44px;
}

.p-bbs__comic__image-dialog__controller-page {
  height: 44px;
}

.p-bbs__comic__image-dialog__controller-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 8px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* .p-bbs__comic__guid-toast */
.p-bbs__comic__guid-toast {
  display: none;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: 9;
}

.p-bbs__comic__guid-toast.is-show {
  display: block;
}

.p-bbs__comic__guid-toast.is-active {
  opacity: 1;
}

.p-bbs__comic__guid-toast.is-hide {
  opacity: 0;
  -webkit-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
}

.p-bbs__comic__guid-toast-icon-wrap {
  width: 100%;
  padding: 12px 28px 8px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.p-bbs__tutorial {
  position: relative;
}

.p-bbs__tutorial-fullimage {
  display: block;
  width: 100%;
}

.p-bbs__tutorial-container {
  position: relative;
}

.p-bbs__tutorial-close {
  display: none;
  width: 50px;
  height: 50px;
  background: rgba(107, 193, 193, 0.4);
  background-image: url("/img/wmsp/bbs/yokuchika/close.png");
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 25px 25px;
    -o-background-size: 25px 25px;
       background-size: 25px 25px;
  position: fixed;
  top: 0px;
  left: 0px;
}

.p-bbs__tutorial-close-link {
  display: block;
  width: 100%;
  height: 100%;
}

.p-bbs__tutorial-button {
  display: block;
  border: 2px #f6c3d9 solid;
  -webkit-border-radius: 48px;
     -moz-border-radius: 48px;
          border-radius: 48px;
  background: #fdf2f7;
  color: #d04486;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  width: 100%;
}

/* Hint */
/* Header */
.p-hint__header {
  height: 65px;
  color: #fff;
  font-size: 2rem;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.p-hint__header .p-hint__header-parts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-hint__header .p-hint__header-parts-icon:before {
  color: #fff;
}

.p-hint__header .p-hint__header-title {
  width: 100%;
  height: 65px;
}

.p-hint__header .p-hint__header-title-text:before {
  font-size: 4.2rem;
}

.p-mailbegin-header {
  margin-bottom: 16px;
  padding: 0 16px;
}

.p-mailbegin-content {
  margin-bottom: 32px;
}

.p-mailbegin-content.p-mailbegin-content--advice {
  border-bottom: 1px solid #64ccad;
}

.p-mailbegin-content.p-mailbegin-content--advice .p-mailbegin__heading—h2 {
  background-color: #64ccad;
}

.p-mailbegin-content.p-mailbegin-content--advice .p-mailbegin__text--accent {
  color: #f760a7;
}

.p-mailbegin-content.p-mailbegin-content--advice .p-mailbegin__guide {
  position: relative;
  overflow-x: visible;
  margin-top: 42px;
}

.p-mailbegin-content.p-mailbegin-content--ng {
  border-bottom: solid 1px #424242;
}

.p-mailbegin-content.p-mailbegin-content--ng .p-mailbegin__heading—h2 {
  background-color: #424242;
}

.p-mailbegin-content.p-mailbegin-content--attention {
  border-bottom: solid 1px #ff1844;
}

.p-mailbegin-content.p-mailbegin-content--attention .p-mailbegin__heading—h2 {
  background-color: #ff1844;
}

.p-mailbegin__heading—h2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  font-size: 1.8rem;
}

.p-mailbegin__content {
  overflow: hidden;
  padding: 16px 16px 0;
  background-color: #f5f5f5;
  font-size: 1.5rem;
}

.p-mailbegin__text--caption {
  text-align: center;
}

.p-mailbegin__text--accent {
  font-size: 1.8rem;
  font-weight: bold;
}

.p-mailbegin__advice-caption {
  position: absolute;
  width: 100%;
  height: 51px;
  margin-top: -26px;
  margin-left: -8px;
  color: #fff;
  font-weight: bold;
  background-image: url(/img/wmsp/project/hint--mailbegin/img_advice_caption_bg.png);
  background-repeat: no-repeat;
}

.p-mailbegin__advice-caption .p-mailbegin__advice-sub-caption {
  display: inline-block;
  width: 51px;
  font-size: 1.2rem;
  line-height: 51px;
  text-align: center;
}

.p-mailbegin__advice-caption .p-mailbegin__advice-main-caption {
  display: inline-block;
  line-height: 51px;
}

.p-mailbegin__guide-column {
  margin-bottom: 16px;
  padding: 9px;
  background-color: #fff;
  border: 1px solid #bdbdbd;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.p-mailbegin__advice-content-column {
  margin-top: 26px;
  padding-top: 30px;
}

.p-mailbegin__attention-content {
  margin-bottom: 16px;
}

.p-mailbegin__attention-content-image {
  width: 100%;
  vertical-align: top;
}

.p-mailbegin__btn--general {
  margin-bottom: 32px;
}

/* Mail */
.p-mailhistory--mail-list {
  width: 100%;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.p-mailhistory--mail-send-date-grouping-wrap {
  width: 100%;
  text-align: center;
}

.p-mailhistory--mail-send-date-grouping {
  display: inline-block;
  width: 60px;
  height: 24px;
  margin-top: 5px;
  margin-bottom: 12px;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
          border-radius: 12px;
}

.p-mailhistory--mail-content__balloon-tip__me {
  position: absolute;
  left: -1px;
  top: -1px;
  height: 10.5px;
}

.p-mailhistory--mail-content__balloon-tip__me .p-mailhistory--mail-content__balloon-tip-background {
  fill: #fff;
}

.p-mailhistory--mail-content__balloon-tip__me .p-mailhistory--mail-content__balloon-tip-border {
  fill: #bebdbd;
}

.p-mailhistory--mail-content__balloon-tip__anyone {
  position: absolute;
  right: -1px;
  top: -1px;
  height: 10.5px;
}

.p-mailhistory--mail-content__balloon-tip__anyone .p-mailhistory--mail-content__balloon-tip-background {
  fill: #acead3;
}

.p-mailhistory--mail-content__balloon-tip__anyone .p-mailhistory--mail-content__balloon-tip-border {
  fill: #9ecbba;
}

.p-mailhistory--mail-list-node__me {
  width: 100%;
}

.p-mailhistory--mail-list-node__me .p-mailhistory--mail-content__balloon {
  color: #212121;
  border: 1px solid #a5cfbf;
  background-color: #acead3;
}

.p-mailhistory--mail-list-node__me .p-mailhistory--mail-content__mail_infos_liner {
  text-align: right;
}

.p-mailhistory--mail-list-node__me .p-mailhistory--mail-message-media-wrap-link {
  float: right;
}

.p-mailhistory--mail-list-node__anyone .p-mailhistory--mail-content__balloon {
  color: #616161;
}

/* 送信者プロフィール系 */
.p-mailhistory--sender-profile {
  float: left;
  width: 36px;
}

.p-mailhistory--sender-profile-image-link {
  display: inline-block;
  width: 36px;
  height: 36px;
}

.p-mailhistory--sender-profile-image {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-bottom: 0;
  -webkit-border-radius: 18px;
     -moz-border-radius: 18px;
          border-radius: 18px;
  position: relative;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: 50% 0;
}

/* 送信内容 */
.p-mailhistory--mail-content-wrap {
  overflow: hidden;
  margin-left: 41px;
  margin-bottom: 7px;
}

.p-mailhistory--mail-checkedmark {
  display: inline-block;
  width: 100%;
  font-size: 1.2rem;
}

.p-mailhistory--mail-checkedmark__anyone {
  text-align: right;
}

.p-mailhistory--mail-content__mail_infos {
  width: 34px;
  float: left;
  display: block;
  min-height: 16px;
}

.p-mailhistory--mail-sendtime {
  font-size: 1.2rem;
}

.p-mailhistory--mail-content-main {
  float: left;
  width: 100%;
  margin-left: -34px;
  padding-left: 34px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.p-mailhistory--mail-content__balloon {
  width: 100%;
  padding: 12px;
  font-size: 1.6rem;
  border: 1px solid #b6b6b6;
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: inline-block;
}

.p-mailhistory--ex-content-wrap {
  margin-top: 8px;
  padding-top: 8px;
  -webkit-border-image: url(/img/wmsp/project/mail--mailhistory/balloon__separator-bg.png) 15 round;
     -moz-border-image: url(/img/wmsp/project/mail--mailhistory/balloon__separator-bg.png) 15 round;
       -o-border-image: url(/img/wmsp/project/mail--mailhistory/balloon__separator-bg.png) 15 round;
          border-image: url(/img/wmsp/project/mail--mailhistory/balloon__separator-bg.png) 15 round;
  border-top-style: solid;
  border-top-width: 1px;
}

.p-mailhistory--mail-message-content__has-media {
  overflow: hidden;
}

.p-mailhistory--mail-message-media-wrap-link {
  display: block;
}

.p-mailhistory--mail-message-media-wrap-link .photo {
  max-width: 200px;
  max-height: 200px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  vertical-align: top;
}

.p-mailhistory--ex-content-link {
  color: #f760a7;
}

.p-mailhistory--ex-content-post-closed {
  color: #9e9e9e;
}

.p-mailhistory--mail-send-from {
  display: inline-block;
  width: 100%;
  color: #9e9e9e;
  font-size: 1rem;
  text-align: right;
}

.p-mailhistory_last_mail {
  margin-top: 5px;
}

.p-mailhistory_border_last_mail {
  border-top: 1px solid #b6b6b6;
  margin: 0 0 12px;
}

.p-mailhistory--mail_last_mail_receiver {
  display: inline-block;
  width: 100%;
  font-weight: 500;
  color: #9d9d9d;
  font-size: 14px;
  line-height: 1.43;
  text-align: left;
}

.p-mailhistory--mail_last_mail_sender {
  display: inline-block;
  width: 100%;
  font-weight: 500;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  text-align: left;
}

.p-mailhistory--mail-content__mail_infos_liner {
  clear: both;
  height: 1.2rem;
  margin-top: 4px;
  padding: 0 8px;
  overflow: hidden;
  vertical-align: middle;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #999;
}

/* Buy Points (/m/point) */
/* Referenced by : SASS_BASE/style.scss */
/* ============================== *
 * .p-buy-points
 * ------------------------------ */
/* p-buy-points__adjuster */
.p-buy-points__adjuster {
  /* line-height で 上下に発生する余白を
   * ネガティブマージンによって調整する
   * 親となる要素には
   * overflow:hidden を指定する */
  margin: 0;
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}

@media (min-device-width: 375px) {
  .p-buy-points__adjuster {
    margin-top: -0.2rem;
    margin-bottom: -0.2rem;
  }
}

.p-buy-points__adjuster.p-buy-points__notice {
  border: solid 2px #f00;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  margin: 0;
  padding: 1rem;
}

/* p-buy-points__header */
.p-buy-points__header {
  position: relative;
  margin-bottom: 16px;
}

.p-buy-points__header__nav {
  position: absolute;
  top: 50%;
  width: 42px;
  height: 42px;
  margin-top: -22px;
  margin-left: 8px;
  text-align: center;
  z-index: 6;
}

.p-buy-points__header__nav--back {
  margin-left: 0;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
}

.p-buy-points__header__nav--back:before {
  height: 44px;
  color: #fff;
  line-height: 44px;
}

.p-buy-points__header__caption {
  line-height: 1.2rem;
}

.p-buy-points__header__title {
  position: absolute;
  top: 0;
  height: 44px;
  margin-top: 0;
  font-weight: bold;
  line-height: 46px;
}

.p-buy-points__banner {
  text-align: center;
  margin: 0 0 14px 0;
}

.p-buy-points__banner img {
  width: 92.5%;
  max-width: 700px;
}

/* p-buy-points__wrap */
.p-buy-points__wrap {
  color: #212121;
  line-height: 1.5;
}

/* p-buy-points__system-error */
.p-buy-points__system-error {
  width: 100%;
  margin-bottom: 16px;
  padding: 16px;
  background-color: #fde6ed;
}

.p-buy-points__system-error-text {
  font-size: 1.4rem;
  line-height: 1.6rem;
}

/* p-buy-points__description */
.p-buy-points__description-wrap {
  padding-bottom: 8px;
}

.p-buy-points__description {
  overflow: hidden;
  padding: 0 8px;
  margin-bottom: 16px;
}

.p-buy-points__description--input-wrap {
  padding: 0 16px;
}

.p-buy-points__description-ttl {
  color: #f00;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.8rem;
}

.p-buy-points__description-text {
  color: #616161;
  font-size: 1.2rem;
}

@media (min-device-width: 375px) {
  .p-buy-points__description-text {
    font-size: 1.4rem;
  }
}

.p-buy-points__description-text--accent {
  color: #f760a7;
}

.p-buy-points__description-text--link {
  color: #f760a7;
}

.p-buy-points__description-text--agent-link {
  font-weight: bold;
  text-align: right;
}

.p-buy-points__description-text--under-link {
  color: #f760a7;
  font-weight: bold;
  text-decoration: underline !important;
}

.p-buy-points__modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-buy-points__modal--description {
  font-size: 14px;
  background: #fff;
  position: relative;
  z-index: 10;
  width: 90%;
  height: 90%;
  padding: 48px 0px 16px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  overflow: hidden;
}

.p-buy-points__modal--scroll {
  width: 100%;
  height: 100%;
  padding: 0 16px;
  overflow-y: scroll;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.p-buy-points__modal--title {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 16px;
}

.p-buy-points__modal--text p {
  margin-bottom: 1em;
}

.p-buy-points__modal--notice {
  border: solid 1px #f00;
  -webkit-border-radius: 0.8rem;
     -moz-border-radius: 0.8rem;
          border-radius: 0.8rem;
  margin-bottom: 1em;
  padding: 1rem;
}

.p-buy-points__modal--notice__ttl {
  color: #f00;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.4rem;
}

.p-buy-points__modal--notice__text {
  color: #f00;
}

.p-buy-points__modal--close {
  font-size: 32px;
  position: absolute;
  top: 0;
  right: 16px;
}

.p-buy-points__modal--bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 5;
}

.p-buy-points__modal.hide {
  display: none;
}

.p-buy-points__description-input__domain {
  height: 32px;
  padding: 0 8px;
  font-size: 1.2rem;
  line-height: 32px;
  border: 1px solid #9e9e9e;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

@media (min-device-width: 375px) {
  .p-buy-points__description-input__domain {
    font-size: 1.4rem;
  }
}

.p-buy-points__heading {
  padding: 8px;
  color: #616161;
  font-size: 1.4rem;
  background: #e0e0e0;
}

.p-buy-points__heading__favorite {
  padding: 8px;
  font-family: -apple-system, YuGothic, "Yu Gothic", sans-serif;
  color: #f59a25;
  font-size: 1.4rem;
  font-weight: bold;
  background: #faf0e2;
}

/* p-buy-points__select-card-brand__list */
.p-buy-points__select-card-brand__list-node {
  background-image: url(/img/wmsp/btn/ic_arrow_gray.png);
  background-position: 98% center;
  background-repeat: no-repeat;
  -moz-background-size: 14px auto;
    -o-background-size: 14px auto;
       background-size: 14px auto;
  border-bottom: 1px solid #e0e0e0;
}

.p-buy-points__select-card-brand__list-node__btn-inner {
  overflow: hidden;
  padding: 8px;
}

.p-buy-points__select-card-brand__list-node__btn-image {
  float: left;
  width: 75px;
  height: 75px;
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.p-buy-points__select-card-brand__list-node__btn-name {
  float: left;
  margin-left: 16px;
  color: #616161;
  font-size: 1.4rem;
  line-height: 75px;
}

@media (min-device-width: 375px) {
  .p-buy-points__select-card-brand__list-node__btn-name {
    font-size: 1.6rem;
  }
}

.p-buy-points__select-card-brand__error {
  position: absolute;
  width: 52%;
  height: 77px;
  left: 166px;
  font-size: 1.1rem;
  color: red;
  font-weight: bolder;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.p-buy-points__select-card-brand__error_btn-color {
  background-color: #f0f0f0;
}

/* p-buy-points__select-payment-course__list */
.p-buy-points__select-payment-course__list-node {
  position: relative;
  margin-top: 24px;
  padding: 0 16px;
}

.p-buy-points__select-payment-course__list-node__mark {
  position: absolute;
  top: -20px;
  left: 2px;
  width: 38px;
  height: 42px;
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 2;
}

.p-buy-points__select-payment-course__list-node__btn {
  overflow: hidden;
  display: block;
  padding: 0 10px;
}

.p-buy-points__select-payment-course__list-node__btn-label-wrap--get {
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-buy-points__select-payment-course__list-node__btn-label-wrap--pay {
  display: block;
  float: right;
  height: 100%;
}

.p-buy-points__select-payment-course__list-node__btn-label--price, .p-buy-points__select-payment-course__list-node__btn-label--buy-now {
  display: block;
  height: 100%;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.p-buy-points__select-payment-course__list-node__btn-label--coin {
  display: block;
  width: 17px;
  height: 100%;
  background-image: url(/img/wmsp/project/point/buy_points/list_btn_icon_coin.png);
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.p-buy-points__select-payment-course__list-node__btn-label--get {
  margin-left: 10px;
}

.p-buy-points__select-payment-course__list-node__btn-label--price {
  float: left;
}

.p-buy-points__select-payment-course__list-node__btn-label--buy-now {
  float: right;
  margin-left: 16px;
}

.p-buy-points__select-payment-course__list-node__btn-label-inner--point {
  display: block;
  margin-bottom: 4px;
  font-size: 2.2rem;
  line-height: 0.8;
}

@media (min-device-width: 375px) {
  .p-buy-points__select-payment-course__list-node__btn-label-inner--point {
    font-size: 2.4rem;
  }
}

.p-buy-points__select-payment-course__list-node__btn-label-inner--point-unit {
  font-size: 1.4rem;
}

@media (min-device-width: 375px) {
  .p-buy-points__select-payment-course__list-node__btn-label-inner--point-unit {
    font-size: 1.6rem;
  }
}

.p-buy-points__select-payment-course__list-node__btn-label-inner--service {
  display: block;
  color: #0a7e5c;
  font-size: 1.1rem;
  line-height: 0.95;
}

@media (min-device-width: 375px) {
  .p-buy-points__select-payment-course__list-node__btn-label-inner--service {
    font-size: 1.3rem;
  }
}

.p-buy-points__select-payment-course__list-node__btn-label-inner--service__favorite {
  display: block;
  color: #975907;
  font-size: 1.1rem;
  line-height: 0.95;
}

@media (min-device-width: 375px) {
  .p-buy-points__select-payment-course__list-node__btn-label-inner--service__favorite {
    font-size: 1.3rem;
  }
}

.p-buy-points__select-payment-course__list-node__btn-label-inner--price {
  font-size: 2.2rem;
  line-height: 100%;
}

@media (min-device-width: 375px) {
  .p-buy-points__select-payment-course__list-node__btn-label-inner--price {
    font-size: 2.4rem;
  }
}

.p-buy-points__select-payment-course__list-node__btn-label-inner--buy-now {
  display: block;
  height: 24px;
  padding: 0 8px;
  color: #64ccad;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 24px;
  background-color: #fff;
  -webkit-border-radius: 24px;
     -moz-border-radius: 24px;
          border-radius: 24px;
}

@media (min-device-width: 375px) {
  .p-buy-points__select-payment-course__list-node__btn-label-inner--buy-now {
    font-size: 1.6rem;
  }
}

.p-buy-points__select-payment-course__list-node__btn-label-inner--buy-now__favorite {
  display: block;
  height: 24px;
  padding: 0 8px;
  color: #F59A25;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 24px;
  background-color: #fff;
  -webkit-border-radius: 24px;
     -moz-border-radius: 24px;
          border-radius: 24px;
}

@media (min-device-width: 375px) {
  .p-buy-points__select-payment-course__list-node__btn-label-inner--buy-now__favorite {
    font-size: 1.6rem;
  }
}

.p-buy-points__select-payment-course__list-node__line {
  height: 1px;
  margin: 24px 12px 24px 19px;
  background-color: #e0e0e0;
  border: none;
}

/*Android old app version suggest new app banner*/
.android-banner-area {
  margin-top: 30px;
  text-align: center;
}

.android-banner-area img {
  width: 100%;
}

.p-buy-points__important_information {
  font-family: HiraginoSans, sans-serif;
  margin: 24px 8px 32px;
  padding: 14px 14px 2px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  border: solid 2px #f00;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-buy-points__important_information--title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #f00;
}

.p-buy-points__important_information--message {
  margin-top: 9px;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.7px;
}

.p-buy-points__important_information--link {
  text-decoration: underline;
  color: #f760a7;
}

.p-buy-points__important_information--faqtext {
  text-align: right;
  margin-top: 10px;
}

.p-buy-points__important_information--faqlink {
  text-decoration: underline;
}

/* Face */
/* ============================== *
 * @3x 対応
 * - Device-Width が 375px
 *    (iPhone6と同等以上)
 *   で +0.2rem 加算に相当
 * ------------------------------ */
@media screen and (min-device-width: 375px) {
  html.at-3x {
    font-size: 72.5%;
  }
}

input[type="radio"] {
  display: block;
  -webkit-appearance: normal !important;
     -moz-appearance: normal !important;
          appearance: normal !important;
}

/* ============================== *
 * .p-face
 * ------------------------------ */
.p-face {
  color: #616161;
  font-size: 1.5rem;
}

/* .p-face-header */
.p-face-header {
  position: relative;
}

.p-face-header__nav {
  position: absolute;
  top: 50%;
  margin-top: -1.6rem;
  width: 44px;
  margin-left: 8px;
  text-align: center;
  z-index: 6;
}

.p-face-header__nav[class*="c-icon--"]:before {
  color: #fff;
  line-height: 1;
}

.p-face-header__nav.c-icon--wakuwaku--blank:before {
  font-size: 3.2rem;
  line-height: 2.0rem;
}

.p-face-header__caption {
  line-height: 1.2rem;
}

.p-face-header__title {
  position: absolute;
  top: 0;
  height: 44px;
  margin-top: 0;
  font-weight: bold;
  line-height: 46px;
}

/* .p-face__wrap */
.p-face__wrap--top {
  padding: 0 16px;
}

/* .p-face__content-wrap */
.p-face__content-wrap {
  width: 100%;
  margin-bottom: 16px;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.p-face__content-wrap--top {
  padding: 0;
}

.p-face__content-wrap--top-description {
  margin-bottom: 0;
  padding-bottom: 16px;
  border-bottom: 1px dashed #c7c7c7;
}

.p-face__content-wrap--top-guide {
  padding-top: 16px;
}

.p-face__content-wrap--top-leading {
  padding-top: 16px;
  border-top: 1px dashed #c7c7c7;
}

.p-face__content-wrap--step-caution {
  padding: 0;
}

.p-face__content-wrap--step-error {
  display: none;
  margin-bottom: 20px;
  padding: 0;
  color: #f884a3;
  font-size: 1.4rem;
  text-align: center;
}

.p-face__content-wrap--step-system-error {
  padding: 16px;
  background-color: #fde6ed;
}

.p-face__content-wrap--step--taste-select {
  padding: 6px;
}

.p-face__content-wrap--comp {
  margin-bottom: 32px;
}

/* .p-face__heading */
.p-face__heading--h3 {
  margin-bottom: 8px;
  padding: 8px;
  font-size: 1.4rem;
}

/* .p-face__image-wrap */
.p-face__image-wrap--top {
  margin-bottom: 16px;
}

.p-face__image-wrap--step {
  width: 160px;
  margin: 0 auto;
  margin-bottom: 16px;
}

/* .p-face__text-wrap */
.p-face__text-wrap--top-description {
  margin-left: 159px;
  padding-left: 8px;
  color: #f884a3;
}

.p-face__text-wrap--top-leadword {
  clear: both;
}

.p-face__text-wrap--comp {
  margin-bottom: 36px;
  font-size: 1.4rem;
}

/* .p-face__text */
.p-face__text {
  font-size: 1.4rem;
}

.p-face__text--top-description-heading {
  margin-bottom: 16px;
  color: #64ccad;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.p-face__text--top-heading {
  height: 32px;
  margin-bottom: 16px;
  color: #f884a3;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 35px;
  text-align: center;
  border: 3px solid #f884a3;
  -webkit-border-radius: 32px;
     -moz-border-radius: 32px;
          border-radius: 32px;
  background-color: #ffffff;
}

.p-face__text--top-leading {
  margin-bottom: 16px;
  text-align: center;
}

.p-face__text--step-heading {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 32px;
  margin-bottom: 16px;
  color: #f884a3;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.p-face__text--step-heading--taste-select {
  padding: 0 10px;
}

.p-face__text--step-system-error {
  font-size: 1.4rem;
  line-height: 1.6rem;
}

.p-face__text--step-entry {
  margin-bottom: 16px;
}

.p-face__text--step--taste-select {
  padding: 0 10px;
}

.p-face__text--step-current-select {
  font-size: 1.2rem;
}

.p-face__text--step-current-select-file-name {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #e0e0e0;
}

.p-face__text--step-current-select-taste-name {
  color: #64ccad;
  font-weight: bold;
}

.p-face__text--step-caution {
  padding: 0 16px;
  margin-bottom: 16px;
}

.p-face__text--step-caution-list {
  padding-left: 32px;
  padding-right: 16px;
  text-indent: -1em;
}

.p-face__text--comp {
  font-size: 1.2rem;
}

.p-face__text--comp-heading {
  margin-bottom: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.p-face__heading-step-wrap {
  width: 25%;
  padding-left: 5px;
  color: #fff;
  background-color: #f884a3;
  border: 2px solid #f884a3;
  -webkit-border-radius: 32px 0 0 32px;
     -moz-border-radius: 32px 0 0 32px;
          border-radius: 32px 0 0 32px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.p-face__heading-step-wrap .p-face__heading-step {
  margin-right: 3px;
  font-size: 1rem;
  font-weight: lighter;
}

.p-face__heading-caption-wrap {
  width: 75%;
  padding-left: 8px;
  font-size: 1.6rem;
  text-align: left;
  background-color: #fff;
  border: 2px solid #f884a3;
  -webkit-border-radius: 0 32px 32px 0;
     -moz-border-radius: 0 32px 32px 0;
          border-radius: 0 32px 32px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* .p-face__file-wrap */
.p-face__file-wrap--step {
  overflow: hidden;
  padding: 16px 0 16px;
}

/* .p-face__file-image-wrap */
.p-face__file-image-wrap--step {
  position: relative;
  width: 106px;
  height: 106px;
  margin: 0 auto;
  margin-bottom: 16px;
}

/* .p-face__file-btn-area-wrap */
.p-face__file-btn-area-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* 3 */
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* 4 */
  margin: 0 -12px;
}

/* .p-face__file-image */
.p-face__file-image-default--step {
  width: 106px;
  height: 106px;
  background-image: url("/img/wmsp/project/face/img_file_select_bg.png?23665953");
  -moz-background-size: 106px 106px;
    -o-background-size: 106px 106px;
       background-size: 106px 106px;
  background-repeat: no-repeat;
}

.p-face__file-image-default--error--step {
  background-image: url("/img/wmsp/project/face/img_file_select_error_bg.png?87554325");
}

.p-face__file-image-preview--step {
  position: absolute;
  top: 0;
  left: 0;
  width: 106px;
  height: 106px;
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
}

.p-face__file-btn-wrap {
  width: 50%;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.p-face__file-btn {
  position: relative;
  overflow: hidden;
  height: 40px;
}

.p-face__file-input {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 40px;
  margin: 0;
  font-size: 100px;
  line-height: 40px;
  cursor: pointer;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.p-face__file-input-label {
  font-size: 1.6rem;
}

.p-face__taste-wrap {
  overflow: hidden;
  max-width: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.p-face__taste-input {
  display: none;
  height: 0;
  visibility: hidden;
}

.p-face__taste {
  float: left;
  width: 33.33%;
  margin: 16px 0;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.p-face__taste-inner {
  position: relative;
  cursor: pointer;
}

.p-face__taste-image {
  width: 100%;
}

.p-face__taste-name-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
  line-height: 20px;
  background-color: rgba(3, 0, 0, 0.9);
}

.p-face__taste-name {
  padding-left: 22px;
  color: #fff;
  font-size: 1.2rem;
  background-image: url("/img/wmsp/project/face/img_select_bg_normal.png?7918304");
  background-position: center left 4px;
  background-position-x: 4px;
  background-position-y: center;
  background-repeat: no-repeat;
  -moz-background-size: 14px;
    -o-background-size: 14px;
       background-size: 14px;
}

.p-face__taste-name--checked {
  background-image: url("/img/wmsp/project/face/img_select_bg_active.png?25589785");
}

.p-face__submit-btn {
  display: block;
  width: 100%;
  margin-bottom: 32px;
  border-style: none;
}

.p-face__submit-btn--disable {
  color: #bdbdbd;
  background-color: #f5f5f5;
}

.p-face__submit-btn.is-active {
  top: 4px;
}

.p-face-icon--wakuwaku {
  line-height: 26px;
}

.p-face-icon--wakuwaku:before {
  font-size: 3rem;
  vertical-align: bottom;
}

/* Campaign Valentine 2017 */
.p-valentine {
  background: #ebd7bf;
}

.p-valentine--list-page {
  background: #fff;
}

.p-valentine__heading-wrap {
  padding-bottom: 32px;
  background: #ebd7bf;
}

.p-valentine__heading {
  padding: 0;
}

.p-valentine__image--hero,
.p-valentine__image--heading,
.p-valentine__button--prize-list,
.p-valentine__entry__heading-image,
.p-valentine__entry-step1--image,
.p-valentine__entry-step2--image,
.p-valentine__entry-step3--image,
.p-valentine__entry__arrow--above,
.p-valentine__entry__button--lottery,
.p-valentine__tweet-list__heading-tweet__image,
.p-valentine__tweet-list__button--more-image,
.p-valentine__button--winner-list-image,
.p-valentine__detail__image,
.p-valentine__lose__image,
.p-valentine__winner-list__image--hero,
.p-valentine__btn-mail-registration,
.p-valentine__btn--history,
.p-valentine__btn--tweet {
  width: 100%;
}

.p-valentine__button--prize-list {
  margin-top: 8px;
}

.p-valentine__button--prize-list-wrap {
  padding: 0 16px;
  display: block;
}

.p-valentine__textarea {
  border: 1px solid #bdbdbd;
  background: #fff;
}

.p-valentine__textarea:focus {
  border: 1px solid #D11D1D;
}

.p-valentine__winning {
  text-align: center;
  padding: 16px 16px 8px;
  background: #ebd7bf;
}

.p-valentine__winning__btn {
  display: block;
  margin-bottom: 8px;
}

.p-valentine__winning__btn-image {
  width: 100%;
}

.p-valentine__history-btn-wrap {
  padding: 16px 16px 32px;
  background: #fff;
}

.p-valentine__entry {
  background: #f1e5d5;
}

.p-valentine__entry__heading {
  padding: 16px 8px 0;
}

.p-valentine__entry-step {
  margin-top: 16px;
  padding: 0 16px;
}

.p-valentine__entry__notice {
  color: #4d2d03;
  font-size: 1.4rem;
  margin: 16px;
  padding-left: 1em;
  font-weight: bold;
  text-indent: -1em;
}

@media (min-device-width: 375px) {
  .p-valentine__entry__notice {
    font-size: 1.6rem;
  }
}

.p-valentine__entry__arrow--above-wrap {
  margin-bottom: 32px;
}

.p-valentine__entry__process {
  color: #fff;
  font-size: 1.6rem;
  padding: 0 16px 16px;
}

@media (min-device-width: 375px) {
  .p-valentine__entry__process {
    font-size: 1.8rem;
  }
}

.p-valentine__entry__remain {
  color: #4d2d03;
  font-size: 1.4rem;
  text-align: center;
}

@media (min-device-width: 375px) {
  .p-valentine__entry__remain {
    font-size: 1.6rem;
  }
}

.p-valentine__entry__lottery-wrap {
  background: #ebd7bf;
  padding-bottom: 16px;
}

.p-valentine__entry__button--lottery-wrap {
  display: block;
  padding: 0 16px 0;
}

.p-valentine__entry__button--lottery-container {
  margin-top: 16px;
}

.p-valentine__entry__link--ticket_history-wrap {
  text-align: center;
  margin-top: 32px;
}

.p-valentine__entry__link--ticket_history:link, .p-valentine__entry__link--ticket_history:visited {
  text-decoration: underline;
  color: #fff;
  font-size: 1.6rem;
}

@media (min-device-width: 375px) {
  .p-valentine__entry__link--ticket_history:link, .p-valentine__entry__link--ticket_history:visited {
    font-size: 1.8rem;
  }
}

.p-valentine__entry__end {
  color: #870404;
  text-align: center;
  font-size: 1.4rem;
  padding: 0 16px;
  margin: 8px 0 16px;
}

@media (min-device-width: 375px) {
  .p-valentine__entry__end {
    font-size: 1.6rem;
  }
}

.p-valentine__tweet-list {
  background-color: #fff;
}

.p-valentine__tweet-list__wrap {
  margin-bottom: 16px;
}

.p-valentine__tweet-list__block {
  border-bottom: 1px solid #e0e0e0;
}

.p-valentine__tweet-list__image--profile {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
          border-radius: 30px;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: 0 50%;
}

.p-valentine__tweet-list__time {
  font-size: 1.2rem;
}

@media (min-device-width: 375px) {
  .p-valentine__tweet-list__time {
    font-size: 1.4rem;
  }
}

.p-valentine__tweet-list__name {
  font-size: 1.4rem;
}

@media (min-device-width: 375px) {
  .p-valentine__tweet-list__name {
    font-size: 1.6rem;
  }
}

.p-valentine__tweet-list__name.c-icon--male--blank:before {
  color: #34bcef;
}

.p-valentine__tweet-list__name.c-icon--female--blank:before {
  color: #f884a3;
}

.p-valentine__tweet-list__content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-valentine__tweet-list__userinfo-wrap {
  margin-left: 8px;
}

.p-valentine__tweet-list__container {
  position: relative;
  color: #616161;
  padding: 16px;
  display: block;
}

.p-valentine__tweet-list__container.c-icon--arrow--right--blank:before {
  position: absolute;
  top: 50%;
  right: 16px;
  font-size: 1.8rem;
  margin-top: -14px;
}

@media (min-device-width: 375px) {
  .p-valentine__tweet-list__container.c-icon--arrow--right--blank:before {
    font-size: 2rem;
  }
}

.p-valentine__tweet-list__generation-and-area-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2rem;
}

@media (min-device-width: 375px) {
  .p-valentine__tweet-list__generation-and-area-wrap {
    font-size: 1.4rem;
  }
}

.p-valentine__tweet-list__generation {
  margin-right: 8px;
}

.p-valentine__tweet-list__message {
  color: #212121;
  font-size: 1.6rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  padding-right: 3rem;
  margin-top: 16px;
}

@media (min-device-width: 375px) {
  .p-valentine__tweet-list__message {
    font-size: 1.8rem;
  }
}

.p-valentine__tweet-list__action-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2rem;
  padding: 0 16px;
  color: #616161;
  margin-bottom: 16px;
}

@media (min-device-width: 375px) {
  .p-valentine__tweet-list__action-wrap {
    font-size: 1.4rem;
  }
}

.p-valentine__tweet-list__action--like {
  margin-right: 16px;
}

.p-valentine__tweet-list__action--comment:link, .p-valentine__tweet-list__action--comment:visited {
  color: #616161;
}

.p-valentine__tweet-list__button--more-wrap {
  padding: 0 16px;
}

.p-valentine__button--winner-list-wrap {
  padding: 32px 16px 32px;
  background-color: #fff;
}

.p-valentine__caution {
  font-size: 1.4rem;
}

@media (min-device-width: 375px) {
  .p-valentine__caution {
    font-size: 1.6rem;
  }
}

.p-valentine__caution__body-wrap {
  background: #fff;
  padding: 0 16px 16px;
  color: #616161;
}

.p-valentine__caution__heading--secondary {
  padding-top: 16px;
}

.p-valentine__caution__body__notice {
  color: #d11d1d;
}

.p-valentine__entry-flow {
  font-size: 1.4rem;
  background: #fff;
}

@media (min-device-width: 375px) {
  .p-valentine__entry-flow {
    font-size: 1.6rem;
  }
}

.p-valentine__entry-flow__body {
  margin-top: 16px;
}

.p-valentine__entry-flow__body-wrap {
  padding: 0 16px 16px;
  color: #616161;
}

.p-valentine__entry-flow__heading--secondary {
  padding-top: 16px;
}

.p-valentine__entry-flow__body__notice {
  color: #d11d1d;
}

.p-valentine__course-introduction-wrap {
  background-image: url(../../../img/wmsp/project/campaign/valentine2017/common/bg_tile.png);
}

.p-valentine__course {
  margin-top: 32px;
}

.p-valentine__course-heding-iamage {
  width: 100%;
}

.p-valentine__win-main {
  padding-bottom: 32px;
}

.p-valentine__win-main__message {
  margin-top: 16px;
  color: #4d2d03;
  font-size: 1.4rem;
  text-align: center;
}

@media (min-device-width: 375px) {
  .p-valentine__win-main__message {
    font-size: 1.6rem;
  }
}

.p-valentine__win-main__message-link {
  color: #d8577e;
}

.p-valentine__introduction {
  margin-top: 16px;
  padding: 0 6px;
}

.p-valentine__introduction--point {
  margin: 0;
  padding: 0;
}

.p-valentine__introduction__image {
  width: 100%;
}

/* .p-valentine__header */
.p-valentine__header-wrap {
  background-image: url(../../../img/wmsp/project/campaign/valentine2017/common/header.png);
  background-position: left bottom 3px;
  background-repeat: repeat-x;
  -moz-background-size: 320px 65px;
    -o-background-size: 320px 65px;
       background-size: 320px 65px;
  padding-bottom: 23px;
}

.p-valentine__header {
  position: relative;
  margin-bottom: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.p-valentine__header__nav {
  position: absolute;
  top: 50%;
  margin-top: -1.6rem;
  width: 44px;
  margin-left: 8px;
  text-align: center;
  z-index: 6;
}

.p-valentine__header__nav[class*="c-icon--"]:before {
  color: #fff;
  line-height: 1;
}

.p-valentine__header__nav.c-icon--wakuwaku--blank:before {
  font-size: 3.2rem;
  line-height: 2.0rem;
}

.p-valentine__header__nav--back {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  margin-left: 4px;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  z-index: 6;
}

.p-valentine__header__nav--back[class*="c-icon--"]:before {
  color: #fff;
  line-height: 44px;
}

.p-valentine__header__nav--back.c-icon--wakuwaku--blank:before {
  font-size: 3.2rem;
  line-height: 2.0rem;
}

.p-valentine__header__caption {
  line-height: 1.2rem;
}

.p-valentine__header__title {
  position: absolute;
  top: 0;
  height: 44px;
  margin-top: 0;
  font-weight: bold;
  line-height: 46px;
}

.p-valentine__detail__introduction {
  font-size: 1.6rem;
  color: #616161;
  padding: 16px 16px 0;
}

@media (min-device-width: 375px) {
  .p-valentine__detail__introduction {
    font-size: 1.8rem;
  }
}

.p-valentine__lose {
  padding: 16px 0 32px;
}

.p-valentine__lose__image-wrap {
  padding: 0 32px;
}

.p-valentine__lose__end {
  color: #fff;
  font-size: 1.4rem;
  padding: 16px 16px 0;
}

@media (min-device-width: 375px) {
  .p-valentine__lose__end {
    font-size: 1.6rem;
  }
}

.p-valentine__lose__message {
  font-size: 1.8rem;
  color: #4d2d03;
  text-align: center;
  padding-top: 32px;
}

@media (min-device-width: 375px) {
  .p-valentine__lose__message {
    font-size: 2rem;
  }
}

.p-valentine__lose__message--challenge {
  font-size: 1.8rem;
  color: #4d2d03;
  text-align: center;
}

@media (min-device-width: 375px) {
  .p-valentine__lose__message--challenge {
    font-size: 2rem;
  }
}

.p-valentine__lose__to-top-btn-wrap {
  margin-top: 8px;
  padding: 0 16px;
}

.p-valentine__lose__to-top-btn-image {
  width: 100%;
}

.p-valentine__lose__message--challenge {
  margin-top: 32px;
}

.p-valentine__lose__message--challenge__stroke, .p-valentine__lose__message--challenge__stroke {
  width: 1rem;
  height: 1.6rem;
  position: relative;
  top: 2px;
}

.p-valentine__history-wrap {
  font-size: 1.4rem;
  color: #424242;
  overflow: hidden;
  padding: 16px 0;
}

@media (min-device-width: 375px) {
  .p-valentine__history-wrap {
    font-size: 1.6rem;
  }
}

.p-valentine__history__title {
  float: left;
  width: 12rem;
  padding-left: 16px;
}

.p-valentine__history__title:nth-of-type(4n+1):not(:first-of-type) {
  padding-top: 16px;
}

.p-valentine__history__description:nth-of-type(4n+1):not(:first-of-type) {
  padding-top: 16px;
}

.p-valentine__history__description:nth-of-type(4n):not(:last-of-type) {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 16px;
}

.p-valentine__history__partner-link {
  color: #d8577e;
  text-decoration: underline !important;
}

.p-valentine__history-blank {
  font-size: 1.4rem;
  color: #424242;
  text-align: center;
  margin-top: 56px;
}

@media (min-device-width: 375px) {
  .p-valentine__history-blank {
    font-size: 1.6rem;
  }
}

.p-valentine__header--winner-list {
  background: #f7ef6e;
}

.p-valentine__winner-list__nav-wrap {
  padding: 0 16px;
  margin-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e0e0e0;
}

.p-valentine__winner-list__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #870404;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.p-valentine__winner-list__nav__container {
  color: #870404;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-valentine__winner-list__nav__container:first-child .p-valentine__winner-list__nav__content {
  border-left: none;
}

.p-valentine__winner-list__nav__content {
  color: #870404;
  font-size: 1.4rem;
  height: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 1px solid #870404;
}

@media (min-device-width: 375px) {
  .p-valentine__winner-list__nav__content {
    font-size: 1.6rem;
  }
}

.p-valentine__winner-list__nav__content.st-current {
  color: #fff;
  background: #870404;
}

.p-valentine__winner-list__message--blank {
  text-align: center;
  font-size: 1.6rem;
  margin-top: 56px;
  color: #870404;
}

.p-valentine__mail-registration-wrap {
  display: block;
  padding: 0 16px;
  margin-top: 16px;
  color: #a90114;
  text-align: center;
  font-size: 1.4rem;
}

@media (min-device-width: 375px) {
  .p-valentine__mail-registration-wrap {
    font-size: 1.6rem;
  }
}

.p-valentine__prize-list {
  margin-top: 32px;
}

.p-valentine__prize-list__content {
  overflow: hidden;
  padding: 16px;
  border-bottom: 1px solid #e0e0e0;
}

.p-valentine__prize-list__content__prize--image-wrap {
  width: 85px;
  height: 85px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  border: 1px solid #e0e0e0;
  background: #f5f5f5;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  margin-right: 16px;
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.p-valentine__prize-list__content__prize--name:link, .p-valentine__prize-list__content__prize--name:visited {
  color: #0033ff;
  font-size: 1.6rem;
  text-decoration: underline;
}

.p-valentine__text--voice {
  text-align: center;
  font-size: 1.6rem;
  color: #fff;
  padding-top: 32px;
}

.p-valentine__btn--history-wrap {
  display: block;
}

.p-valentine__btn--tweet-wrap {
  display: block;
  padding: 0 16px;
  padding-top: 14px;
  padding-bottom: 32px;
}

.p-valentine__prize-list__heading {
  margin-bottom: 16px;
}

.p-valentine__message--point {
  color: #616161;
  padding: 16px;
  text-align: center;
  font-size: 1.6rem;
  border-bottom: 1px solid #e0e0e0;
}

.p-valentine__pager {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 16px 16px;
  background: #bdbdbd;
  border: 1px solid #bdbdbd;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.p-valentine__pager__container, .p-valentine__pager__container--current {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  background: #bdbdbd;
  border-left: 1px solid #e0e0e0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.p-valentine__pager__container:first-child, .p-valentine__pager__container--current:first-child {
  border-left: none;
}

.p-valentine__pager__container--current {
  background: #eee;
}

.p-valentine__pager__container--link:link, .p-valentine__pager__container--link:visited {
  color: #fff;
  width: 100%;
  height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-valentine__top-wrap {
  overflow: hidden;
  background: #fff;
}

/* Xmas */
/* Xmas2017 */
/* Valentine2018 */
/* spring2018 */
/* Xmas2018 */
/* Valentine2019 */
/* Xmas2019 */
/* Valentine2020 */
@media (max-aspect-ratio: 3 / 4) {
  .html-responsive {
    height: 100%;
  }
  .body-responsive {
    height: 100%;
  }
  .valentine2020 .valentine2020-footer.responsive {
    position: absolute;
    bottom: 0;
  }
}

.valentine2020 {
  height: 100%;
  width: 100%;
  font-size: 12px;
  font-family: HiraginoSans-W3, sans-serif;
  font-weight: 300;
  color: #4a4a4a;
  background: url("/img/wmsp/project/campaign/valentine2020/background.png");
  -moz-background-size: 56px;
    -o-background-size: 56px;
       background-size: 56px;
  background-position-y: 56px;
}

.valentine2020-header-area {
  width: 100%;
  position: relative;
  background-color: #8f5f3b;
  color: #f7efe3;
  height: 56px;
  line-height: 56px;
}

.valentine2020-header-area-inner {
  position: absolute;
  border-top: 0px;
  border-bottom: 0px;
  width: 100%;
  height: 32px;
  line-height: 32px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.valentine2020-header-area .logo-link {
  display: block;
  position: absolute;
  height: 95%;
  margin-left: 2%;
}

.valentine2020-header-area .logo-link i {
  font-size: 4rem;
  color: white;
  display: block;
  margin-left: 10px;
}

.valentine2020-footer {
  margin-top: 16px;
  width: 100%;
  position: relative;
  background-color: #3a3226;
  color: #f7efe3;
  height: 10px;
  line-height: 10px;
  text-align: center;
  font-size: 10px;
  padding-top: 10px;
  padding-bottom: 11px;
}

.valentine2020-footer-rose {
  margin-bottom: -16px;
}

.valentine2020-footer-rose img {
  padding-top: 22px;
  width: 100%;
}

.valentine2020--full-images {
  width: 100%;
}

.valentine2020--full-images-message {
  padding-bottom: 24px;
  text-align: center;
  font-size: 14px;
  font-family: HiraginoSans-W6, sans-serif;
  font-weight: 600;
  line-height: 22px;
}

.valentine2020-content-wrapper {
  position: relative;
  width: 91.4%;
  margin: 16px 4.3%;
}

.valentine2020-content-wrapper .content-header-label {
  width: 64%;
  margin: 0 18%;
  height: 48px;
  -webkit-border-radius: 32px 32px 0 0;
     -moz-border-radius: 32px 32px 0 0;
          border-radius: 32px 32px 0 0;
  background-color: #554236;
  font-size: 16px;
  font-family: HiraginoSans-W6, sans-serif;
  font-weight: 600;
  text-align: center;
  line-height: 52px;
  color: #f7efe3;
}

.valentine2020-content-wrapper .content-header-label-arrow-left {
  position: absolute;
  left: 0;
  top: 8px;
  width: 32px;
}

.valentine2020-content-wrapper .content-header-ribbon {
  position: absolute;
  max-width: 290px;
  top: -30px;
  left: 0;
  right: 0;
  margin: auto;
}

.valentine2020-content-wrapper .content-header-ribbon img {
  width: 100%;
}

.valentine2020-content-wrapper .content-header-main-ribbon {
  max-width: 315px;
  top: -30px;
  left: 0;
  right: 0;
  margin: auto;
}

.valentine2020-content-wrapper .content-header-main-ribbon img {
  width: 100%;
}

.valentine2020-content-wrapper .content-footer-button {
  position: absolute;
  width: 100%;
  bottom: -25px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}

.valentine2020-content-wrapper .content-footer-button-arrow-top {
  width: 50px;
}

.valentine2020-content-wrapper .top-content {
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
  background-color: #fffefe;
}

.valentine2020-content-wrapper .top-content-introduction {
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
  background-color: #00896c;
}

.valentine2020-content-wrapper .top-content.margin-top {
  margin-top: 24px;
}

.valentine2020-content-wrapper .top-content.padding-bottom {
  padding-bottom: 24px;
}

.valentine2020-content-wrapper .content {
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
  background-color: #fffefe;
  padding: 36px 6% 24px;
}

.valentine2020-content-wrapper .content .no-pb {
  padding-bottom: 0px;
}

.valentine2020-content-wrapper .content:first-child {
  padding-top: 20px;
  text-align: center;
}

.valentine2020-content-wrapper .content:first-child img {
  max-width: 100%;
}

.valentine2020-content-wrapper .content.up-button {
  padding-bottom: 40px;
  margin-bottom: 49px;
}

.valentine2020-content-wrapper .content.no-pb {
  padding-bottom: 0px;
}

.valentine2020-content-wrapper .content-header-case {
  width: 30%;
  height: 20px;
  -webkit-border-radius: 0px 0px 8px 8px;
     -moz-border-radius: 0px 0px 8px 8px;
          border-radius: 0px 0px 8px 8px;
  background-color: #faeeea;
  margin: auto;
  text-align: center;
  font-family: HiraginoSans-W6, sans-serif;
  font-weight: 600;
  font-size: 10px;
  line-height: 20px;
  color: #78552b;
}

.valentine2020-content-wrapper .inner-content-case {
  display: block;
  height: 51px;
  line-height: 51px;
  width: 100%;
  -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
          border-radius: 12px;
  background-color: #fcf5f3;
  font-size: 14px;
  font-family: HiraginoSans-W5, sans-serif;
  font-weight: 500;
  text-align: center;
  color: #624139;
  margin-top: 10px;
}

.valentine2020-content-wrapper .inner-content.notice-text-case {
  margin-top: 10px;
}

@media screen and (max-width: 330px) {
  .valentine2020-content-wrapper .inner-content-case {
    font-size: 12px;
  }
}

.valentine2020-content-wrapper .case-text {
  font-size: 12px;
  line-height: 20px;
  font-family: HiraginoSans-W3, sans-serif;
  font-weight: 300;
  color: #624139;
  padding-top: 4px;
}

.valentine2020-content-wrapper .case-text a {
  color: #5ca6d6;
  text-decoration: underline;
}

.valentine2020-content-wrapper .inner-content-image {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 8px;
}

.valentine2020-content-wrapper .inner-content-message {
  font-family: HiraMaruProN-W4, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #4a4a4a;
  text-align: center;
}

.valentine2020-content-wrapper.ribbon {
  margin-top: 54px;
}

.valentine2020 .inner-content {
  padding: 0 6%;
}

.valentine2020 .inner-content.padding-bottom {
  padding-bottom: 24px;
}

.valentine2020 .inner-content.padding-bottom-sm {
  padding-bottom: 16px;
}

.valentine2020 .inner-content.padding-top-bottom {
  padding-top: 16px;
  padding-bottom: 24px;
}

.valentine2020 .inner-content.padding-top {
  padding-top: 24px;
}

.valentine2020 .inner-content-talk {
  padding-top: 12px;
}

.valentine2020 .prize-list-ribbon {
  width: 90%;
  margin: 5% 5% 0;
}

.valentine2020-btn {
  display: block;
  height: 44px;
  line-height: 46px;
  width: 100%;
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
  color: #f7efe3;
  font-size: 18px;
  font-family: HiraginoSans-W6, sans-serif;
  font-weight: 600;
  text-align: center;
}

.valentine2020-btn.pinkish {
  background-color: #cb1b45;
}

.valentine2020-btn.pinkish.footer {
  width: 90%;
  margin: 7px 5%;
  font-size: 1.3em;
}

.valentine2020-btn.pinkish.present-introduction {
  position: absolute;
  width: 90%;
  margin: auto 5%;
  bottom: 6%;
}

.valentine2020-btn.pinkish.main {
  font-size: 14px;
  margin-top: 10px;
}

.valentine2020-btn.greenish {
  background-color: #7f9b54;
}

.valentine2020-btn.greenish.main {
  font-size: 14px;
  margin-top: 10px;
}

.valentine2020-btn.greenish.margin-top {
  margin-top: 10px;
}

.valentine2020-btn.redish {
  background-color: #c3566b;
}

.valentine2020-btn.redish.main {
  font-size: 14px;
  margin-top: 10px;
}

.valentine2020-bell-btn {
  display: block;
  height: 50px;
  padding: 1rem 0;
  text-align: center;
  width: 100%;
  margin-top: 10px;
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
  background-color: #5b622e;
}

.valentine2020-bell-btn-text {
  display: inline-block;
  margin-top: 0.5rem;
  text-align: left;
  color: #f7efe3;
  line-height: 20px;
  font-size: 12px;
  font-family: HiraginoSans-W6, sans-serif;
  font-weight: 600;
}

.valentine2020-bell-btn:before {
  content: "";
  display: inline-block;
  width: 49px;
  height: 56px;
  margin: -20px 7px 0 0;
  background: url("/img/wmsp/project/campaign/valentine2020/icon_bell.svg") no-repeat;
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  vertical-align: middle;
}

.valentine2020 .centered-text {
  text-align: center;
  font-size: 14px;
  line-height: 22px;
}

.valentine2020 .text-center {
  text-align: center;
}

.valentine2020 .w100 {
  width: 100%;
}

.valentine2020 .pray_ticket_img {
  width: 70%;
  padding-top: 40px;
}

.valentine2020 .ticket_area {
  text-align: center;
  background: url("/img/wmsp/project/campaign/valentine2020/ticket_bg.svg") center no-repeat;
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  width: 70%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.valentine2020 .ticket_area_text {
  color: #624139;
  font-size: 14px;
  font-weight: bold;
  line-height: 4.1em;
}

.valentine2020 .remain_tickets_count {
  font-family: HiraginoSans-W8;
  font-weight: 800;
  color: #c3566b;
  font-size: 18px;
  margin: 0 1em;
}

.valentine2020 .lottery-bell {
  position: relative;
  display: inline-block;
}

.valentine2020 .lottery-bell img {
  position: absolute;
  top: -10px;
  left: -12vw;
}

.valentine2020 .prize-list {
  padding-bottom: 3%;
}

.valentine2020 .prize-item {
  position: relative;
  margin: 4% 0%;
  padding: 0;
  width: 46%;
  display: inline-block;
}

.valentine2020 .prize-item-img {
  margin: 0;
  width: 100%;
}

.valentine2020 .prize-item-desc {
  position: absolute;
  width: 96%;
  min-height: 24%;
  bottom: 0;
  margin: 0;
  padding: 8px 2% 8px;
  background-color: #967249;
  opacity: 0.8;
  -webkit-border-radius: 0 0 15px 15px;
     -moz-border-radius: 0 0 15px 15px;
          border-radius: 0 0 15px 15px;
  font-size: 3vw;
  line-height: 4vw;
  color: #fffefe;
  font-family: HiraginoSans-W6, sans-serif;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}

.valentine2020 .prize-item:nth-child(odd) {
  margin-right: 6%;
}

.valentine2020 .prize-item:nth-child(even) {
  margin-left: 0;
}

.valentine2020 .content-message {
  font-family: PingFangTC;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #4a4a4a;
}

.valentine2020 .content-sub_message {
  font-family: PingFangTC;
  font-weight: 600;
  text-align: center;
  color: #967249;
}

.valentine2020 .address_register_form {
  padding-top: 16px;
}

.valentine2020 .address_register_form .form_list {
  margin-bottom: 1.5rem;
}

.valentine2020 .address_register_form .form_label {
  font-size: 12px;
  color: #4a4a4a;
  margin-bottom: 0.3rem;
}

.valentine2020 .address_register_form .form_input_wrapper {
  margin: 0 0 0.8rem 0;
}

.valentine2020 .address_register_form .required {
  color: #769164;
  font-size: 12px;
  margin-left: 0.5em;
}

.valentine2020 .address_register_form .optional {
  color: #78552b;
  font-size: 12px;
}

.valentine2020 .address_register_form input {
  background-color: #fffbf6;
  color: #4a4a4a;
  width: 90%;
  height: 36px;
  font-size: 12px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  padding: 0 5%;
}

.valentine2020 .address_register_form input::-webkit-input-placeholder {
  color: #c7b897;
  padding: 0 0 0 0;
}

.valentine2020 .address_register_form input::-moz-placeholder {
  color: #c7b897;
  padding: 0 0 0 0;
}

.valentine2020 .address_register_form input:-ms-input-placeholder {
  color: #c7b897;
  padding: 0 0 0 0;
}

.valentine2020 .address_register_form input::placeholder {
  color: #c7b897;
  padding: 0 0 0 0;
}

.valentine2020 .address_register_form select {
  background-color: #fffbf6;
  color: #4a4a4a;
  width: 100%;
  height: 3em;
  font-size: 12px;
  -webkit-border-radius: 0.5em;
     -moz-border-radius: 0.5em;
          border-radius: 0.5em;
  padding: 0 5%;
}

.valentine2020 .address_register_form select::-webkit-input-placeholder {
  color: #c7b897;
  padding: 0 0 0 0;
}

.valentine2020 .address_register_form select::-moz-placeholder {
  color: #c7b897;
  padding: 0 0 0 0;
}

.valentine2020 .address_register_form select:-ms-input-placeholder {
  color: #c7b897;
  padding: 0 0 0 0;
}

.valentine2020 .address_register_form select::placeholder {
  color: #c7b897;
  padding: 0 0 0 0;
}

.valentine2020 .submit-btn-wrapper {
  padding-top: 8px;
  padding-bottom: 24px;
}

.valentine2020 .notice-text {
  font-size: 12px;
  line-height: 1.67;
  text-align: justify;
}

.valentine2020-win .ribbon-top {
  margin-bottom: 16px;
}

.valentine2020-win .centered-prize-text {
  margin: 24px 0 0;
  text-align: center;
  font-family: PingFangTC, HiraginoSans-W6, sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #4a4a4a;
}

.valentine2020-win .centered-select-text {
  margin: 16px 0;
  text-align: center;
  font-family: HiraginoSans-W6, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: #967249;
}

.valentine2020-win .centered-caution-text {
  margin: 0;
  padding-top: 16px;
  padding-bottom: 24px;
  text-align: center;
  font-family: HiraginoSans-W3, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
  color: #cb1b45;
}

.valentine2020-win .present-radio-list {
  background-color: #9f9d9a;
  -webkit-border-radius: 0 0 8px 8px;
     -moz-border-radius: 0 0 8px 8px;
          border-radius: 0 0 8px 8px;
  padding: 0.5em;
  margin: 0 0 3% 0;
  text-align: center;
  color: #f7efe3;
  width: 60%;
  margin-left: 15%;
  font-size: 12px;
}

.valentine2020-win .present-radio-list .radio-message {
  display: none;
  font-size: 12px;
  line-height: 12px;
}

.valentine2020-win .present-radio-list .radio-message + label {
  padding-left: 16px;
  position: relative;
  color: #f7efe3;
  font-family: HiraginoSans-W6, sans-serif;
  font-weight: 600;
}

.valentine2020-win .present-radio-list .radio-message + label::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 12px;
  height: 12px;
  background-color: #f7efe3;
  border: 1px solid #f7efe3;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}

.valentine2020-win .present-radio-list .radio-message:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  left: 3px;
  top: 5px;
  width: 8px;
  height: 8px;
  background-color: #bb5561;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}

.valentine2020-talk {
  margin-top: 24.7%;
}

.valentine2020-talk .register_complete_form {
  padding-top: 8% !important;
}

.valentine2020-talk .register_complete_form textarea {
  background-color: #f8f2ec;
  color: #4a4a4a;
  width: 95%;
  -webkit-border-radius: 3.2vw;
     -moz-border-radius: 3.2vw;
          border-radius: 3.2vw;
  padding: 2.5%;
  font-family: HiraMaruProN-W4, sans-serif;
  font-weight: 400;
  font-size: 3.2vw;
  line-height: 1.5;
}

.valentine2020-talk .register_complete_form textarea:focus {
  outline: none;
}

.valentine2020-talk .register_complete_form textarea::-webkit-input-placeholder {
  color: #9b9b9b;
  padding: 0 0 0 0;
}

.valentine2020-talk .register_complete_form textarea::-moz-placeholder {
  color: #9b9b9b;
  padding: 0 0 0 0;
}

.valentine2020-talk .register_complete_form textarea:-ms-input-placeholder {
  color: #9b9b9b;
  padding: 0 0 0 0;
}

.valentine2020-talk .register_complete_form textarea::placeholder {
  color: #9b9b9b;
  padding: 0 0 0 0;
}

.valentine2020-talk .counter-text {
  text-align: right;
  font-size: 2.67vw;
  line-height: 1;
  color: #a98b69;
}

.valentine2020-talk .counter-text .counter-error {
  color: #cb1b45;
}

.valentine2020-talk .complete-message {
  padding-top: 20px;
  text-align: center;
  font-family: HiraginoSans-W6;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  color: #6c5a4d;
}

.valentine2020-talk .lottery-message {
  padding-bottom: 10px;
  text-align: center;
  font-size: 12px;
  font-family: HiraginoSans-W3, sans-serif;
  font-weight: 300;
  line-height: 1.5;
  color: #624139;
}

.valentine2020-talk .lottery-message .ticket_area {
  margin-top: 0;
}

.valentine2020-talk .notice-text-sand-bg {
  background-color: #e3c57655;
  color: #4a4a4a;
}

.valentine2020-talk .talk-img {
  padding: 27% 19% 5% 14%;
}

.valentine2020-talk .prize-area {
  position: relative;
}

.valentine2020-talk .prize-area p {
  position: absolute;
  width: 88%;
  bottom: 31%;
  text-align: center;
  font-family: HiraginoSans-W6;
  font-size: 3.73vw;
  color: #6c5a4d;
}

.valentine2020-talk .prize-mask {
  height: 20vw;
}

.valentine2020-talk .prize-image {
  position: absolute;
  margin: 4% 0 0 10%;
  z-index: 1;
  width: 60%;
}

.valentine2020-talk .prize-image-point {
  position: absolute;
  margin: 8% 0 0 10%;
  z-index: 1;
  width: 60%;
}

.valentine2020-talk .prize-detail {
  position: absolute;
  bottom: 7%;
  margin-left: 6%;
  width: 45%;
}

.valentine2020-talk .prize-detail-text {
  position: absolute;
  -webkit-border-radius: 0 3vw 3vw 0;
     -moz-border-radius: 0 3vw 3vw 0;
          border-radius: 0 3vw 3vw 0;
  background-color: #a98b69;
  width: 84.6%;
  height: 20vw;
  display: inline-block;
}

.valentine2020-talk .prize-detail-text ol {
  margin: 13% 0 0 13%;
  color: #fffefe;
}

.valentine2020-talk .prize-detail-text-name {
  font-family: HiraginoSans-W4;
  font-size: 3.2vw;
}

.valentine2020-talk .prize-detail-text-price {
  font-family: HiraginoSans-W6;
  font-size: 3.73vw;
}

.valentine2020-talk .prize-detail-text-price-point {
  font-family: HiraginoSans-W6;
  font-size: 4.27vw;
  line-height: 1.3;
}

.valentine2020-talk .expire-message {
  font-size: 12px;
}

.valentine2020-talk .win-base-image {
  margin-top: 15%;
  width: 100%;
}

.valentine2020-talk .prize-message {
  font-size: 12px;
  color: #624139;
  font-family: HiraginoSans-W3, sans-serif;
  font-weight: 300;
}

.valentine2020-lose {
  display: block;
  padding: 16px 4.5%;
  margin-top: 24%;
  font-family: HiraginoSans-W3, sans-serif;
  font-size: 12px;
  line-height: 18px;
  min-height: 49.8vh;
}

.valentine2020-lose-btn {
  display: block;
  height: 44px;
  line-height: 46px;
  width: 100%;
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
  color: #f7efe3;
  font-size: 18px;
  font-family: HiraginoSans-W6, sans-serif;
  font-weight: 600;
  text-align: center;
}

.valentine2020-lose .lottery-message {
  padding-bottom: 10px;
  text-align: center;
  font-size: 12px;
  font-family: HiraginoSans-W3, sans-serif;
  font-weight: 300;
  line-height: 1.5;
  color: #624139;
}

.valentine2020-lose .lottery-message .ticket_area {
  margin-top: -20px;
}

.valentine2020-lose-button {
  padding-bottom: 12px;
}

.valentine2020 .lose-text {
  margin-top: 16px;
  font-family: PingFangTC;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #4a4a4a;
}

.valentine2020-history {
  display: block;
  padding: 16px 4.5%;
  margin-top: 24%;
  font-family: HiraginoSans-W3, sans-serif;
  font-size: 12px;
  line-height: 18px;
  min-height: 49.8vh;
}

.valentine2020-history-wrap {
  color: #4a4a4a;
  background-color: #fffefe;
  overflow: hidden;
  padding: 13% 4.5% 0;
}

.valentine2020-history__title {
  float: left;
  width: 9rem;
}

.valentine2020-history__title:nth-of-type(4n+1) {
  padding-top: 8px;
}

.valentine2020-history__title:first-of-type {
  padding-top: 0;
}

.valentine2020-history__description {
  padding-left: 10rem;
  text-indent: -1rem;
}

.valentine2020-history__description:nth-of-type(4n+1) {
  padding-top: 8px;
}

.valentine2020-history__description:nth-of-type(4n) {
  border-bottom: 1px solid #967249;
  padding-bottom: 4px;
}

.valentine2020-history__description:first-of-type {
  padding-top: 0;
}

.valentine2020-history__description:last-child {
  border-bottom: none;
}

.valentine2020-history-link {
  color: #cb1b45;
  text-decoration: underline !important;
}

.valentine2020-history-blank {
  padding-top: 16.3%;
}

.valentine2020-history-blank__text {
  color: #6c5a4d;
  text-align: center;
  font-size: 3.6vw;
  padding-bottom: 6%;
  margin-top: -17.1%;
  font-family: HiraginoSans-W6, sans-serif;
  font-weight: 600;
}

.valentine2020-history--full-images {
  width: 100%;
}

.valentine2020-pager {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 8px 16px 0;
  background: #c49565;
  border: 1px solid #c49565;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.valentine2020-pager__container, .valentine2020-pager__container--current {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3vw;
  background: #c49565;
  border-left: 1px solid #f8f2ec;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width: 700px) {
  .valentine2020-pager__container, .valentine2020-pager__container--current {
    height: 6vw;
  }
}

.valentine2020-pager__container:first-child, .valentine2020-pager__container--current:first-child {
  border-left: none;
}

.valentine2020-pager__container--current {
  background: #f7efe3;
  color: #c49565;
}

.valentine2020-pager__container--link:link, .valentine2020-pager__container--link:visited {
  color: #f7efe3;
  width: 100%;
  height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.valentine2020-winners {
  display: block;
  margin-top: 24.7%;
  padding: 16px 4.5%;
  padding-top: 15%;
  font-family: HiraginoSans-W3, sans-serif;
  font-size: 12px;
  line-height: 18px;
  min-height: 418px;
}

.valentine2020-winners__wrap {
  margin: 16px 0;
}

.valentine2020-winners__container {
  position: relative;
  padding: 0 16px;
  display: block;
}

.valentine2020-winners__container.c-icon--arrow--right--blank:before {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -14px;
}

.valentine2020-winners__content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #c49565;
}

.valentine2020-winners__image--profile {
  width: 48px;
  height: 48px;
  -webkit-border-radius: 24px;
     -moz-border-radius: 24px;
          border-radius: 24px;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: 0 50%;
  margin-top: 8px;
}

.valentine2020-winners__image--profile img {
  width: 15px;
  height: 14px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform: rotate(7deg);
     -moz-transform: rotate(7deg);
      -ms-transform: rotate(7deg);
       -o-transform: rotate(7deg);
          transform: rotate(7deg);
  position: relative;
  top: -8px;
  left: 17px;
}

.valentine2020-winners__userinfo-wrap {
  margin-left: 13px;
  padding: 8px 0 8px;
}

.valentine2020-winners__time {
  font-size: 10px;
  line-height: 12px;
  padding-top: 4px;
}

.valentine2020-winners__name.c-icon--male--blank:before {
  color: #34bcef;
}

.valentine2020-winners__name.c-icon--female--blank:before {
  color: #f884a3;
}

.valentine2020-winners__generation-and-area-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.valentine2020-winners-blank {
  text-align: center;
}

.valentine2020-winners-blank__text {
  color: #6c5a4d;
  text-align: center;
  font-family: HiraginoSans-W6, sans-serif;
  font-size: 3.6vw;
  margin-top: -8%;
  line-height: 1.57;
  font-weight: 600;
}

.valentine2020-winners--full-images {
  width: 58%;
}

.valentine2020 .menu-btn {
  display: table;
  table-layout: fixed;
  text-align: center;
  margin: 0;
  color: #c49565;
  font-family: HiraginoSans-W6, sans-serif;
  font-weight: 600;
  width: 100%;
  white-space: nowrap;
  font-size: 3vw;
}

.valentine2020 .menu-btn .active {
  background-color: #c49565;
  color: #fffbf6;
  border: 1px solid #c49565;
}

.valentine2020 .menu-btn-left {
  margin: 0;
  padding: 2% 5%;
  width: 10%;
  background-color: #f7efe3;
  display: table-cell;
  border: 1px solid #c49565;
  -webkit-border-radius: 8px 0 0 8px;
     -moz-border-radius: 8px 0 0 8px;
          border-radius: 8px 0 0 8px;
}

.valentine2020 .menu-btn-center {
  margin: 0;
  padding: 2% 5%;
  width: 10%;
  background-color: #f8f2ec;
  display: table-cell;
  border: 1px solid #c49565;
}

.valentine2020 .menu-btn-right {
  margin: 0;
  padding: 2% 5%;
  width: 10%;
  background-color: #f7efe3;
  display: table-cell;
  border: 1px solid #c49565;
  -webkit-border-radius: 0 8px 8px 0;
     -moz-border-radius: 0 8px 8px 0;
          border-radius: 0 8px 8px 0;
}

.valentine2020-main {
  background: url("/img/wmsp/project/campaign/valentine2020/main_bg.png");
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
}

.valentine2020-main-term {
  background-color: #fffefe;
  margin-top: -6px;
  padding-bottom: 0px;
}

.valentine2020-main-term img {
  width: 100%;
  display: block;
  margin: auto;
}

.valentine2020 .footer-fixed-menu {
  position: fixed;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #f5ddd5e6;
  text-align: center;
  bottom: 0;
  z-index: 5;
}

.valentine2020 .footer-pad {
  width: 100%;
  height: 60px;
}

.valentine2020 .valentine2020-btn.redish.footer {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.valentine2020 .tweet-list {
  font-family: HiraginoSans-W3, sans-serif;
  font-weight: 300;
}

.valentine2020 .tweet-list__wrap {
  margin-top: 24px;
  margin-bottom: 24px;
  margin-left: 10px;
  margin-right: 10px;
}

.valentine2020 .tweet-list__block {
  border-bottom: 1px solid #c7b897;
}

.valentine2020 .tweet-list__block:last-child {
  border-bottom: none;
}

.valentine2020 .tweet-list__container {
  padding: 16px 16px 6px 16px;
}

.valentine2020 .tweet-list__content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.valentine2020 .tweet-list__image--profile {
  text-align: center;
  min-width: 50px;
  height: 50px;
  margin-top: 5px;
  position: relative;
  -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
          border-radius: 30px;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: 0 50%;
}

.valentine2020 .tweet-list__image--profile img {
  width: 16px;
  position: relative;
  top: -10px;
}

.valentine2020 .tweet-list__userinfo-wrap {
  margin-left: 12px;
}

.valentine2020 .tweet-list__time {
  font-size: 10px;
  line-height: 20px;
  color: #4a4a4a;
}

.valentine2020 .tweet-list__name {
  font-size: 12px;
  line-height: 20px;
}

.valentine2020 .tweet-list__message {
  font-size: 14px;
  line-height: 20px;
  margin-top: 5px;
  word-wrap: break-word;
}

.valentine2020 .tweet-list__message a {
  color: #4a4a4a;
}

.valentine2020 .c-icon--male--blank:before {
  color: #34bcef;
}

.valentine2020 .c-icon--female--blank:before {
  color: #f884a3;
}

div.ui-dialog {
  padding: 0;
  border: 0;
  margin: 0;
  opacity: 0.9;
  background: #fff;
}

div.ui-dialog .ui-dialog-content {
  padding: 0;
  position: static !important;
}

div.ui-dialog .ui-dialog-titlebar {
  display: none;
}

div.ui-dialog *:focus {
  outline-color: transparent;
  outline: none;
}

.ui-corner-all {
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  border-radius: 6px !important;
}

.valentine2020_top_popup.ui-dialog, .get_campaign_ticket_popup.ui-dialog {
  height: 100% !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
}

#popupValentine2020Top, #popupGetCampaignTicket {
  margin: auto;
  width: 83% !important;
}

#popupValentine2020Top .card, #popupGetCampaignTicket .card {
  overflow: auto;
}

.combined_shape {
  margin: 0 auto;
  padding: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.combined_shape_content {
  position: relative;
  margin: 40px auto auto auto;
  padding: 0;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background-color: #ffffff;
}

.combined_shape_content.top_popup {
  margin: 0;
  background-color: transparent;
}

.oval_white {
  width: 81px;
  height: 81px;
  background-color: #ffffff;
  margin: auto;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  padding-top: 10px;
  z-index: 1;
  position: absolute;
}

.icon_success_popup {
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.text_content_popup {
  height: auto;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #616161;
  font-family: HiraginoSans-W3, sans-serif;
  font-weight: 300;
  padding-top: 50px;
  padding-bottom: 16px;
}

.text_content_popup.top_popup {
  position: relative;
  background-image: url("/img/wmsp/project/campaign/valentine2020/top_popup.png");
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  padding-top: 147%;
  padding-bottom: 0;
}

#button_popup {
  width: 83%;
  height: 11.72vw;
  -webkit-border-radius: 5.86vw;
     -moz-border-radius: 5.86vw;
          border-radius: 5.86vw;
  background-color: #fa628a;
  line-height: 11.72vw;
  text-align: center;
  display: block;
}

#button_popup.top_popup {
  position: absolute;
  background-color: #7f9b54;
  top: 86.9%;
  bottom: 3.5%;
  left: 0;
  right: 0;
  margin: auto;
}

.button_popup_text {
  font-size: 12px;
  text-align: center;
  color: #fff;
  font-family: HiraginoSans-W6, sans-serif;
  font-weight: 600;
}

#button_close_popup {
  width: 100%;
  height: 11.72vw;
  -webkit-border-bottom-left-radius: 4.26vw;
     -moz-border-radius-bottomleft: 4.26vw;
          border-bottom-left-radius: 4.26vw;
  -webkit-border-bottom-right-radius: 4.26vw;
     -moz-border-radius-bottomright: 4.26vw;
          border-bottom-right-radius: 4.26vw;
  background-color: #f6f4f4;
}

.button_close_popup_text {
  height: 3.73vw;
  font-size: 3.73vw;
  line-height: 11.72vw;
  text-align: center;
  color: #919191;
  font-family: HiraginoSans-W6, sans-serif;
  font-weight: 600;
}

.popup_get_campaign_ticket {
  width: 100%;
  height: 147px;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  background-color: #ffffff;
  padding: 3px;
  margin: auto;
  position: relative;
}

.container_popup {
  width: 100%;
  height: 142px;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  border: solid 1px #f91794;
  background-color: #ffffff;
  margin: auto;
}

.content_message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.text_message {
  height: 57px;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  font-family: HiraginoSans-W3, sans-serif;
  font-weight: 300;
  text-align: center;
  margin-top: 32px;
  margin-left: 8px;
  margin-right: 8px;
}

#button_popup.wmsp {
  width: 83%;
  height: 31px;
  -webkit-border-radius: 15.5px;
     -moz-border-radius: 15.5px;
          border-radius: 15.5px;
  background-color: #fa628a;
  border: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
  line-height: 31px;
  text-align: center;
}

#button_close_popup.wmsp {
  position: absolute;
  right: 4px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  margin-top: 4px;
}

.overlay_popup {
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 7;
}

.content-title {
  position: relative;
}

.content-title-img {
  position: absolute;
  top: -4px;
  width: 100%;
  z-index: 1;
}

.content-title-arrow-left {
  position: absolute;
  left: 0;
  margin-top: 17%;
  width: 8%;
  z-index: 2;
}

/* Diary */
*[class*="p-diary-"], *[class*="p-diary_"] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*[class*="p-diary-"] *, *[class*="p-diary_"] * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

HR.p-diary--dashed {
  border-top: 0.1rem dashed #e0e0e0;
  border-bottom: none;
}

HR.p-diary--dashed.thin {
  margin: 0;
}

HR.p-diary--solid {
  border-top: 0.1rem solid #e0e0e0;
  border-bottom: none;
}

HR.p-diary--solid.thin {
  margin: 0;
}

.seamless .c-history, .seamless .c-btn--mypage {
  display: none;
}

.c-icon--erotic--fill:before, .c-icon--erotic--fill:after {
  margin-top: -0.2rem;
  font-size: 110%;
}

.p-diary.c-icon--male--blank {
  color: #34bcef;
}

.p-diary.c-icon--female--blank {
  color: #f884a3;
}

.p-diary.c-icon--erotic--fill {
  color: #fb1a9f;
  margin-right: 0.2rem;
}

.p-diary.c-btn--low.c-icon--arrow--right--blank--after.expand {
  width: 100%;
}

.p-diary.c-btn--low.c-icon--arrow--right--blank--after:after {
  position: absolute;
  top: 0.3rem;
  right: 1.2rem;
}

.p-diary.clear {
  clear: both;
}

.p-diary.c-toast--notice.show {
  border-color: #f884a3;
}

.p-diary__explain--icon.no-border-bottom {
  border-bottom: none;
}

.p-diary__footer_btn {
  width: 100%;
  border-style: none;
}

.p-diary__footer_btn:active {
  position: relative;
  top: 3px;
  background: #9e9e9e;
}

.p-diary__footer_btn.c-btn--action:active {
  background: #60b89e;
}

.p-diary__header_btn {
  display: inline-block;
  position: relative;
  width: 44px;
  height: 44px;
  color: white;
}

.p-diary__header_btn:before {
  position: absolute;
  top: -0.3rem;
  left: 0.8rem;
  font-size: 2.4rem;
  color: white;
}

.p-diary__header_btn:after {
  position: absolute;
  top: 2.6rem;
  font-size: 1rem;
}

.p-diary__header_btn--search:after {
  content: '絞り込む';
  left: 0.2rem;
}

.p-diary__header_btn--write:after {
  content: '書 く';
  left: 1.0rem;
}

.p-diary__header_btn--service:after {
  content: 'サービス';
  left: 0.2rem;
}

.p-diary--page-navi {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-top: 1.6rem;
  padding-bottom: 4px;
  padding-bottom: 20px;
}

.p-diary--page-navi LI {
  display: table-cell;
  text-align: center;
  background-color: #ACAFB4;
  border-right: 1px solid #FFF;
  color: #FFF;
  line-height: 48px;
  font-size: 1.3rem;
}

.p-diary--page-navi LI A {
  color: #FFF;
  display: block;
}

.p-diary--page-navi LI:last-child {
  border-right: 0 none;
}

.p-diary--page-navi LI.current {
  background-color: #E0E1E3;
  color: #393F4B;
}

.p-diary--page-navi LI.current A {
  color: #393F4B;
}

.p-diary--page-navi + .btnline {
  border-top: 0 none;
}

.p-diary--overlay.c-overlay {
  position: fixed;
  height: 100%;
  z-index: 7;
}

.p-diary--overlay.c-overlay.springboard {
  z-index: 2;
}

.p-diary--heading3 {
  position: relative;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

.p-diary--heading3 A {
  margin-top: 0.4rem;
}

.p-diary--heading3__button {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: right;
}

.p-diary--heading3__button A {
  display: inline-block;
  position: absolute;
  font-size: 1rem;
  color: #616161;
  background-color: white;
  top: 0.4rem;
  right: 1rem;
  padding: 0 1.4rem 0 1.4rem;
  border: none;
  -webkit-border-radius: 0.7rem;
     -moz-border-radius: 0.7rem;
          border-radius: 0.7rem;
}

.p-diary--no_icon.c-history__link {
  padding-left: 3.2rem;
}

.p-diary__public {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1rem;
  padding: 0 1.6rem;
}

.p-diary__public.invisible {
  background-color: #e0e0e0;
  color: #616161;
}

.p-diary__listitem {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 1.6rem 3.2rem 1.6rem 1.6rem;
  color: #616161;
  font-size: 1.6rem;
}

.p-diary__listitem > A:visited .p-diary__listitem--diary--title {
  color: #9e9e9e;
}

.p-diary__listitem > A:first-child {
  position: relative;
  display: inline-block;
  width: 100%;
}

.p-diary__listitem--diary--header {
  font-size: 1.4rem;
  color: #616161;
}

.p-diary__listitem--diary--header SPAN:first-child {
  margin: 0 0.3rem 0 0;
}

.p-diary__listitem--diary--header SPAN {
  margin: 0 0.3rem;
}

.p-diary__listitem--diary--title {
  position: relative;
  font-weight: bold;
  color: #212121;
}

.p-diary__listitem--diary--title:before {
  position: absolute;
  font-size: 1.6rem;
  top: -webkit-calc(50% - 1.3rem);
  top: -moz-calc(50% - 1.3rem);
  top: calc(50% - 1.3rem);
  right: -2.4rem;
}

.p-diary__listitem--diary--footer {
  text-align: right;
  font-size: 1.4rem;
  color: #9e9e9e;
}

.p-diary__listitem--diary--footer SPAN {
  margin: 0 0.2rem;
}

.p-diary__listitem--diary--footer A {
  color: #f760a7;
}

.p-diary__listitem--user {
  display: block;
  border-top: 0.1rem dashed #e0e0e0;
  padding-top: 0.8rem;
}

.p-diary__listitem--user--thumbnail {
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: center center;
  border: none;
  -webkit-border-radius: 2rem;
     -moz-border-radius: 2rem;
          border-radius: 2rem;
  margin-right: 0.8rem;
}

.p-diary__listitem--user--name {
  color: #212121;
}

.p-diary__listitem--user.no_memo {
  padding-bottom: 0.8rem;
}

.p-diary__listitem--user SPAN[class^=c-label__friend-] {
  font-size: 1rem;
}

.p-diary__listitem--memo {
  position: relative;
  display: block;
}

.p-diary__listitem--memo .c-label__memo {
  font-size: 1rem;
  padding: 0.1rem 0.4rem;
}

.p-diary__listitem--memo--digest {
  color: #424242;
  font-size: 1.4rem;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.p-diary__listitem--memo--icon {
  margin-right: 0.2rem;
}

.p-diary__listitem--memo--icon.c-icon--heart--fill {
  color: red;
}

.p-diary__listitem--memo--icon.c-icon--ignore--blank {
  color: red;
}

.p-diary__listitem--memo--icon.c-icon--star--fill {
  color: #aa0;
}

.p-diary__listitem--memo--icon.c-icon--users--frame--blank {
  color: #00b6d8;
}

.p-diary__listitem--memo--icon.c-icon--memo--blank {
  color: #754d02;
}

.p-diary__listitem--memo--expand {
  position: absolute;
  top: 100%;
  left: 100%;
  z-index: 3;
  color: #424242;
  font-size: 1.4rem;
  -o-text-overflow: clip;
     text-overflow: clip;
  opacity: 0;
  display: none;
  height: auto;
}

.p-diary__listitem--memo--expand.open {
  display: block;
}

.p-diary__listitem--memo .c-btn--memo-category {
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  -o-transition: -o-transform 200ms ease;
  -moz-transition: transform 200ms ease, -moz-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease, -moz-transform 200ms ease, -o-transform 200ms ease;
}

.p-diary__listitem--memo .c-btn--memo-category.open:before {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}

.p-diary__listitem.has_cbx {
  padding-left: 3.2rem;
}

.p-diary__listitem.has_cbx INPUT[type=checkbox] {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 0.1rem;
  height: 0.1rem;
  overflow: hidden;
  opacity: 0.01;
}

.p-diary__listitem.has_cbx LABEL {
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  height: 100%;
  margin-left: -1rem;
}

.p-diary__listitem.has_cbx LABEL:before {
  margin-left: 0.5rem;
}

.p-diary__listitem.has_cbx LABEL:after {
  margin-left: 0.8rem;
}

.p-diary__listitem .p-profile-info-relation {
  float: none;
  font-size: 1rem;
  margin: 0 0 0 0.2rem;
}

.p-diary--wrap-submit {
  text-align: center;
}

.p-diary--wrap-submit INPUT[type=submit], .p-diary--wrap-submit BUTTON {
  display: inline-block;
  border: none;
}

.p-diary__read_more {
  margin: 1.6rem auto 3.2rem auto;
}

.p-diary--ranking--term_links, .p-diary--ranking--gender_links {
  margin: 1.6rem 0;
  text-align: center;
}

.p-diary--ranking--term_links A, .p-diary--ranking--gender_links A {
  color: #f760a7;
}

.p-diary--ranking--term_links > SPAN, .p-diary--ranking--gender_links > SPAN {
  color: #424242;
}

.p-diary--ranking--term_links > A, .p-diary--ranking--term_links > SPAN, .p-diary--ranking--gender_links > A, .p-diary--ranking--gender_links > SPAN {
  font-size: 1.5rem;
  padding: 0 0.6rem 0 0.6rem;
  border-right: 1px solid #bdbdbd;
}

.p-diary--ranking--term_links > A:last-child, .p-diary--ranking--term_links > SPAN:last-child, .p-diary--ranking--gender_links > A:last-child, .p-diary--ranking--gender_links > SPAN:last-child {
  border: none;
}

.p-diary--ranking--rank .c-icon--crown--fill.first {
  color: #f5c05d;
}

.p-diary--ranking--rank .c-icon--crown--fill.second {
  color: #9e9e9e;
}

.p-diary--ranking--rank .c-icon--crown--fill.third {
  color: #c26837;
}

.p-diary--ranking--rank .c-icon--crown--fill.rank-in {
  color: #757575;
}

.p-diary--ranking--rank--desc {
  color: #212121;
  font-size: 1.6rem;
}

.p-diary--ranking--removed {
  color: #9e9e9e;
  font-size: 1.5rem;
}

.p-diary-recommend {
  margin: 0 0 8px 16px;
  padding: 2px 4px;
  width: 86px;
  background: #f3c112 URL("/img/wmsp/common/icon_recommend_diary.png") 66px center no-repeat;
  -moz-background-size: 15px;
    -o-background-size: 15px;
       background-size: 15px;
  color: #FFF;
}

.p-diary-detail__recommend {
  position: relative;
  float: right;
}

.p-diary-link--first {
  border-top: 0.1rem solid #e0e0e0;
}

.p-diary-link--last {
  margin-bottom: 3.2rem;
}

.p-diary-search--form {
  font-size: 1.6rem;
  margin-bottom: 10rem;
}

.p-diary-search--form__subtitle {
  position: relative;
}

.p-diary-search--form__subtitle--text {
  font-weight: normal;
}

.p-diary-search--form__subtitle--hint {
  font-size: 1rem;
  font-weight: normal;
  color: #616161;
  background-color: white;
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  padding: 0 2rem;
  -webkit-border-radius: 0.8rem;
     -moz-border-radius: 0.8rem;
          border-radius: 0.8rem;
  position: absolute;
  top: 0.4rem;
  right: 1.6rem;
}

.p-diary-search--form__item {
  color: #616161;
  padding: 1.6rem 1.6rem;
}

.p-diary-search--form__item--area {
  position: relative;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-decoration: none;
  color: #616161;
  cursor: pointer;
}

.p-diary-search--form__item--area:before {
  content: '\EA05';
  color: #9e9e9e;
  font-family: 'icon';
  position: absolute;
  right: 0;
  top: 0;
}

.p-diary-search--form__item.generation {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  display: table;
}

.p-diary-search--form__item.generation .tilde {
  width: 4.4rem;
  text-align: center;
}

.p-diary-search--form__item.generation > * {
  display: table-cell;
  vertical-align: middle;
}

.p-diary-search--form__item .c-label {
  margin-left: 2.4rem;
}

.p-diary-search--form__item.pulldown {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: table;
  width: 100%;
}

.p-diary-search--form__item.pulldown .c-form--select-wrap {
  display: table-cell;
  vertical-align: middle;
}

.p-diary-search--form__item.newface {
  border-bottom: 0.1rem solid #e0e0e0;
}

.p-diary__dialog--area {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 30;
  top: 0;
  left: 0;
  background-color: white;
  color: #212121;
  display: block;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  -o-transition: -o-transform 200ms ease;
  -moz-transition: transform 200ms ease, -moz-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease, -moz-transform 200ms ease, -o-transform 200ms ease;
  -webkit-transform: translate(100%, 0);
     -moz-transform: translate(100%, 0);
      -ms-transform: translate(100%, 0);
       -o-transform: translate(100%, 0);
          transform: translate(100%, 0);
}

.p-diary__dialog--area.open {
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}

.p-diary__dialog--area.hidden {
  display: none;
}

.p-diary__dialog--area .c-header__nav {
  margin-left: 0.8rem;
}

.p-diary__dialog--area .c-footer {
  -webkit-transform: translate3d(0, 0, 0);
}

.p-diary__listitem--single {
  font-size: 1.5rem;
  padding: 8px 32px 8px 16px;
  color: #212121;
  position: relative;
  display: block;
  border-bottom: 0.1rem solid #e0e0e0;
}

.p-diary__listitem--single.c-icon--arrow--right--blank--after:after, .p-diary__listitem--single.c-icon--arrow--top--blank--after:after, .p-diary__listitem--single.c-icon--arrow--bottom--blank--after:after {
  position: absolute;
  right: 1rem;
  top: 50%;
  margin-top: -1.2rem;
  color: #9e9e9e;
}

.p-diary__listitem--single.first {
  border-top: 0.1rem solid #e0e0e0;
  margin-top: 1.6rem;
}

.p-diary__listitem--single .c-label {
  margin-left: 2.4rem;
  display: block;
}

.p-diary-area__select_region > .p-diary__listitem--single:after {
  -webkit-transition: -webkit-transform 200ms linear;
  transition: -webkit-transform 200ms linear;
  -o-transition: -o-transform 200ms linear;
  -moz-transition: transform 200ms linear, -moz-transform 200ms linear;
  transition: transform 200ms linear;
  transition: transform 200ms linear, -webkit-transform 200ms linear, -moz-transform 200ms linear, -o-transform 200ms linear;
}

.p-diary-area__select_region > .p-diary__listitem--single.open:after {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}

.p-diary-area__contents {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-top: 4.4rem;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.p-diary__listitem--prefs {
  display: block;
  position: relative;
}

.p-diary__listitem--prefs > .p-diary__listitem--single {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 4rem;
  padding-left: 3.2rem;
}

.p-diary__listitem--prefs.shrink {
  overflow: hidden;
  height: 0;
}

.p-diary--member-info--name {
  white-space: nowrap;
  overflow: hidden;
  font-size: 1.5rem;
  height: 2.4rem;
}

.p-diary--member-info--name A {
  color: #212121;
  white-space: nowrap;
}

.p-diary--member-info--info {
  font-size: 1.4rem;
  margin-bottom: 0.4rem;
}

.p-diary--member-info .p-diary__listitem--user--thumbnail {
  vertical-align: top;
}

.p-diary-detail__header {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 1.6rem;
  font-size: 1.5rem;
  color: #616161;
}

.p-diary-detail__header--ctime {
  position: relative;
  font-size: 1.4rem;
}

.p-diary-detail__header--ctime SPAN[class^=c-label__] {
  display: inline-block;
  position: absolute;
  right: 0;
  font-size: 1rem;
}

.p-diary-detail__header--subtext {
  position: relative;
}

.p-diary-detail__body {
  padding: 0.4rem 1.6rem;
}

.p-diary-detail__body--title {
  font-size: 1.6rem;
  color: #212121;
  font-weight: bold;
}

.p-diary-detail__body--topic {
  font-size: 1.6rem;
  padding: 0.8rem 0;
  border-top: 0.1rem dashed #e0e0e0;
  border-bottom: 0.1rem dashed #e0e0e0;
  margin-bottom: 0.8rem;
}

.p-diary-detail__body--topic > A {
  color: #f760a7;
}

.p-diary-detail__body--content {
  font-size: 1.6rem;
  margin-top: 0.8rem;
  padding-top: 0.8rem;
  border-top: 0.1rem dashed #e0e0e0;
}

.p-diary-detail__body--attach {
  text-align: center;
}

.p-diary-detail__body--attach .p-profile-diary__media--photo {
  display: inline-block;
  width: 8.8rem;
  heigth: 8.1rem;
  margin: 0 0.5rem;
}

.p-diary-detail__body--feedback {
  padding: 0.8rem 0;
  text-align: right;
  font-size: 1.4rem;
  color: #616161;
}

.p-diary-detail__body--feedback .c-btn--action {
  margin: 1.2rem 0 3.2rem;
}

.p-diary-detail__body--feedback .c-btn--action.adult {
  background-color: #fb1a9f;
}

.p-diary-detail__body--feedback .c-btn--action.adult.is-active {
  background-color: #db1886;
}

.p-diary-detail__body--feedback .c-btn--action.done {
  background-color: #bdbdbd;
  width: 24rem;
  margin-right: auto;
  margin-left: auto;
}

.p-diary-detail__body--feedback--send {
  display: table;
  width: 100%;
}

.p-diary-detail__body--feedback--send > DIV {
  display: table-cell;
  width: 33%;
  padding: 1.2rem 0;
}

.p-diary-detail__body--feedback--send > DIV .button {
  display: block;
  padding: 1rem 0.4rem;
  margin: 0 auto;
  width: 85%;
  border: 0.1rem solid #f760a7;
  -webkit-border-radius: 0.3rem;
     -moz-border-radius: 0.3rem;
          border-radius: 0.3rem;
  color: #f760a7;
  font-size: 1.4rem;
  text-align: center;
}

.p-diary-detail__body--feedback--send > DIV .button.done {
  color: #616161;
  background-color: #e0e0e0;
  border: 1px solid #c7c7c7;
}

.p-diary-detail__body--feedback--send > DIV .button.done:before {
  color: #616161;
}

.p-diary-detail__body--feedback--send > DIV .baloon {
  display: block;
  padding: 0 0.2rem;
  margin: 1.8rem auto 0.6rem;
  width: 5rem;
  position: relative;
  background: #fff;
  border: 1px solid #bdbdbd;
  -webkit-border-radius: 0.3rem;
     -moz-border-radius: 0.3rem;
          border-radius: 0.3rem;
  text-align: center;
  color: #616161;
  font-size: 1.4rem;
  line-height: 2.24rem;
}

.p-diary-detail__body--feedback--send > DIV .baloon:after, .p-diary-detail__body--feedback--send > DIV .baloon:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.p-diary-detail__body--feedback--send > DIV .baloon:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 0.6rem;
  margin-left: -0.6rem;
}

.p-diary-detail__body--feedback--send > DIV .baloon:before {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #bdbdbd;
  border-width: 0.7rem;
  margin-left: -0.7rem;
}

.p-diary-detail__body--feedback.mine {
  border-bottom: 0.1rem solid #e0e0e0;
}

.p-diary-detail__body--feedback--recv A:not(.c-btn--action) {
  color: #f760a7;
}

.p-diary-detail__body--feedback.three-col {
  border-top: 0.1rem solid #e0e0e0;
  border-bottom: 0.1rem solid #e0e0e0;
}

.p-diary-detail__body--feedback .p-diary-feedbacks {
  padding-right: 1.6rem;
}

.p-diary-detail__body--action {
  padding-top: 1.6rem;
}

.p-diary-detail__body--action > DIV {
  width: 100%;
  display: table;
}

.p-diary-detail__body--action > DIV > DIV {
  display: table-cell;
  position: relative;
  padding: 0 1.6rem 1.6rem 1.6rem;
}

.p-diary-detail__body--invisible {
  font-size: 1.5rem;
  color: #616161;
}

.p-diary-detail__footer--navi {
  display: table;
  width: 100%;
  border-bottom: 0.1rem solid #e0e0e0;
  font-size: 1.4rem;
  color: #212121;
}

.p-diary-detail__footer--navi > DIV {
  display: table-cell;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.p-diary-detail__footer--navi > DIV .title {
  display: block;
  width: 100%;
  height: 3.64rem;
  padding: 0.4rem 0;
}

.p-diary-detail__footer--navi > DIV .title P {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 115%;
}

.p-diary-detail__footer--navi A {
  color: #212121;
}

.p-diary-detail__footer--navi__prev {
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  border-right: 0.1rem solid #e0e0e0;
  padding-left: 1.8rem;
  padding-right: 0.2rem;
}

.p-diary-detail__footer--navi__prev > A:first-child:before {
  content: '\EA03';
  font-family: 'icon';
  font-size: 1.4rem;
  position: absolute;
  top: 0.1rem;
  left: 0.7rem;
}

.p-diary-detail__footer--navi__next {
  position: relative;
  text-align: right;
  padding-right: 1.8rem;
  padding-left: 0.2rem;
}

.p-diary-detail__footer--navi__next > A:first-child:after {
  content: '\EA05';
  font-family: 'icon';
  position: absolute;
  top: 0.1rem;
  right: 0.7rem;
}

.p-diary-detail__footer--navi.border-top {
  border-top: 0.1rem solid #e0e0e0;
}

.p-diary-detail__footer .p-diary-link--first {
  margin-top: 2.4rem;
}

.p-diary-detail__footer .p-diary-link--last {
  margin-bottom: 2.4rem;
}

.p-diary-detail__comments {
  font-size: 1.5rem;
}

.p-diary-detail__comments .c-heading--h2 {
  position: relative;
}

.p-diary-detail__comments .c-heading--h2 > DIV {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 0.4rem;
}

.p-diary-detail__comments .c-heading--h2 > DIV > A {
  color: #f760a7;
  background-color: white;
  font-size: 1.5rem;
  border: 0;
  padding: 0.1rem 1rem;
  -webkit-border-radius: 1.3rem;
     -moz-border-radius: 1.3rem;
          border-radius: 1.3rem;
  margin-left: 0.8rem;
}

.p-diary-detail__comments .c-heading--h2 > DIV > A:last-child {
  margin-right: 0.8rem;
}

.p-diary-detail__comments--delete {
  margin-bottom: 2.4rem;
  border: none;
}

.p-diary-detail__vote {
  width: 24rem;
  border: none;
}

.p-diary-detail__vote > SPAN {
  font-size: 1.6rem;
  line-height: 1.6rem;
}

.p-diary-detail__vote > .c-icon--erotic--fill:before {
  margin-top: 0;
}

.p-diary-comment {
  padding: 1.2rem;
  border-bottom: 0.1rem solid #e0e0e0;
  font-size: 1.6rem;
}

.p-diary-comment--no {
  color: #64ccad;
}

.p-diary-comment--reply_to {
  color: #f760a7;
}

.p-diary-comment--feedback {
  text-align: right;
}

.p-diary-comment--feedback A, .p-diary-comment--feedback--delete {
  color: #616161;
  background-color: #e0e0e0;
  font-size: 1.4rem;
  padding: 0.5rem 1rem;
  border: none;
  -webkit-border-radius: 1.4rem;
     -moz-border-radius: 1.4rem;
          border-radius: 1.4rem;
  cursor: pointer;
}

.p-diary-comment.my_diary {
  position: relative;
  padding-left: 3.2rem;
}

.p-diary-comment.my_diary .c-label {
  position: absolute;
  width: 1rem;
  height: -webkit-calc(100% - 2.4rem);
  height: -moz-calc(100% - 2.4rem);
  height: calc(100% - 2.4rem);
}

.p-diary-comment--ctime {
  font-size: 1.4rem;
}

.p-diary-comment-post {
  padding: 1.6rem;
}

.p-diary-comment-post--limit-caution {
  font-size: 1.4rem;
  color: #616161;
}

.p-diary-comment-post__btns INPUT[type=submit] {
  margin: 1.6rem 0.8rem 0 0.8rem;
}

.p-diary-comment-post__counter {
  text-align: right;
  font-size: 1.4rem;
}

.p-diary-comment-post__counter.error {
  color: red;
}

.p-diary-comment-post__reply-to {
  padding: 0 1.6rem 1.6rem 1.6rem;
  font-size: 1.6rem;
  color: #212121;
}

.p-diary-comment-post__former {
  padding: 1.6rem;
  color: #212121;
  font-size: 1.5rem;
}

.p-diary-comment-post__former A {
  color: #212121;
}

.p-diary-comment-post__caution {
  padding: 1.6rem;
  color: #f760a7;
  font-size: 1.4rem;
}

.p-diary-comment-post__caution UL {
  list-style-type: disc;
  margin-left: 2rem;
  color: #212121;
}

.p-diary--footer-margin {
  width: 100%;
  height: 6.8rem;
}

.p-diary-list--nocontent {
  padding: 1.6rem;
  font-size: 1.5rem;
  color: #212121;
}

.p-diary-list--nocontent A {
  color: #f760a7;
}

.p-diary-list__header {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 1.6rem 1.6rem 1.6rem;
  font-size: 1.5rem;
  color: #212121;
}

.p-diary-list__header A {
  color: #212121;
}

.p-diary-list__header A.c-btn--action {
  color: white;
  width: 24rem;
  height: 3.2rem;
}

.p-diary-list__header--thumbnail {
  width: 6rem;
  height: 6rem;
  border: none;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-repeat: no-repeat;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: center center;
  margin-right: 1rem;
  float: left;
}

.p-diary-list__header--self {
  height: 6rem;
}

.p-diary-list__header--generation {
  font-size: 1.4rem;
}

.p-diary-list__header--region {
  height: 1.6rem;
  font-size: 1.4rem;
}

.p-diary-list__link {
  padding-bottom: 1.6rem;
}

.p-diary-list__link > DIV:first-child {
  border-top: 0.1rem solid #e0e0e0;
}

.p-diary-list__digest {
  display: block;
  position: relative;
  color: #212121;
  font-size: 1.5rem;
  padding: 1.6rem 3rem 1.6rem 1.6rem;
}

.p-diary-list__digest.self {
  padding-left: 0;
  display: table-cell;
}

.p-diary-list__digest A {
  color: #212121;
}

.p-diary-list__digest--header {
  position: relative;
}

.p-diary-list__digest--header, .p-diary-list__digest--footer {
  font-size: 1.4rem;
}

.p-diary-list__digest--header span[class^="c-icon--"], .p-diary-list__digest--footer span[class^="c-icon--"] {
  padding-right: 0.2rem;
}

.p-diary-list__digest--footer {
  text-align: right;
}

.p-diary-list__digest--footer A {
  color: #f760a7;
}

.p-diary-list__digest--title {
  position: relative;
  padding-bottom: 0.8rem;
  font-weight: bold;
}

.p-diary-list__digest--title:after {
  content: '\EA05';
  font-family: 'icon';
  font-size: 1.6rem;
  color: #9e9e9e;
  position: absolute;
  bottom: -1.3rem;
  right: -2rem;
}

.p-diary-list__digest--content {
  border-top: 0.1rem dashed #e0e0e0;
  padding-top: 0.8rem;
}

.p-diary-list__btn-small {
  display: inline-block;
  width: 18rem;
  line-height: 3.2rem;
  color: #212121;
  background-color: #e0e0e0;
  text-align: center;
  vertical-align: middle;
  border: none;
  -webkit-border-radius: 1.6rem;
     -moz-border-radius: 1.6rem;
          border-radius: 1.6rem;
  margin: 0 0.8rem 0.8rem 0;
}

.p-diary-list__btn-small.action {
  color: white;
  background-color: #64ccad;
}

.p-diary-list__btn-small.action.is-active {
  background-color: #3cb792;
}

.p-diary-list__links {
  position: relative;
  border-top: 0.1rem solid #e0e0e0;
}

.p-diary-list__links .c-icon--arrow--bottom--blank--after:after {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  color: #9e9e9e;
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  -o-transition: -o-transform 200ms ease;
  -moz-transition: transform 200ms ease, -moz-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease, -moz-transform 200ms ease, -o-transform 200ms ease;
}

.p-diary-list__links .c-history__list_body.open .c-icon--arrow--bottom--blank--after:after {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}

.p-diary-list__links .shrink {
  overflow: hidden;
  height: 0;
}

.p-diary-list__links .c-design-theme__splitter {
  margin-top: 1.6rem;
}

.p-diary-list__content {
  margin-top: 1.6rem;
}

.p-diary-list__content--self {
  display: table;
  width: 100%;
  border-bottom: 0.1rem solid #e0e0e0;
}

.p-diary-list__content--self-cbx {
  display: table-cell;
  width: 3.6rem;
  height: 100%;
  position: relative;
}

.p-diary-list__content--self-cbx .c-label {
  position: absolute;
  width: 2rem;
  height: 100%;
  margin-left: 3.4rem;
}

.p-diary-list__content--self-cbx .p-diary-list__digest {
  padding-left: 3.8rem;
}

.p-diary-list__content--self-cbx .c-label {
  top: 0;
  left: 0;
}

.p-diary-list__content .last_visit {
  text-align: right;
  font-size: 1.4rem;
}

.p-diary-list__content--action {
  padding: 1.6rem;
}

.p-diary-list__content--action LABEL {
  width: 100%;
  display: inline-block;
}

.p-diary-list__content .c-btn--action {
  margin-bottom: 2.4rem;
}

.p-diary-list__content--hidden {
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.6rem;
  font-size: 1.5rem;
  color: #9e9e9e;
}

.p-diary-list__content--delete {
  position: absolute;
  overflow: hidden;
  display: inline-block;
  opacity: 0.01;
  width: 0.1rem;
  height: 0.1rem;
}

.p-diary-post__adult-wrapper {
  padding: 1.6rem;
  font-size: 1.6rem;
  color: #212121;
}

.p-diary-post__adult .c-label {
  margin-left: 2.4rem;
}

.p-diary-post__adult .caution {
  font-size: 1.4rem;
  color: #f760a7;
}

.p-diary-post__adult .mosiac_desc {
  margin-top: 12px;
  padding: 12px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background-color: #ffebe7;
}

.p-diary-post__adult .mosiac_desc.hide {
  display: none;
}

.p-diary-post__adult .mosiac_desc .icon {
  width: 35px;
  height: 35px;
  margin: 0 auto 8px;
}

.p-diary-post__adult .mosiac_desc .icon img {
  display: block;
  width: 100%;
  height: 100%;
}

.p-diary-post__adult .mosiac_desc .text {
  color: #f44121;
  text-align: center;
  font-size: 14px;
  margin: 0 0 10px;
  line-height: 2;
}

.p-diary-post__adult .mosiac_desc .text strong {
  color: #f44121;
  font-weight: bold;
}

.p-diary-post__adult .mosiac_desc .button_mosaic {
  display: block;
  width: 100%;
  max-width: 270px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background: #FF4E00;
  margin: 0 auto;
  padding: 10px;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.p-diary-post__share-wrapper {
  padding: 1.6rem;
  font-size: 1.6rem;
  color: #212121;
}

.p-diary-post__share .c-label {
  margin-left: 2.4rem;
}

.p-diary-post__share .caution {
  font-size: 1.4rem;
  color: #f760a7;
}

.p-diary-post__public--wrapper, .p-diary-post__comment--wrapper, .p-diary-post__like-ng--wrapper {
  padding: 1.6rem;
}

.p-diary-post__caution {
  color: #f760a7;
  font-size: 1.4rem;
  padding: 1.6rem 1.6rem 2rem 1.6rem;
}

.p-diary-post__upload--desc p {
  color: #f760a7;
  margin: -10px 0 10px 0;
}

.p-diary-post .c-footer {
  text-align: center;
}

.p-diary-post .c-footer .c-btn--action {
  width: -webkit-calc(100% - 1.6rem);
  width: -moz-calc(100% - 1.6rem);
  width: calc(100% - 1.6rem);
  display: inline-block;
}

.p-diary-post__title-wrapper {
  padding: 1.6rem;
}

.p-diary-post__title-counter_wrapper {
  font-size: 1.4rem;
  text-align: right;
}

.p-diary-post__title-counter_wrapper.error {
  color: red;
}

.p-diary-post__title-counter_wrapper.error SPAN {
  color: red;
}

.p-diary-post__title-counter {
  color: #212121;
}

.p-diary-post__title-caution {
  font-size: 1.4rem;
}

.p-diary-post__title-caution > SPAN {
  color: #f760a7;
}

.p-diary-post__title-caution > A {
  display: inline-block;
  color: #212121;
  background-color: #e0e0e0;
  text-align: center;
  margin-left: 0.2rem;
  padding: 0 2.1rem;
  border: none;
  -webkit-border-radius: 0.7rem;
     -moz-border-radius: 0.7rem;
          border-radius: 0.7rem;
  font-size: 1rem;
}

.p-diary-post__body-wrapper {
  padding: 1.6rem;
}

.p-diary-post__body-text {
  width: 100%;
}

.p-diary-post__body-caution {
  font-size: 1.4rem;
  color: #f760a7;
}

.p-diary-post__body-counter_wrapper {
  font-size: 1.4rem;
  text-align: right;
}

.p-diary-post__body-counter_wrapper.error {
  color: red;
}

.p-diary-post__body-counter_wrapper.error SPAN {
  color: red;
}

.p-diary-post__body-counter {
  color: #212121;
}

.p-diary-post__upload--wrapper {
  padding-top: 1.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  width: 100%;
}

.p-diary-post__upload--frame {
  text-align: center;
}

.p-diary-post__upload--frame-bg {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 9.6rem;
  height: 9.6rem;
  cursor: pointer;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  border: solid 1px #9e9e9e;
  background-color: #ffffff;
  -moz-background-size: 32px;
    -o-background-size: 32px;
       background-size: 32px;
  background-image: url(/img/pink_plus.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.p-diary-post__upload--frame-bg IMG {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: center center;
}

.p-diary-post__upload--frame-bg INPUT[type=checkbox] {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.01;
}

.p-diary-post__upload--frame-btn {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  cursor: pointer;
  font-size: 1.4rem;
  color: #616161;
  background-color: #e0e0e0;
  padding: 0rem 2.1rem 0 2.1rem;
  margin-top: 0.8rem;
  border: none;
  -webkit-border-radius: 1.2rem;
     -moz-border-radius: 1.2rem;
          border-radius: 1.2rem;
  overflow: hidden;
}

.p-diary-post__upload--frame-btn INPUT[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.01;
}

.p-diary-post__upload--desc {
  padding: 1.6rem;
  color: #f760a7;
  font-size: 12px;
  font-family: HiraginoSans-W3;
}

.p-diary-post__upload--desc SPAN {
  margin-left: 1.6rem;
  color: #f760a7;
}

.p-diary-post__share {
  border-bottom: 0.1rem solid #e0e0e0;
}

.p-diary-post__buttons A:first-child {
  margin-top: 1.6rem;
}

.p-diary-post__buttons A {
  margin-bottom: 1.6rem;
}

.p-diary-confirm {
  color: #212121;
  font-size: 1.6rem;
}

.p-diary-confirm__title--content, .p-diary-confirm__body--content, .p-diary-confirm__adult--content, .p-diary-confirm__comment--content, .p-diary-confirm__public--content, .p-diary-confirm__like-ng--content, .p-diary-confirm__share--content {
  padding: 1.6rem;
}

.p-diary-confirm__upload--content {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.6rem 0;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.p-diary-confirm__upload--content > DIV {
  height: 96px;
  width: 96px;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.p-diary-confirm__upload--content > DIV IMG {
  width: 9.6rem;
  height: 9.6rem;
  background-image: url(/img/wmsp/project/face/img_file_select_bg.png);
  background-repeat: no-repeat;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: center center;
  border: solid 1px #9e9e9e;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.p-diary-confirm__share {
  border-bottom: 0.1rem solid #e0e0e0;
}

.p-diary-confirm__footer {
  width: 100%;
  display: table;
}

.p-diary-confirm__footer > DIV {
  display: table-cell;
}

.p-diary-confirm__footer > DIV:first-child {
  width: 9.6rem;
}

.p-diary-confirm__footer > DIV:last-child {
  width: -webkit-calc(100% - 9.6rem);
  width: -moz-calc(100% - 9.6rem);
  width: calc(100% - 9.6rem);
  padding-left: 0.8rem;
}

.p-diary-confirm__footer--error {
  color: #f760a7;
  text-align: center;
}

.p-diary-confirm__forms--hidden {
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0.001;
}

.p-diary-mail {
  color: #212121;
  font-size: 1.6rem;
}

.p-diary-mail__desc--content, .p-diary-mail__registered--content, .p-diary-mail__to-post--content, .p-diary-mail__adult--content, .p-diary-mail__public--content, .p-diary-mail__comment--content {
  padding: 1.6rem;
}

.p-diary-mail__desc {
  padding: 0 1.6rem 1.6rem 1.6rem;
}

.p-diary-mail__desc--link {
  text-align: center;
}

.p-diary-mail__desc--link A {
  color: #f760a7;
}

.p-diary-mail__to-post--content A {
  color: #f760a7;
}

.p-diary-mail__adult .c-label {
  margin-left: 2.4rem;
}

.p-diary-mail__adult .caution {
  font-size: 1.4rem;
  color: #f760a7;
}

.p-diary-mail__comment {
  border-bottom: 0.1rem solid #e0e0e0;
}

.p-diary-mail__submit {
  padding: 1.6rem;
}

.p-diary-mail__caution {
  padding: 1.6rem;
  color: #f760a7;
  font-size: 1.4rem;
}

.p-diary-draft {
  color: #212121;
  font-size: 1.6rem;
}

.p-diary-draft FORM > DIV:first-child {
  padding-top: 0;
}

.p-diary-draft__listitem {
  position: relative;
  padding: 1.6rem 3.2rem;
  border-bottom: 0.1rem solid #e0e0e0;
}

.p-diary-draft__listitem .c-label {
  position: absolute;
  top: 0;
  left: 3.2rem;
  width: 1.6rem;
  height: 100%;
}

.p-diary-draft__listitem--digest {
  color: #212121;
}

.p-diary-draft__listitem--digest--footer {
  text-align: right;
  font-size: 1.4rem;
}

.p-diary-draft__listitem--digest--title {
  position: relative;
  padding-bottom: 0.8rem;
}

.p-diary-draft__listitem--digest--title:after {
  position: absolute;
  bottom: -1.3rem;
  right: -2.2rem;
}

.p-diary-draft__listitem--digest--body {
  border-top: 0.1rem dashed #e0e0e0;
  padding-top: 0.8rem;
}

.p-diary-draft__submit {
  margin-top: 1.6rem;
  margin-bottom: 2.4rem;
}

.p-diary-draft--nodata {
  padding: 0 1.6rem 1.6rem 1.6rem;
}

.p-diary-status {
  color: #212121;
  font-size: 1.6rem;
  padding: 0 1.6rem 1.6rem 1.6rem;
  border-bottom: 0.1rem solid #e0e0e0;
}

.p-diary-status--message {
  color: #f760a7;
}

.p-diary-status--item {
  color: #212121;
  font-size: 1.6rem;
  padding: 1.6rem 1.6rem 1.6rem 1.6rem;
  font-weight: 700;
  border-bottom: 0.1rem solid #e0e0e0;
}

.p-diary-status--item-ctime {
  font-weight: 400;
  color: #616161;
  font-size: 1.4rem;
}

.p-diary-status--form {
  text-align: center;
}

.p-diary-status--form INPUT[type=submit] {
  margin: 1.6rem auto 2.4rem;
}

.p-diary-social {
  color: #212121;
  font-size: 1.6rem;
}

.p-diary-social SECTION {
  color: #212121;
  font-size: 1.6rem;
}

.p-diary-social__banner {
  border-bottom: 0.1rem solid #e0e0e0;
}

.p-diary-social__banner > IMG {
  display: block;
  width: 32rem;
  margin: -1.8rem auto 0 auto;
}

.p-diary-social__banner--caption {
  padding: 0.8rem 1.6rem;
  text-align: left;
}

.p-diary-social__banner--pickup {
  padding-left: 1.6rem;
  text-align: left;
}

.p-diary-social__banner--wakuwakkuma {
  padding-right: 1.6rem;
  text-align: right;
}

.p-diary-social__banner--wakuwakkuma A {
  color: #f760a7;
}

.p-diary-social__list--wakuwakkuma {
  border-top: 0.1rem dashed #9e9e9e;
  padding-top: 0.8rem;
  width: 100%;
  word-wrap: break-word;
  line-height: 1.6rem;
}

.p-diary-social__list--wakuwakkuma IMG:first-child {
  margin-right: 0.4rem;
}

.p-diary-social__no-data {
  text-align: center;
  padding: 1.6rem;
}

.p-diary-social__topic {
  border-bottom: 0.1rem solid #e0e0e0;
}

.p-diary-top__footer .p-diary-list--last {
  margin-bottom: 3.2rem;
}

.p-diary-top__footer .p-diary-list--oneline {
  border-top: 0.1rem solid #e0e0e0;
}

.p-diary-photo {
  text-align: center;
  margin-top: -2rem;
  padding: 2rem 1.6rem 2.4rem 1.6rem;
}

.p-diary-photo A {
  color: #212121;
  font-size: 1.6rem;
}

.p-diary-photo--gallery .carousel-cell {
  padding: 1rem;
  border: 0.1rem solid #e0e0e0;
  margin: 0 1rem;
  background-color: white;
}

.p-diary-photo--gallery .flickity-page-dots {
  bottom: 1.5rem;
}

.p-diary-photo--gallery .flickity-page-dots .dot {
  border: 1px solid white;
}

.p-diary-photo--gallery .flickity-page-dots .dot.is-selected {
  background-color: white;
  border: 1px solid #e0e0e0;
}

.p-diary-photo--title {
  padding-top: 1.6rem;
}

.p-diary-photo--title A {
  color: #f760a7;
}

.p-diary-comment-detail {
  margin-bottom: 2.4rem;
}

.p-diary-form_has_error {
  background-color: rgba(248, 132, 163, 0.2);
  color: #212121;
}

.p-diary-design .c-design-theme__splitter {
  margin: -1.2rem 0 1.2rem;
}

.p-diary-design .c-design-theme__header {
  margin-bottom: 1.8rem;
}

.p-diary-attach {
  color: #212121;
  font-size: 1.6rem;
  text-align: center;
  padding: 0 1.6rem 1.6rem 1.6rem;
}

.p-diary-attach--invisible {
  margin-bottom: 1.6rem;
}

.p-diary-attach__photo {
  margin-bottom: 1.6rem;
}

.p-diary-attach--link {
  color: #212121;
}

.p-diary-attach--desc {
  text-align: left;
  font-size: 1.4rem;
  color: #616161;
}

.p-diary-attach--limit {
  text-align: left;
  font-size: 1.4rem;
  color: #616161;
  padding-bottom: 1.6rem;
}

.p-diary-attach--caution {
  margin: 2.4rem 0;
  display: inline-block;
  text-align: left;
  font-size: 1.5rem;
}

.p-diary-attach--caution--title {
  color: #f760a7;
  font-size: 1.6rem;
}

.p-diary-attach__form--delete {
  text-align: center;
}

.p-diary-attach__form--delete INPUT[type=submit] {
  margin-bottom: 2.4rem;
  display: inline-block;
}

.p-diary-filelist {
  text-align: center;
  font-size: 1.6rem;
  color: #212121;
}

.p-diary-filelist--month {
  margin-bottom: 1.6rem;
}

.p-diary-filelist--month A {
  color: #212121;
  font-weight: 700;
}

.p-diary-filelist--file {
  margin-bottom: 1.6rem;
}

.p-diary-filelist--file-caption {
  margin-top: 0.4rem;
}

.p-diary-filelist--file-caption > A {
  color: #212121;
}

.p-diary-filelist--file-closed {
  color: #616161;
}

.p-diary-filelist--file IMG {
  width: 12rem;
  border: none;
}

.p-diary-filelist--file IMG.no-img {
  width: 6rem;
  height: 8rem;
}

.p-diary-calendar {
  font-size: 1.6rem;
  color: #212121;
  color: #212121;
  text-align: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0 1.6rem 2.4rem 1.6rem;
}

.p-diary-calendar__form {
  display: table;
  margin: 0 auto;
}

.p-diary-calendar__label--year {
  display: table-cell;
  width: 12rem;
}

.p-diary-calendar__padding {
  display: table-cell;
  width: 2rem;
}

.p-diary-calendar__submit {
  display: table-cell;
  width: 8rem;
  height: 4rem;
}

.p-diary-calendar--month, .p-diary-calendar--noentry {
  display: inline-block;
  width: 5rem;
  height: 3rem;
  line-height: 3rem;
}

.p-diary-calendar--month {
  color: #212121;
  font-weight: 700;
}

.p-diary-calendar--noentry {
  color: #616161;
}

.p-diary-error .c-error__text {
  display: block;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}

.p-diary-feedbacks {
  text-align: right;
  font-size: 1.4rem;
  color: #616161;
}

.p-diary-feedbacks > SPAN, .p-diary-feedbacks > A {
  margin: 0 0.2rem;
}

.p-diary-feedbacks > SPAN span[class^="c-icon--"], .p-diary-feedbacks > A span[class^="c-icon--"] {
  padding-right: 0.2rem;
}

.p-diary-feedbacks > SPAN > .c-icon--new--fill, .p-diary-feedbacks > A > .c-icon--new--fill {
  color: #f760a7;
}

.p-diary-feedbacks > A {
  color: #f760a7;
}

.p-diary-dialog--confirm {
  text-align: center;
}

.p-diary-dialog--confirm > P {
  margin-bottom: 1.6rem;
}

.p-diary-dialog--confirm .c-btn--general, .p-diary-dialog--confirm .c-btn--action {
  display: inline-block;
  width: 12rem;
  border: none;
}

.p-diary-dialog--confirm .c-btn--general {
  margin-right: 0.5rem;
  background-color: white;
  border: 0.1rem solid #e0e0e0;
}

.p-diary-dialog--confirm .c-btn--action {
  margin-right: 0.5rem;
  margin-top: 0.8rem;
}

.p-diary-comment-cfm {
  color: #212121;
  font-size: 1.6rem;
}

.p-diary-comment-cfm__reply-to {
  padding: 0 1.6rem 1.6rem 1.6rem;
}

.p-diary-comment-cfm__nickname {
  padding: 1.6rem 1.6rem 0 1.6rem;
}

.p-diary-comment-cfm__content {
  padding: 1.6rem;
}

.p-diary-comment-cfm FORM {
  text-align: center;
  padding: 1.6rem;
}

.p-diary-comment-cfm FORM[method=GET] {
  padding: 0 1.6rem 2.4rem 1.6rem;
}

.p-diary-header--iframe {
  color: white;
  font-size: 2.8rem;
  margin-left: -2rem;
}

.p-diary-introduction {
  font-size: 1.6rem;
  color: #212121;
}

.p-diary-introduction P {
  padding: 1.6rem;
}

.p-diary-introduction INPUT[type=text] {
  width: -webkit-calc(100% - 3.2rem);
  width: -moz-calc(100% - 3.2rem);
  width: calc(100% - 3.2rem);
  margin: 1.6rem;
}

.p-diary-introduction--link {
  text-align: center;
}

.p-diary-introduction A {
  color: #212121;
  font-weight: bold;
}

.p-diary-favorite {
  font-size: 1.6rem;
  color: #212121;
}

.p-diary-favorite BUTTON {
  margin: 1.6rem 0 2.4rem;
}

.p-diary-favorite .caution {
  color: #616161;
  font-size: 1.4rem;
  padding: 0.8rem 1.6rem;
}

.p-diary-favorite .no_data {
  padding: 1.6rem;
}

.p-diary-favorite--abstract {
  padding: 0 1.6rem 1.6rem 1.6rem;
}

.p-diary--register-member {
  text-align: center;
  font-size: 1.5rem;
  color: #f60;
}

.p-diary--register-member .light {
  color: #f90;
}

.p-diary--register-member A {
  color: red;
}

.p-diary--login {
  font-size: 1.5rem;
}

.p-diary--login > P {
  padding: 1.6rem;
}

.p-diary--login-link {
  text-align: center;
}

.p-diary--login-link > A {
  color: #616161;
}

.p-diary--splitter {
  border-bottom: 0.1rem solid #e0e0e0;
}

.p-diary-del_draft {
  font-size: 1.6rem;
  color: #212121;
}

.p-diary-del_draft > P {
  padding: 1.6rem 1.6rem 1.6rem 1.6rem;
}

.p-diary-del_draft > P:first-child {
  padding: 0 1.6rem 1.6rem 1.6rem;
}

.p-diary-del_draft--title {
  padding: 1.6rem 1.6rem 1.6rem 1.6rem;
}

.p-diary-del_draft--mtime {
  text-align: right;
  padding: 0 1.6rem 1.6rem 1.6rem;
}

.p-diary-del_draft INPUT[type=submit] {
  margin-top: 1.6rem;
  margin-bottom: 2.4rem;
}

.p-diary-check {
  padding: 1.6rem;
  font-size: 1.6rem;
  color: #212121;
}

.p-diary-check .c-icon--new--fill {
  color: #f760a7;
}

.p-diary-check .c-btn--action {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}

.p-diary-del_file {
  padding: 1.6rem;
  font-size: 1.6rem;
  color: #212121;
}

.p-diary-del_file .caution {
  color: red;
}

.p-diary-del_file .c-btn--action {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}

.p-diary-delete {
  font-size: 1.6rem;
  color: #212121;
}

.p-diary-delete--desc {
  padding: 0 1.6rem 1.6rem 1.6rem;
  color: #f760a7;
}

.p-diary-delete > DIV {
  padding: 1.6rem;
}

.p-diary-delete--ctime {
  color: #616161;
  font-size: 1.4rem;
}

.p-diary-delete--title {
  color: #212121;
  font-weight: 700;
}

.p-diary-delete .c-btn--action {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}

.p-diary--error-page {
  font-size: 1.6rem;
  color: #212121;
  padding: 0 1.6rem 1.6rem 1.6rem;
}

.p-diary-timeline.nodata {
  font-size: 1.6rem;
  color: #212121;
  padding: 0 1.6rem 1.6rem 1.6rem;
}

.p-diary-timeline--nofriend .link {
  text-align: center;
}

.p-diary-timeline--nofriend .link A {
  color: #f760a7;
}

.p-diary--splitter {
  border-bottom: 0.1rem solid #e0e0e0;
}

.p-diary--like {
  font-size: 1.4rem;
  color: #616161;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.p-diary--like.done, .p-diary--like.c-design-theme--link.done {
  color: #f760a7;
}

.p-diary--like.done:before, .p-diary--like.c-design-theme--link.done:before {
  -webkit-animation: bounce 0.3s cubic-bezier(0.55, 0, 0.1, 1);
     -moz-animation: bounce 0.3s cubic-bezier(0.55, 0, 0.1, 1);
       -o-animation: bounce 0.3s cubic-bezier(0.55, 0, 0.1, 1);
          animation: bounce 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.p-diary-bookmark {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.p-diary-bookmark.done {
  color: #f760a7;
}

.p-diary-bookmark.done:before {
  color: #f5d600;
  -webkit-animation: bounce 0.3s cubic-bezier(0.55, 0, 0.1, 1);
     -moz-animation: bounce 0.3s cubic-bezier(0.55, 0, 0.1, 1);
       -o-animation: bounce 0.3s cubic-bezier(0.55, 0, 0.1, 1);
          animation: bounce 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.p-diary-movie {
  text-align: center;
  font-size: 1.6rem;
  color: #212121;
}

.p-diary-movie A {
  color: #f760a7;
}

.p-diary-post--link {
  padding: 0 0.8rem 0.8rem 1.6rem;
  text-align: right;
  font-size: 1.4rem;
}

.p-diary-post--link A {
  color: #f760a7;
}

.p-diary-post--link A.p-diary-post--link__button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-size: 1.4rem;
  color: #616161;
  background-color: #e0e0e0;
  padding: 0rem 2.1rem 0 2.1rem;
  margin: 1.6rem auto 0;
  border: none;
  -webkit-border-radius: 1.2rem;
     -moz-border-radius: 1.2rem;
          border-radius: 1.2rem;
  overflow: hidden;
}

.p-diary-overlay--btn-close {
  position: absolute;
  top: 0.4rem;
  right: 0.8rem;
  color: #bdbdbd;
  font-size: 2rem;
}

.c-header {
  -webkit-transition: -webkit-transform 200ms linear;
  transition: -webkit-transform 200ms linear;
  -o-transition: -o-transform 200ms linear;
  -moz-transition: transform 200ms linear, -moz-transform 200ms linear;
  transition: transform 200ms linear;
  transition: transform 200ms linear, -webkit-transform 200ms linear, -moz-transform 200ms linear, -o-transform 200ms linear;
}

.c-header.chrome--hide-editing {
  -webkit-transform: translate(0, -6.9rem);
     -moz-transform: translate(0, -6.9rem);
      -ms-transform: translate(0, -6.9rem);
       -o-transform: translate(0, -6.9rem);
          transform: translate(0, -6.9rem);
  -webkit-transform-origin: top;
     -moz-transform-origin: top;
      -ms-transform-origin: top;
       -o-transform-origin: top;
          transform-origin: top;
}

.c-footer {
  -webkit-transition: -webkit-transform 200ms linear;
  transition: -webkit-transform 200ms linear;
  -o-transition: -o-transform 200ms linear;
  -moz-transition: transform 200ms linear, -moz-transform 200ms linear;
  transition: transform 200ms linear;
  transition: transform 200ms linear, -webkit-transform 200ms linear, -moz-transform 200ms linear, -o-transform 200ms linear;
}

.c-footer.chrome--hide-editing {
  -webkit-transform: translate(0, 6.5rem);
     -moz-transform: translate(0, 6.5rem);
      -ms-transform: translate(0, 6.5rem);
       -o-transform: translate(0, 6.5rem);
          transform: translate(0, 6.5rem);
  -webkit-transform-origin: bottom;
     -moz-transform-origin: bottom;
      -ms-transform-origin: bottom;
       -o-transform-origin: bottom;
          transform-origin: bottom;
}

.p-diary__search {
  padding: 1.6rem 1.6rem;
}

.p-diary__search INPUT[type=submit] {
  margin-top: 1.6rem;
}

.p-diary__menu {
  position: fixed;
}

.p-diary-rule {
  padding: 1.6rem;
  font-size: 1.4rem;
  color: #616161;
}

.p-diary-rule__caution {
  color: #f760a7;
}

.p-diary-rule__header-arrow {
  position: absolute;
  right: 0;
  margin-top: -30px;
  padding-right: 15px;
}

.p-diary-rule__content HEADER {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.p-diary-rule__content .c-heading--h3 {
  line-height: 4.2rem;
  background-color: #ffffff;
  border-top: 1px solid #f760a7;
  border-bottom: 1px solid #e0e0e0;
}

.p-diary-rule__content .c-heading--h3.c-icon--arrow--bottom--blank--after:after {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -20px;
  color: #9e9e9e;
}

.p-diary-rule__list {
  list-style: disc;
  list-style-position: inside;
}

.p-diary-rule__footer {
  margin-bottom: 1.6rem;
}

.p-diary-rule_image__footer {
  border-top: 1px dotted #e0e0e0;
}

.p-diary-rule_image__footer .p-diary-rule__caution {
  border-bottom: 1px dotted #e0e0e0;
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
}

.footer__menu__service.header {
  bottom: auto;
}

.footer__menu__service.header .footer__menu__service__list--row {
  width: 100%;
}

.footer__menu__service.header .footer__menu__service__list--row > A {
  display: inline-block;
  width: 100%;
  height: 5rem;
  text-align: center;
  color: transparent;
  background-image: url("/img/wmsp/navi/ww_s@2x.png");
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 4rem 4rem;
    -o-background-size: 4rem 4rem;
       background-size: 4rem 4rem;
}

.c-dialog > P {
  white-space: nowrap;
}

.c-input--checkbox + .c-label {
  background-image: url(/img/1x1.gif);
  top: auto;
  right: auto;
}

.c-input--checkbox:checked + .c-label {
  background-image: url(/img/1x1.gif);
}

.c-icon--thumb--blank:before,
.c-icon--new--fill:before,
.c-icon--arrow--right--blank--after:after,
.c-icon--mail--thick--blank:before,
.c-icon--eye--close--blank:before,
.c-icon--users--frame--blank:before,
.c-icon--pen--fill:before,
.c-icon--picture--blank:before {
  line-height: 1.5;
  vertical-align: baseline;
}

.modal_diary {
  position: fixed;
  z-index: 1300;
  inset: 0px;
  display: none;
  top: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 1300;
  position: fixed;
  inset: 0px;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  height: 100%;
  top: 0;
}

.fade-modal-backgroud {
  z-index: -1;
  position: fixed;
  inset: 0px;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: none;
      touch-action: none;
}

.fade-modal-dialog {
  opacity: 1;
  -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  -o-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  -moz-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
  max-width: 442.8px;
  width: 85%;
  background: #fff;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}

.fade-modal-dialog__icon {
  position: absolute;
  width: 81px;
  height: 81px;
  top: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fade-modal-dialog__icon img {
  width: 63px;
  height: 63px;
}

.fade-modal-dialog__body {
  padding: 16px;
  margin-top: 30px;
}

.fade-modal-dialog__body__content {
  font-family: HiraginoSans-W6;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  color: #616161;
  font-weight: 600;
}

.fade-modal-dialog__body__contentMid {
  margin-top: 16px;
  font-family: HiraginoSans-W3;
  font-size: 14px;
  line-height: 1.43;
  text-align: center;
  color: #616161;
}

.fade-modal-dialog__body button {
  width: 100%;
  height: 44px;
  margin: 24px 2px 0 1px;
  -webkit-border-radius: 22px;
     -moz-border-radius: 22px;
          border-radius: 22px;
  background-color: #f884a3;
  border: solid 1px #f884a3;
  font-family: HiraginoSans-W6;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  color: #ffffff;
}

.fade-modal-dialog__footer {
  font-family: HiraginoSans-W6;
  height: 44px;
  -webkit-border-radius: 0 0 8px 8px;
     -moz-border-radius: 0 0 8px 8px;
          border-radius: 0 0 8px 8px;
  background-color: #f6f4f4;
  color: #919191;
  font-size: 14px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.overplay {
  z-index: 1300;
  position: fixed;
  inset: 0px;
  background-color: #000000;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  height: 100%;
  display: none;
  top: 0;
}

.overplay__icon {
  position: absolute;
  top: 16px;
  left: 16px;
}

.overplay__video {
  z-index: 1400;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  min-height: 100vh;
}

.loading-circular {
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 1300;
  position: fixed;
  inset: 0px;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  height: 100%;
  top: 0;
}

.loading-circular__loader {
  width: 96px;
  height: 96px;
  margin-right: auto;
  margin-left: auto;
}

.loading-circular__notice {
  width: 313px;
  margin-top: 8px;
  font-size: 16px;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.64px;
  text-align: center;
  color: #ffffff;
  margin-right: auto;
  margin-left: auto;
}

.loading-circular__notice p:nth-child(2) {
  margin-top: 8px;
}

/* Edit Talk */
.p-talk__message {
  border: none;
  background-color: transparent;
}

.p-talk__message.editing {
  border: 1px solid #64ccad;
  background-color: #e3f6f0;
  padding: 8px;
}

.p-talk-edit .p-talk-edit__status {
  height: 34px;
}

.p-talk-edit .p-talk-edit__status--outer {
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 8px 15px 10px;
}

.p-talk-edit .diaryBody {
  padding-bottom: 0;
}

.p-talk-edit__status {
  width: 100%;
}

.p-talk-edit__status .infoLabel2 {
  width: 122px;
  text-align: center;
  margin: 0;
}

.p-talk-edit__status INPUT[type=checkbox] + LABEL {
  top: 1px;
  margin-left: 10px;
  -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
       background-size: 16px 16px;
  z-index: 1;
}

.p-talk-edit__status > .infoLabel2 {
  display: inline-block;
}

.p-talk-edit__status.editing > .infoLabel2 {
  position: relative;
  width: 140px;
  padding-right: 0;
  padding-left: 0;
  background-image: url(/img/wmsp/btn/fm_pulldown_w.png);
  background-repeat: no-repeat;
  background-position: 123px center;
  -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
       background-size: auto 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.p-talk-edit__status--available {
  position: absolute;
  top: 30px;
  left: 0;
  -webkit-transform: scale(1, 0);
     -moz-transform: scale(1, 0);
      -ms-transform: scale(1, 0);
       -o-transform: scale(1, 0);
          transform: scale(1, 0);
  -webkit-transform-origin: top;
     -moz-transform-origin: top;
      -ms-transform-origin: top;
       -o-transform-origin: top;
          transform-origin: top;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  -o-transition: -o-transform 300ms;
  -moz-transition: transform 300ms, -moz-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms, -moz-transform 300ms, -o-transform 300ms;
}

.p-talk-edit__status--available.open {
  -webkit-transform: scale(1, 1);
     -moz-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
       -o-transform: scale(1, 1);
          transform: scale(1, 1);
}

.p-talk-edit__status--available .infoLabel2 {
  display: inline-block;
  width: 140px;
  padding-right: 0;
  padding-left: 0;
  margin: 2px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  z-index: 2;
}

.p-talk-edit__status--btn-attach {
  display: none;
  position: relative;
  font-size: 24px;
  cursor: pointer;
}

.p-talk-edit__status--btn-attach:before {
  position: absolute;
  top: -15px;
}

.p-talk-edit__status--btn-attach INPUT[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0.01;
}

.p-talk-edit__status--checkboxes {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}

.p-talk-edit__buttons span.btnGoodCount {
  margin-right: 12px;
}

.p-talk-edit__update {
  padding: 16px 0 12px;
}

.p-talk-edit__form--comment {
  overflow: hidden;
}

.p-talk-edit__form--comment.close {
  opacity: 0;
  height: 0;
}

.p-talk-edit #comment_message {
  border: 1px solid #6B6F79;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  padding: 5px;
}

.p-talk--wrap-submit {
  text-align: center;
}

.p-talk--wrap-submit INPUT[type=submit], .p-talk--wrap-submit BUTTON {
  display: inline-block;
  border: none;
}

.p-talk-btn--like.no-icon:before {
  opacity: 0;
}

.p-talk__attach {
  position: relative;
}

.p-talk__attach IMG {
  z-index: 1;
}

.p-talk__attach--preview {
  position: absolute;
  width: 100%;
  height: -webkit-calc(100% - 10px);
  height: -moz-calc(100% - 10px);
  height: calc(100% - 10px);
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #eee;
  background-repeat: no-repeat;
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  background-position: center center;
}

.p-talk__attach--delete {
  position: absolute;
  display: none;
  width: 40px;
  height: 32px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  bottom: 20px;
  right: 20px;
  background-color: rgba(242, 242, 242, 0.5);
  color: rgba(255, 0, 0, 0.5);
  z-index: 3;
  border: 0;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  cursor: pointer;
}

.p-talk__attach--delete.editing {
  display: inline-block;
}

.p-talk__dialog--delete-photo > DIV {
  position: relative;
  white-space: nowrap;
  margin-top: 24px;
}

.p-talk__dialog--delete-photo > DIV .c-btn--general, .p-talk__dialog--delete-photo > DIV .c-btn--action {
  display: inline-block;
  width: 120px;
  margin: 0 4px;
  border: none;
}

.p-talk__dialog--delete-photo > DIV .c-btn--general:active, .p-talk__dialog--delete-photo > DIV .c-btn--action:active {
  -webkit-transform: translate(0, 2px);
     -moz-transform: translate(0, 2px);
      -ms-transform: translate(0, 2px);
       -o-transform: translate(0, 2px);
          transform: translate(0, 2px);
}

.p-talk--overlay {
  z-index: 7;
}

.p-talk--loading {
  opacity: 0;
  z-index: 100;
}

.p-talk--loading.off {
  display: none;
}

.p-talk-edit__file {
  display: block;
  position: relative;
  overflow: hidden;
  width: 116px;
  height: 0;
  margin-bottom: 0;
  -webkit-transition: height,margin-bottom 300ms ease;
  -o-transition: height,margin-bottom 300ms ease;
  -moz-transition: height,margin-bottom 300ms ease;
  transition: height,margin-bottom 300ms ease;
}

.p-talk-edit__file > SPAN {
  vertical-align: middle;
}

.p-talk-edit__file INPUT[type=file] {
  position: absolute;
  top: 0;
  right: 1px;
  width: 1px;
  height: 1px;
}

.p-talk-edit__file.open {
  height: 25px;
  margin-bottom: 8px;
}

/* WEB Tutorial */
.web-tutorial {
  /*******************/
  /* common          */
  /*******************/
  width: 100%;
  font-size: 14px;
  font-family: Hiragino Sans;
  color: #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  /* スマホ向け背景固定 */
  /* 共通エラー出力 */
  /*******************/
  /* service explain */
  /*******************/
  /*******************/
  /* setting profile */
  /*******************/
  /*******************/
  /* setting comment */
  /*******************/
  /*******************/
  /* setting photo   */
  /*******************/
  /* プロフ写真の選び方 */
  /* プロフ写真アップロード完了 */
  /*******************/
  /* bbs post        */
  /*******************/
  /*******************/
  /* tutorial header */
  /*******************/
}

.web-tutorial::before {
  background: url("/img/wmsp/project/tutorial/bg.png") left top;
  -moz-background-size: auto;
    -o-background-size: auto;
       background-size: auto;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 108px;
  content: "";
  z-index: -1;
}

.web-tutorial-title {
  position: absolute;
  z-index: 5;
  top: 24px;
  left: 48px;
  right: 48px;
  margin: auto;
  height: 44px;
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
  background-color: #f884a3;
  text-align: center;
}

.web-tutorial-title p {
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 44px;
  font-weight: bold;
  color: #ffffff;
}

.web-tutorial-contents {
  margin: 46px 16px 16px 16px;
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
  background-color: #ffffff;
  padding: 38px 32px 24px;
  text-align: left;
}

.web-tutorial-contents.--setting-photo {
  padding: 38px 16px 24px;
}

.web-tutorial-contents-note {
  margin-bottom: 16px;
}

.web-tutorial-contents-note.--setting-photo {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.web-tutorial-contents-note-text {
  color: #616161;
  font-size: 16px;
  line-height: 1.5;
}

.web-tutorial-contents-note-text.--setting-photo {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

.web-tutorial-contents-note-text-small {
  margin: 28px 0 24px;
  font-size: 12px;
  line-height: 1.5;
  color: #a3a3a3;
}

.web-tutorial-contents-note__image {
  width: 311px;
  height: 198px;
  margin: 8px 0 16px;
  text-align: center;
}

.web-tutorial-contents-error-wrapper {
  margin-bottom: 8px;
}

.web-tutorial-contents-submit-btn input {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 50px;
  -webkit-border-radius: 25px;
     -moz-border-radius: 25px;
          border-radius: 25px;
  background-color: #88cdcd;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
}

.web-tutorial-contents-submit-btn input:disabled {
  background-color: #e0e0e0;
}

.web-tutorial-contents-skip {
  margin: 12px 0 20px;
  text-align: center;
}

.web-tutorial-contents-skip input {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #b1b1b1;
}

.web-tutorial-dialog.ui-dialog {
  height: 100% !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
}

.web-tutorial-dialog.ui-dialog .card {
  overflow: auto;
}

.web-tutorial-error-messages {
  width: 100%;
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
  background-color: rgba(248, 132, 163, 0.15);
  margin-top: 8px;
  margin-bottom: 8px;
  text-align: center;
}

.web-tutorial-error-messages span {
  font-family: HiraKakuProN-W3;
  font-size: 12px;
  color: #f884a3;
  margin-top: 8px;
  margin-bottom: 8px;
  display: inline-block;
  text-align: left;
}

.web-tutorial-error-messages img {
  width: 12px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-top: 3px;
  margin-right: 5px;
}

.web-tutorial-service-explain-header {
  margin-bottom: -5%;
}

.web-tutorial-service-explain-header-inner img {
  width: 100%;
}

.web-tutorial-service-explain-contents {
  padding: 0 8% 15% 8%;
  text-align: center;
  background-color: #FFFFFF;
}

.web-tutorial-service-explain-contents-img img {
  width: 30%;
}

.web-tutorial-service-explain-contents-img p {
  padding: 1.5rem 0;
  font-size: 16px;
  font-weight: bold;
  color: #616161;
}

.web-tutorial-service-explain-contents-message {
  color: #616161;
}

.web-tutorial-service-explain-contents-message p {
  font-size: 14px;
}

.web-tutorial-service-explain-contents-last {
  padding: 0 8% 30% 8%;
}

.web-tutorial-service-explain-footer {
  position: fixed;
  bottom: 0;
  height: 6rem;
  width: 100%;
  background-color: #FFFFFF;
}

.web-tutorial-service-explain-footer-btn {
  display: block;
  height: 5rem;
  width: 95%;
  line-height: 5.3rem;
  margin-left: auto;
  margin-right: auto;
  -webkit-border-radius: 32px;
     -moz-border-radius: 32px;
          border-radius: 32px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  background-color: #88cdcd;
}

.web-tutorial-setting-profile-sub-contents {
  margin-bottom: 84px;
}

.web-tutorial-setting-profile-form-select {
  width: 100%;
  height: 44px;
  -webkit-border-radius: 24px;
     -moz-border-radius: 24px;
          border-radius: 24px;
  border: solid 1px #e0e0e0;
  padding: 0 20px;
  margin: 8px 0;
  background-image: url(/img/wmsp/project/tutorial/setting_profile_img_listdown.png);
  -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
       background-size: 20px 20px;
  background-position: right 16px center;
}

.web-tutorial-setting-profile-form-select-error {
  border-color: #f884a3;
}

.web-tutorial-setting-comment-textarea {
  color: #616161;
  font-size: 14px;
  border: 1px solid #e0e0e0;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  margin-top: 8px;
  margin-bottom: 0;
}

.web-tutorial-setting-comment-textarea-error {
  border-color: #f884a3;
}

.web-tutorial-setting-comment-text-count-area {
  float: right;
  font-size: 10px;
  color: #9b9fa6;
  margin-top: 0;
  margin-bottom: 52px;
}

.web-tutorial-setting-comment-text-count-str {
  font-size: 10px;
  color: #9b9fa6;
}

.web-tutorial-setting-photo-file {
  position: relative;
  width: 100%;
  height: 130px;
}

.web-tutorial-setting-photo-file-unselected {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
}

.web-tutorial-setting-photo-file-unselected-thumbnail {
  position: absolute;
  width: 130px;
  height: 130px;
  right: 0;
  left: 0;
  margin: auto;
  background: #ebecee;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  padding: 16px;
}

.web-tutorial-setting-photo-file-unselected-thumbnail__image {
  width: 72px;
}

.web-tutorial-setting-photo-file-unselected-thumbnail-desc {
  margin-top: 12px;
  line-height: 14px;
  font-family: HiraginoSans-W3, sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #666;
}

.web-tutorial-setting-photo-file-upload {
  position: absolute;
  width: 130px;
  height: 130px;
  right: 0;
  left: 0;
  margin: auto;
}

.web-tutorial-setting-photo-file-upload div {
  background-position: center;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}

.web-tutorial-setting-photo-file-uploaded {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
}

.web-tutorial-setting-photo-file-uploaded div img {
  background-position: center;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}

.web-tutorial-setting-photo-file-uploaded-desc {
  display: none;
  position: absolute;
  width: 114px;
  margin: auto;
  left: 0;
  right: 0;
  top: 95px;
  line-height: 27px;
  font-family: HiraginoSans-W3, sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.4);
}

.web-tutorial-setting-photo-file-uploaded-desc input {
  display: none;
}

.web-tutorial-setting-photo-file-photo-wrapper {
  display: none;
}

.web-tutorial-setting-photo-hint {
  margin: 16px auto 32px;
}

.web-tutorial-setting-photo-hint--blue {
  font-size: 16px;
  color: #19bebe;
}

.web-tutorial-popup_photo-hint {
  position: relative;
  margin: auto;
  padding: 0;
  width: 89.3% !important;
  background: #fff;
}

.web-tutorial-popup_photo-hint_contents img {
  width: 100%;
}

.web-tutorial-popup_photo-hint_contents__btn {
  height: 44px;
  font-family: HiraginoSans-W6, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 44px;
  text-align: center;
  color: #999;
  -webkit-border-radius: 0 0 2.13vw 2.13vw;
     -moz-border-radius: 0 0 2.13vw 2.13vw;
          border-radius: 0 0 2.13vw 2.13vw;
  background: #f5f5f5;
}

.web-tutorial-popup_uploaded {
  position: fixed;
  width: 80%;
  top: 30%;
  height: auto;
  left: 10%;
  z-index: 100001;
}

.web-tutorial-popup_uploaded img {
  float: right;
}

.web-tutorial-popup_uploaded-notice {
  width: auto;
  margin: 0 auto;
  font-size: 2.0rem;
  color: #555555;
  line-height: 1.0;
  background-color: #FFF;
}

.web-tutorial-bbs-post-textarea {
  color: #616161;
  font-size: 14px;
  border: 1px solid #e0e0e0;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  margin-top: 8px;
  margin-bottom: 0;
}

.web-tutorial-bbs-post-textarea-error {
  border-color: #f884a3;
}

.web-tutorial-bbs-post-text-count-area {
  float: right;
  font-size: 10px;
  color: #9b9fa6;
  margin-top: 0;
  margin-bottom: 74px;
}

.web-tutorial-bbs-post-text-count-str {
  font-size: 10px;
  color: #9b9fa6;
}

.web-tutorial-header {
  width: 100%;
  font-family: HiraginoSans-W6;
  color: #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: url("/img/wmsp/project/tutorial/bg.png") left top;
  display: block;
  top: 0;
  left: 0;
  content: "";
  padding-top: 16px;
  padding-bottom: 20px;
  font-size: 0px;
}

.web-tutorial-header img {
  width: 100%;
}

.web-tutorial-header-body {
  width: 92%;
  height: auto;
  margin: 0 auto;
  background-color: #ffffff;
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
  clear: both;
}

.web-tutorial-header-body::after {
  content: "";
  position: absolute;
  right: 45%;
  border: 12px solid transparent;
  border-top: 12px solid #ffffff;
}

.web-tutorial-header-contents {
  padding-top: 20px;
  padding-bottom: 12px;
  margin-left: 8%;
  color: #616161;
}

@media screen and (max-width: 400px) {
  .web-tutorial-header-contents {
    margin-left: 4%;
  }
}

.web-tutorial-header-mail {
  width: 63px;
  display: inline-block;
  position: relative;
  top: 8px;
}

.web-tutorial-header-skip {
  font-family: HiraginoSans-W3;
  font-size: 12px;
  vertical-align: middle;
  text-align: right;
  margin-right: 6%;
}

.web-tutorial-header-skip a {
  color: #b1b1b1;
  border-bottom: solid 1px;
}

.web-tutorial-header-c-header {
  display: none;
}

.web-tutorial-header-p-profile {
  margin-top: 16px;
}

#web-tutorial-header-message {
  width: 72%;
  display: inline-block;
  vertical-align: top;
  margin-left: 4%;
  font-size: 14px;
}

@media screen and (max-width: 320px) {
  #web-tutorial-header-message {
    font-size: 12px;
  }
}

.web-tutorial-prof .web-tutorial-title {
  background: #FA628A;
}

.web-tutorial-prof .web-tutorial-contents-note-text {
  color: #0C0C0C;
}

.web-tutorial-prof .web-tutorial-setting-profile-form-select {
  border: solid 1px #B2B2B2;
  color: #6D6D6D;
  background-image: url("/img/wmsp/project/tutorial/setting_profile_img_listdown_off.svg");
}

.web-tutorial-prof .web-tutorial-setting-profile-form-select.selected {
  color: #0C0C0C;
  background-image: url("/img/wmsp/project/tutorial/setting_profile_img_listdown.svg");
  -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
       background-size: 20px 20px;
}

.web-tutorial-prof .web-tutorial-contents-submit-btn input {
  background: #19BEBE;
}

.web-tutorial-prof .web-tutorial-contents-submit-btn input:disabled {
  background: #E5E5E5;
  color: #9D9D9D;
}

.web-tutorial-prof .web-tutorial-contents-skip input {
  color: #6D6D6D;
}

/* Credit Shift PayPal */
.shift_paypal_popup.ui-dialog {
  height: 100% !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
}

#credit_shift_paypal_dialog {
  margin: auto;
  width: 88% !important;
  font-family: Noto Sans Japanese, -apple-system, BlinkMacSystemFont, Lato, Segoe UI, 游ゴシック, YuGothic, Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Meiryo, sans-serif;
}

#credit_shift_paypal_dialog .card {
  overflow: auto;
}

.shift_paypal_popup.ui-dialog {
  height: 100% !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
}

.shift_paypal-content {
  position: relative;
  margin: 0;
  padding: 0;
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
  background-color: #ffffff;
}

.shift_paypal-button_close {
  position: absolute;
  top: 9px;
  right: 8px;
  display: inline-block;
  background-color: #ffffff;
  border: none;
  padding: 10px;
}

.shift_paypal-close-button-size {
  width: 24px;
}

.shift_paypal-top_img {
  display: block;
  width: 163px;
  height: 115px;
  margin: 0 auto 4px;
}

.shift_paypal-body img {
  width: 100%;
  max-width: 100%;
}

.shift_paypal-button {
  padding: 24px 16px;
}

.shift_paypal-button p a {
  color: #ffffff;
}

.shift_paypal-contained_button {
  width: 100%;
  display: inline-block;
  background: #19bebe;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.54px;
  text-align: center;
  color: #ffffff;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  padding: 9px 0px 8px 0px;
}

.shift_paypal-contained_button span {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.69;
  letter-spacing: 0.48px;
}

.shift_paypal-checkbox {
  width: 100%;
  padding-bottom: 20px;
  text-align: center;
}

.shift_paypal-checkbox input[type="checkbox"] + label {
  display: inline-block;
  top: 0;
  right: 0;
  position: relative;
  padding-left: 28px;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.64px;
  color: #0c0c0c;
}

.shift_paypal-checkbox input[type="checkbox"] + label:before {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  left: 0;
  border: 2px solid #0c0c0c;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  background-color: #ffffff;
}

.shift_paypal-checkbox input[type="checkbox"]:checked + label {
  font-weight: 500;
}

.shift_paypal-checkbox input[type="checkbox"]:checked + label:before {
  content: '';
  border: 2px solid #19bebe;
  background-color: #19bebe;
  background-image: url("/img/wmsp/project/campaign/payment/icon-checked.svg");
  -moz-background-size: 15px 12px;
    -o-background-size: 15px 12px;
       background-size: 15px 12px;
  background-position: 1px 2px;
  background-repeat: no-repeat;
}

.shift_paypal-countdown_timer {
  padding: 16px 0 0 0;
}

.shift_paypal-countdown_timer .cdt {
  height: 27px;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.54px;
  text-align: center;
  color: #0c0c0c;
}

.shift_paypal-countdown_timer .cdt_txt {
  margin-right: 8px;
}

.shift_paypal-notice {
  padding: 0 16px;
}

.shift_paypal-notice .headline {
  padding-top: 12px;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.69;
  letter-spacing: 0.48px;
  text-align: center;
  color: #0c0c0c;
}

.shift_paypal-notice .discription {
  padding-top: 8px;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: 0.42px;
  text-align: left;
  color: #0c0c0c;
}

.shift_paypal-notice .period {
  padding-top: 12px;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.69;
  letter-spacing: 0.48px;
  text-align: center;
  color: #0c0c0c;
}

.shift_paypal-notice .bg {
  height: 48px;
  margin: 16px 0 0 0;
  background: #fcf2d5;
}

/* Utility -------------------------------------------- */
.u-margin-top--0 {
  margin-top: 0;
}

.u-margin-top--1 {
  margin-top: 8px;
}

.u-margin-top--2 {
  margin-top: 16px;
}

.u-margin-top--3 {
  margin-top: 24px;
}

.u-margin-top--4 {
  margin-top: 32px;
}

/*# sourceMappingURL=style.css.map */