@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.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,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  box-sizing: border-box;
}
input:focus {
  outline: 0;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
a img {
  border: 0;
}
figure {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
a {
  color: #383838;
}
a:hover {
  color: #88685e;
  text-decoration-line: underline;
}
p {
  padding-bottom: 2px;
}
input {
  font-family: inherit;
}
input[type="submit"],
input[type="button"],
button {
  cursor: pointer;
}
input[type="checkbox"] {
  width: 18px;
  height: 18px;
  vertical-align: -4px;
}
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
}
input[type="radio"] {
  font-size: x-large;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: -4px;
}
input[type="radio"]:not(:first-child) {
  margin-left: 10px;
}
strong {
  font-weight: bold;
}
input[type="text"],
input[type="password"],
select {
  border: 1px solid #8E8E8E;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 4px;
  box-sizing: border-box;
}
textarea {
  border: 1px solid #8E8E8E;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 4px;
  box-sizing: border-box;
}
label {
  display: inline-block;
  padding: 4px;
}
ul {
  list-style-type: none;
}
th,
td {
  vertical-align: middle;
}
h1 {
  font-size: 20px;
  font-size: 2rem;
  background-color: #E0D6C7;
  text-align: center;
  padding: 4px 10px;
  margin-bottom: 20px;
}
h1:before {
  font-size: 22px;
  font-size: 2.2rem;
  font-family: 'icon_00';
  vertical-align: -2px;
  padding-right: 4px;
}
h2 {
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: bold;
  padding-left: 20px;
  margin-top: 30px;
  margin-bottom: 20px;
  border-bottom: 4px solid #E0D6C7;
}
h2:before,
h2:after {
  font-weight: normal;
}
h3 {
  font-size: 17px;
  font-size: 1.7rem;
  padding-left: 10px;
  margin-top: 20px;
  margin-bottom: 14px;
  border-bottom: 1px solid #E0D6C7;
}
h4 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 4px;
}
h4:before {
  content: '・';
}
h5 {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  padding-left: 14px;
  margin-top: 8px;
  margin-bottom: 4px;
}
h5:before {
  content: '<';
}
h5:after {
  content: '>';
}
@font-face {
  font-family: 'icon_00';
  src: url('../fonts/icon_00.eot?khm9u6');
  src: url('../fonts/icon_00.eot?khm9u6#iefix') format('embedded-opentype'), url('../fonts/icon_00.ttf?khm9u6') format('truetype'), url('../fonts/icon_00.woff?khm9u6') format('woff'), url('../fonts/icon_00.svg?khm9u6#icon_00') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icon_00' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-garbage:before {
  content: "\e923";
}
.icon-tag2_circle:before {
  content: "\e924";
}
.icon-tag2:before {
  content: "\e925";
}
.icon-report:before {
  content: "\e922";
}
.icon-entry_symbol:before {
  content: "\e921";
}
.icon-spicy_circle:before {
  content: "\e91e";
}
.icon-spicy_rev:before {
  content: "\e91f";
}
.icon-spicy:before {
  content: "\e920";
}
.icon-tanka_rev:before {
  content: "\e91b";
}
.icon-tanka_circle:before {
  content: "\e91c";
}
.icon-tanka:before {
  content: "\e91d";
}
.icon-talk_circle:before {
  content: "\e90f";
}
.icon-talk_rev:before {
  content: "\e910";
}
.icon-talk:before {
  content: "\e911";
}
.icon-tv_circle:before {
  content: "\e912";
}
.icon-arrow_right_circle:before {
  content: "\e916";
}
.icon-triangle_right:before {
  content: "\e917";
}
.icon-triangle_down:before {
  content: "\e918";
}
.icon-triangle_left:before {
  content: "\e913";
}
.icon-alarm_clock_circle:before {
  content: "\e914";
}
.icon-tag:before {
  content: "\e915";
}
.icon-comic_rev:before {
  content: "\e90c";
}
.icon-comic_circle:before {
  content: "\e90d";
}
.icon-comic:before {
  content: "\e90e";
}
.icon-tactics:before {
  content: "\e90b";
}
.icon-light:before {
  content: "\e90a";
}
.icon-animal5_symbol:before {
  content: "\e907";
}
.icon-color_symbol:before {
  content: "\e908";
}
.icon-ranking:before {
  content: "\e906";
}
.icon-birthday:before {
  content: "\e905";
}
.icon-google:before {
  content: "\e904";
}
.icon-t--shirt:before {
  content: "\e903";
}
.icon-star_check_rev:before {
  content: "\e900";
}
.icon-star_check_circle:before {
  content: "\e901";
}
.icon-star_check:before {
  content: "\e902";
}
.icon-stamp_rev:before {
  content: "\e681";
}
.icon-stamp:before {
  content: "\e682";
}
.icon-rank_symbol:before {
  content: "\e680";
}
.icon-rank_arrow_down:before {
  content: "\e67d";
}
.icon-rank_arrow_stay:before {
  content: "\e67e";
}
.icon-rank_arrow_up:before {
  content: "\e67f";
}
.icon-exclamation_balloon:before {
  content: "\e67c";
}
.icon-flower:before {
  content: "\e67b";
}
.icon-hatena:before {
  content: "\e679";
}
.icon-license_card:before {
  content: "\e678";
}
.icon-group:before {
  content: "\e64d";
}
.icon-volume:before {
  content: "\e677";
}
.icon-cup:before {
  content: "\e676";
}
.icon-clock:before {
  content: "\e675";
}
.icon-member:before {
  content: "\e673";
}
.icon-crown_rev:before {
  content: "\e672";
}
.icon-fortune_luck1:before {
  content: "\e66d";
}
.icon-fortune_luck2:before {
  content: "\e66e";
}
.icon-fortune_luck5:before {
  content: "\e66f";
}
.icon-fortune_luck3:before {
  content: "\e670";
}
.icon-fortune_luck4:before {
  content: "\e671";
}
.icon-memo_rev:before {
  content: "\e66c";
}
.icon-color:before {
  content: "\e66b";
}
.icon-ticket_rev:before {
  content: "\e909";
}
.icon-ticket:before {
  content: "\e66a";
}
.icon-calendar:before {
  content: "\e666";
}
.icon-color_rev:before {
  content: "\e667";
}
.icon-telephone:before {
  content: "\e668";
}
.icon-angry:before {
  content: "\e661";
}
.icon-sad:before {
  content: "\e662";
}
.icon-usually:before {
  content: "\e663";
}
.icon-smile:before {
  content: "\e664";
}
.icon-full_smile:before {
  content: "\e665";
}
.icon-triangle_rounded:before {
  content: "\e65f";
}
.icon-cross_rounded:before {
  content: "\e660";
}
.icon-free_circle:before {
  content: "\e600";
}
.icon-file_circle:before {
  content: "\e926";
}
.icon-file:before {
  content: "\e64c";
}
.icon-animalcolor:before {
  content: "\e64e";
}
.icon-animal:before {
  content: "\e64f";
}
.icon-spirit:before {
  content: "\e650";
}
.icon-exclamation_rev:before {
  content: "\e651";
}
.icon-star_rev:before {
  content: "\e652";
}
.icon-background:before {
  content: "\e653";
}
.icon-pictures_rev:before {
  content: "\e654";
}
.icon-background_rev:before {
  content: "\e655";
}
.icon-question_rev:before {
  content: "\e656";
}
.icon-doubleballoon_rev:before {
  content: "\e657";
}
.icon-balloon_b:before {
  content: "\e64b";
}
.icon-circle_rounded:before {
  content: "\e659";
}
.icon-door_rounded:before {
  content: "\e65a";
}
.icon-crystal_ball_rounded:before {
  content: "\e65b";
}
.icon-mail_rounded .path1:before {
  content: "\e65d";
}
.icon-mail_rounded .path2:before {
  content: "\e683";
  margin-left: -1em;
  color: #ffffff;
}
.icon-mail_rounded .path3:before {
  content: "\e684";
  margin-left: -1em;
  color: #ffffff;
}
.icon-mail_rounded .path4:before {
  content: "\e685";
  margin-left: -1em;
  color: #ffffff;
}
.icon-mail_rounded .path5:before {
  content: "\e686";
  margin-left: -1em;
  color: #ffffff;
}
.icon-paw_rounded:before {
  content: "\e65c";
}
.icon-checkbox:before {
  content: "\e647";
}
.icon-rounded_square:before {
  content: "\e648";
}
.icon-circle:before {
  content: "\e658";
}
.icon-arrow_down:before {
  content: "\e649";
}
.icon-arrow_up:before {
  content: "\e646";
}
.icon-monkey:before {
  content: "\e65e";
}
.icon-cheetah:before {
  content: "\e601";
}
.icon-blackpanther:before {
  content: "\e602";
}
.icon-lion:before {
  content: "\e603";
}
.icon-tiger:before {
  content: "\e604";
}
.icon-raccoon:before {
  content: "\e605";
}
.icon-koala:before {
  content: "\e606";
}
.icon-elephant:before {
  content: "\e607";
}
.icon-sheep:before {
  content: "\e608";
}
.icon-pegasus:before {
  content: "\e609";
}
.icon-wolf:before {
  content: "\e60a";
}
.icon-fawn:before {
  content: "\e60b";
}
.icon-twitter:before {
  content: "\e60c";
}
.icon-facebook:before {
  content: "\e60d";
}
.icon-star:before {
  content: "\e60e";
}
.icon-square:before {
  content: "\e60f";
}
.icon-search_circle:before {
  content: "\e919";
}
.icon-search:before {
  content: "\e612";
}
.icon-ribbon_rev:before {
  content: "\e674";
}
.icon-ribbon_circle:before {
  content: "\e613";
}
.icon-ribbon:before {
  content: "\e614";
}
.icon-question_circle:before {
  content: "\e91a";
}
.icon-question:before {
  content: "\e615";
}
.icon-plus_circle:before {
  content: "\e616";
}
.icon-pictures:before {
  content: "\e617";
}
.icon-phone:before {
  content: "\e618";
}
.icon-pencil:before {
  content: "\e619";
}
.icon-paw_rev:before {
  content: "\e669";
}
.icon-paw_circle:before {
  content: "\e61a";
}
.icon-paw:before {
  content: "\e61b";
}
.icon-magazine_circle:before {
  content: "\e927";
}
.icon-notebook:before {
  content: "\e61c";
}
.icon-note_pencil:before {
  content: "\e61d";
}
.icon-note:before {
  content: "\e61e";
}
.icon-memo:before {
  content: "\e61f";
}
.icon-man_frame:before {
  content: "\e620";
}
.icon-man_circle:before {
  content: "\e621";
}
.icon-man:before {
  content: "\e622";
}
.icon-man_rev:before {
  content: "\e64a";
}
.icon-mail:before {
  content: "\e623";
}
.icon-line3:before {
  content: "\e624";
}
.icon-light_bulb:before {
  content: "\e625";
}
.icon-key:before {
  content: "\e626";
}
.icon-home:before {
  content: "\e627";
}
.icon-heart_rev:before {
  content: "\e628";
}
.icon-heart_circle:before {
  content: "\e629";
}
.icon-heart:before {
  content: "\e62a";
}
.icon-gear:before {
  content: "\e62b";
}
.icon-exclamation:before {
  content: "\e62c";
}
.icon-doubleballoon:before {
  content: "\e62d";
}
.icon-door:before {
  content: "\e62e";
}
.icon-crystal_ball_frame:before {
  content: "\e62f";
}
.icon-crystal_ball_circle:before {
  content: "\e630";
}
.icon-crystal_ball:before {
  content: "\e631";
}
.icon-crystal_ball_rev:before {
  content: "\e632";
}
.icon-crown_circle:before {
  content: "\e633";
}
.icon-crown:before {
  content: "\e634";
}
.icon-minus:before {
  content: "\e67a";
}
.icon-cross:before {
  content: "\e635";
}
.icon-cooperation:before {
  content: "\e636";
}
.icon-color_circle:before {
  content: "\e637";
}
.icon-coin_rev:before {
  content: "\e638";
}
.icon-coin:before {
  content: "\e639";
}
.icon-clover_rev:before {
  content: "\e63a";
}
.icon-clover_circle:before {
  content: "\e63b";
}
.icon-clover:before {
  content: "\e63c";
}
.icon-box4:before {
  content: "\e63d";
}
.icon-bell:before {
  content: "\e63e";
}
.icon-beginner:before {
  content: "\e63f";
}
.icon-balloon:before {
  content: "\e640";
}
.icon-bag_rev:before {
  content: "\e641";
}
.icon-bag_circle:before {
  content: "\e642";
}
.icon-bag:before {
  content: "\e643";
}
.icon-arrow_right:before {
  content: "\e644";
}
.icon-arrow_left:before {
  content: "\e645";
}
.clearfix:after {
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: ".";
}
.row:after,
.col:after,
.clr:after,
.group:after {
  content: "";
  display: table;
  clear: both;
}
.row {
  padding-bottom: 0em;
}
.col {
  display: block;
  float: left;
  width: 100%;
}
.span_1 {
  width: 8.33333333333%;
}
.span_2 {
  width: 16.6666666667%;
}
.span_3 {
  width: 25%;
}
.span_4 {
  width: 33.3333333333%;
}
.span_5 {
  width: 41.6666666667%;
}
.span_6 {
  width: 50%;
}
.span_7 {
  width: 58.3333333333%;
}
.span_8 {
  width: 66.6666666667%;
}
.span_9 {
  width: 75%;
}
.span_10 {
  width: 83.3333333333%;
}
.span_11 {
  width: 91.6666666667%;
}
.span_12 {
  width: 100%;
}
.span_center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.font_small {
  font-size: 10px !important;
  font-size: 1rem !important;
}
.font14 {
  font-size: 14px !important;
  font-size: 1.4rem !important;
}
.font18 {
  font-size: 18px !important;
  font-size: 1.8rem !important;
}
.bold {
  font-weight: bold;
}
.hide {
  display: none !important;
}
.margin_bottom1 {
  margin-bottom: 10px !important;
}
.margin_bottom2 {
  margin-bottom: 20px !important;
}
.margin_bottom3 {
  margin-bottom: 30px !important;
}
.margin_bottom4 {
  margin-bottom: 40px !important;
}
.margin_bottom5 {
  margin-bottom: 50px !important;
}
.margin_top1 {
  margin-top: 10px !important;
}
.margin_top1 {
  margin-top: 10px !important;
}
.margin_top2 {
  margin-top: 20px !important;
}
.margin_top3 {
  margin-top: 30px !important;
}
.margin_top4 {
  margin-top: 40px !important;
}
.margin_top5 {
  margin-top: 50px !important;
}
.center_text {
  text-align: center !important;
}
.left_text {
  text-align: left !important;
}
.right_text {
  text-align: right !important;
}
.inline_block {
  display: inline-block !important;
  vertical-align: middle;
}
.read_area {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 10px 14px 10px 14px;
  line-height: 1.8;
}
.error_area {
  min-height: 0px;
  background-color: #f8d8d8;
  color: #e33535;
  margin: 10px;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.callout_area {
  min-height: 0px;
  background-color: #d8def8;
  color: #1b1bc1;
  margin: 10px;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.text_area {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 10px 14px 10px 14px;
  line-height: 1.8;
}
.text_area > P {
  margin-bottom: 8px;
}
.text_area_small {
  margin-right: 15px;
  margin-left: 15px;
  padding: 10px 14px 10px 14px;
}
.input_area_normal {
  border-top: 4px solid #E0D6C7;
  border-bottom: 4px solid #E0D6C7;
  padding: 20px 0;
  margin: 10px auto 30px;
}
.input_area_normal legend {
  -webkit-padding-start: 0px;
  -webkit-padding-end: 0px;
  padding: 0px;
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.input_area_normal .input_area_body {
  margin-top: 10px;
  padding: 0 2% 10px;
}
.input_area_normal .input_group {
  margin-bottom: 10px;
}
label[for^="gender_m"],
label[for^="gender_f"] {
  display: inline;
  background: #b9b9b9;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 3px 6px;
  cursor: pointer;
}
input[id^="gender_m"]:checked + label[for^="gender_m"] {
  background: #61A8FF;
  color: white;
}
input[id^="gender_f"]:checked + label[for^="gender_f"] {
  background: #FF82A1;
  color: white;
}
.list_type1 > li {
  list-style-type: disc;
  margin: 4px 0 8px 30px;
  list-style-position: outside;
}
.list_type2 > li {
  list-style-type: decimal;
  list-style-position: inside;
  margin-bottom: 10px;
  margin-left: 20px;
  list-style-position: outside;
}
ul.left_align {
  display: block;
}
ul.left_align li {
  float: left;
  display: block;
  margin-right: 10px;
}
ul.left_align:after {
  content: "";
  display: table;
  clear: both;
}
table.type1 {
  margin-bottom: 20px;
}
table.type1 table {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border-collapse: separate;
  border: none;
}
table.type1 th {
  padding: 6px 8px;
  vertical-align: middle;
  word-break: break-all;
  border: none;
}
table.type1 td {
  padding: 6px 8px;
  vertical-align: middle;
  word-break: break-all;
  border: none;
}
table.type1 thead.center th,
table.type1 thead.center td {
  text-align: center;
}
table.type1 thead.center_th th {
  text-align: center;
}
table.type1 thead tr:first-child th:first-child {
  -webkit-border-radius: 6px 0px 0px 0px;
  -moz-border-radius: 6px 0px 0px 0px;
  border-radius: 6px 0px 0px 0px;
  border-left: 1px solid #a1754f;
}
table.type1 thead tr:first-child th:last-child {
  -webkit-border-radius: 0px 6px 0px 0px;
  -moz-border-radius: 0px 6px 0px 0px;
  border-radius: 0px 6px 0px 0px;
  border-right: 1px solid #a1754f;
}
table.type1 thead tr:first-child td:last-child {
  -webkit-border-radius: 0px 6px 0px 0px;
  -moz-border-radius: 0px 6px 0px 0px;
  border-radius: 0px 6px 0px 0px;
  border-right: 1px solid #a1754f;
}
table.type1 thead th {
  background-color: #D1B899;
  color: white;
  border-top: 1px solid #a1754f;
  border-right: 1px dotted #a1754f;
}
table.type1 thead td {
  background-color: white;
  border-top: 1px solid #a1754f;
  border-right: 1px dotted #a1754f;
}
table.type1 tbody.center th,
table.type1 tbody.center td {
  text-align: center;
}
table.type1 tbody.center_th th {
  text-align: center;
}
table.type1 tbody tr:last-child th {
  border-bottom: 1px solid #A1754F;
}
table.type1 tbody tr:last-child th:first-child {
  -webkit-border-radius: 0px 0px 0 6px;
  -moz-border-radius: 0px 0px 0 6px;
  border-radius: 0px 0px 0 6px;
}
table.type1 tbody tr:last-child td {
  border-bottom: 1px solid #A1754F;
}
table.type1 tbody tr:last-child td:first-child {
  -webkit-border-radius: 0px 0px 0px 6px;
  -moz-border-radius: 0px 0px 0px 6px;
  border-radius: 0px 0px 0px 6px;
}
table.type1 tbody tr:last-child td:last-child {
  -webkit-border-radius: 0px 0px 6px 0;
  -moz-border-radius: 0px 0px 6px 0;
  border-radius: 0px 0px 6px 0;
}
table.type1 tbody th {
  border-top: 1px dotted #a1754f;
  border-right: 1px dotted #a1754f;
}
table.type1 tbody th:first-child {
  border-left: 1px solid #A1754F;
  background-color: #D1B899;
  color: white;
}
table.type1 tbody td {
  background-color: white;
  border-top: 1px dotted #a1754f;
  border-right: 1px dotted #a1754f;
}
table.type1 tbody td:first-child {
  border-left: 1px solid #A1754F;
}
table.type1 tbody td:last-child {
  border-right: 1px solid #A1754F;
}
table.type2 {
  margin-bottom: 20px;
}
table.type2 table {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border-collapse: separate;
  border: none;
}
table.type2 th {
  padding: 6px 8px;
  vertical-align: middle;
  word-break: break-all;
  border: none;
  background-color: #D1B899;
  color: white;
  text-align: center;
  border-top: 1px solid #a1754f;
  border-bottom: 1px solid #a1754f;
  border-right: 1px dotted #a1754f;
}
table.type2 td {
  padding: 6px 8px;
  vertical-align: middle;
  word-break: break-all;
  border: none;
  border-top: 1px solid #a1754f;
  border-bottom: 1px solid #a1754f;
  border-right: 1px dotted #a1754f;
}
table.type2 tr:first-child th:first-child {
  -webkit-border-radius: 6px 0px 0px 6px;
  -moz-border-radius: 6px 0px 0px 6px;
  border-radius: 6px 0px 0px 6px;
  border-left: 1px solid #a1754f;
}
table.type2 tr:first-child td:last-child {
  -webkit-border-radius: 0px 6px 6px 0px;
  -moz-border-radius: 0px 6px 6px 0px;
  border-radius: 0px 6px 6px 0px;
  border-right: 1px solid #a1754f;
}
h1 {
  position: relative;
}
h1 .mail:before {
  font-size: 22px;
  font-size: 2.2rem;
  font-family: 'icon_00';
  vertical-align: -2px;
  padding-right: 6px;
  content: "\e623";
  color: black;
}
h1 .free_content {
  position: absolute;
  top: 0;
  right: 20px;
  content: "無料";
  background-color: #F53649;
  width: 40px;
  min-height: 27px;
  padding-top: 7px;
  font-size: 15px;
  font-size: 1.5rem;
  color: white;
  line-height: 1;
}
h1 .free_content:after {
  position: absolute;
  bottom: -15px;
  left: 0;
  content: "";
  /* width: 20px; */
  border-bottom: 10px solid transparent;
  border-right: 20px solid #F53649;
  border-left: 20px solid #F53649;
  border-top: 5px solid #F53649;
  text-align: center;
}
h1 a {
  text-decoration: none;
}
h1.no_style {
  padding: 0;
  background: none;
}
h1.no_style:before {
  content: "";
  padding: 0;
  margin: 0;
}
h2:before {
  font-size: 20px;
  font-size: 2rem;
  padding-right: 8px;
  font-family: 'icon_00';
  content: "";
}
h2.no_style {
  padding: 0;
  background: none;
  border: none;
}
h2.no_style:before {
  content: "";
  padding: 0;
  margin: 0;
}
h2.hatena:before {
  font-size: 20px;
  font-size: 2rem;
  content: "\e679";
  padding-right: 8px;
  font-family: 'icon_00';
}
h2.light:before {
  font-size: 20px;
  font-size: 2rem;
  content: "\e90a";
  padding-right: 8px;
  font-family: 'icon_00';
}
h2.uranai {
  text-align: center;
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 30px;
  padding: 0;
}
.btn_normal {
  display: inline-block;
  text-decoration: none;
  min-width: 140px;
  background-color: white;
  border: 2px solid #D68700;
  padding: 6px 26px 4px;
  margin-bottom: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  text-align: center;
  line-height: 1;
}
.btn_normal:hover {
  text-decoration: none;
}
.btn_normal:before {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'icon_00';
  position: absolute;
  top: 2px;
  left: 4px;
}
.btn_normal.key:before {
  content: "\e626";
  color: #FF8742;
}
.btn_normal.pencil:before {
  content: "\e619";
  color: #5CAB42;
}
[type="submit"].btn_normal {
  background-color: white;
}
.btn_normal.thin {
  min-width: 0px;
  padding: 2px 4px 2px;
}
.btn_normal.large {
  width: 300px;
  padding: 8px;
}
.btn_stitch {
  display: inline-block;
  padding: 0.5em 1em;
  margin: 10px 8px;
  text-decoration: none;
  background: #e0d6c7;
  color: #383838;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 5px #e0d6c7;
  border: dashed 1px #383838;
}
.btn_stitch:hover {
  border: dotted 1px #383838;
}
.corner {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 6px 26px 4px;
}
dl.confirm {
  max-width: 90%;
  margin: 20px auto;
  border-bottom: 1px solid #E0D6C7;
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  word-spacing: -0.43em;
}
dl.confirm dt,
dl.confirm dd {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  padding: 3px 2% 4px;
  margin: 0;
  border-top: 1px solid #E0D6C7;
}
dl.confirm dt {
  width: 40%;
  margin-right: -1px;
}
dl.confirm dd {
  width: 58%;
  border-bottom: none;
}
#lean_overlay {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
.modal_common {
  height: auto;
  min-width: 520px;
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  display: none;
  padding: 0px;
  padding-top: 30px;
  border: 1px solid #E0D6C7;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position: relative;
}
.modal_common .modal_close {
  position: absolute;
  right: 5px;
  top: 5px;
  display: block;
  width: 30px;
  height: 30px;
  z-index: 1;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
}
.modal_common .modal_close::before {
  font-family: 'icon_00';
  content: "\e66d";
}
.modal_common .title {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  padding: 0;
  padding-bottom: 6px;
  margin: 0;
  margin-top: -20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #e0d6c7;
}
.modal_common .title::before {
  content: '';
  font-family: 'icon_00';
  font-size: 18px;
  font-size: 1.8rem;
  vertical-align: -2px;
  padding-right: 6px;
  display: inline-block;
  margin-left: -6px;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: local('Noto Sans CJK JP'), url("/fonts/NotoSans_Regular.woff2") format("woff2"), url("/fonts/NotoSans_regular.woff") format("woff");
}
html {
  font-size: 62.5%;
  width: 100%;
}
body {
  width: 100%;
  font-size: 14px;
  font-size: 1.4em;
  color: #383838;
  font-family: "Lato", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.6;
}
#wrapper {
  background-image: url(../images/common/bg_outsidethe.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  min-height: 1000px;
  margin: 0px auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
#headerBlock {
  height: 160px;
  position: relative;
  background-repeat: no-repeat;
  background-size: 684px 115px;
  background-position: 78% bottom;
  background-image: url(../images/common/bg_header.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #headerBlock {
    background-image: url(../images/common/bg_header@2x.png);
    background-size: 684px 115px;
  }
}
#headerBlock.halloween {
  background-image: url(../images/common/bg_header_halloween.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #headerBlock.halloween {
    background-image: url(../images/common/bg_header_halloween@2x.png);
  }
}
#headerBlock.winter {
  background-image: url(../images/common/bg_header_winter.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #headerBlock.winter {
    background-image: url(../images/common/bg_header_winter@2x.png);
  }
}
#headerBlock.xmas {
  background-image: url(../images/common/bg_header_christmas.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #headerBlock.xmas {
    background-image: url(../images/common/bg_header_christmas@2x.png);
  }
}
#headerBlock.new-year {
  background-image: url(../images/common/bg_header_new_year.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #headerBlock.new-year {
    background-image: url(../images/common/bg_header_new_year@2x.png);
  }
}
#headerBlock .logo {
  width: 268px;
  margin-top: -18px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 960px) {
  #headerBlock .logo {
    width: 40%;
  }
}
@media only screen and (max-width: 760px) {
  #headerBlock .logo {
    width: 30%;
  }
}
#headerBlock .logo a {
  display: block;
  width: 100%;
  height: 42px;
  background-image: url(../images/common/logo.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: -9999px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #headerBlock .logo a {
    background-image: url(../images/common/logo@2x.png);
    background-size: 268px 42px;
  }
}
@media only screen and (max-width: 760px) {
  #headerBlock .logo a {
    background-size: contain;
  }
}
#headerBlock .logo img {
  max-width: 100%;
  padding-top: 0px;
}
#headerBlock .board_area {
  float: right;
  width: 26%;
  padding-top: 42px;
}
#headerBlock .board_area:after {
  content: "";
  display: table;
  clear: both;
}
#headerBlock .board_area .sns {
  display: inline-block;
  width: 72px;
  height: 42px;
  background-image: url(../images/common/bg_header_sns.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #headerBlock .board_area .sns {
    background-image: url(../images/common/bg_header_sns@2x.png);
    background-size: 72px 42px;
  }
}
#headerBlock .board_area .fb,
#headerBlock .board_area .tw {
  display: inline-block;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  cursor: pointer;
  margin-top: 7px;
  background-image: url(../images/common/btn_header_tw.png);
}
#headerBlock .board_area .fb {
  background-image: url(../images/common/btn_header_fb.png);
  margin-left: 12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #headerBlock .board_area .fb {
    background-image: url(../images/common/btn_header_fb@2x.png);
    background-size: 22px;
  }
}
#headerBlock .board_area .fb:hover {
  background-position: left bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #headerBlock .board_area .tw {
    background-image: url(../images/common/btn_header_tw@2x.png);
    background-size: 22px;
  }
}
#headerBlock .board_area .tw:hover {
  background-position: left bottom;
}
#headerBlock .clock_base {
  float: left;
  width: 29%;
  text-align: right;
}
#headerBlock .clock_area {
  display: inline-block;
}
#headerBlock .clock_area .clock {
  position: relative;
  background: #ffffff;
  border: 1px solid #e0d6c7;
  width: 148px;
  height: 48px;
  border-radius: 6px;
  padding: 0 4px 0px 4px;
  text-align: center;
}
#headerBlock .clock_area .clock:after,
#headerBlock .clock_area .clock:before {
  left: 100%;
  top: 40%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#headerBlock .clock_area .clock:before {
  border-color: rgba(214, 192, 185, 0);
  border-left-color: #e0d6c7;
  border-width: 9px;
  margin-top: -9px;
}
#headerBlock .clock_area .clock:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 8px;
  margin-top: -8px;
}
#headerBlock .clock_area .date strong {
  font-size: 16px;
  font-size: 1.6rem;
}
#headerBlock .clock_area .time {
  font-size: 19px;
  font-size: 1.9rem;
  margin-top: -6px;
}
#headerBlock .top_navi {
  display: block;
  width: 100%;
  height: 20px;
  padding-top: 6px;
  background: none;
}
#headerBlock .top_navi ul {
  display: block;
}
#headerBlock .top_navi ul:after {
  content: "";
  display: table;
  clear: both;
}
#headerBlock .top_navi li {
  float: right;
  text-align: center;
  margin-left: 10px;
}
#headerBlock .top_navi li a {
  display: block;
  width: 120px;
  text-decoration: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-sizing: border-box;
  border: 2px solid #D68700;
  padding: 2px 0;
  text-align: center;
}
#headerBlock .top_navi li.login a:before {
  font-family: 'icon_00';
  content: "\e626";
  padding-right: 6px;
  color: #FF8742;
}
#headerBlock .top_navi li.regist a:before {
  font-family: 'icon_00';
  content: "\e619";
  padding-right: 6px;
  color: #5CAB42;
}
#headerBlock .top_navi li.status {
  width: 120px;
  border: 2px solid #D68700;
  padding: 2px 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
#headerBlock .top_navi li.status:before {
  font-family: 'icon_00';
  content: "\e673";
  padding-right: 6px;
  color: #FAB505;
}
#headerBlock .top_navi li.status.family {
  width: 140px;
}
#headerBlock .top_navi li.status.family:before {
  color: #9ED405;
}
#headerBlock .top_navi li.status.free:before {
  color: #999999;
}
#headerBlock,
#footerBlock {
  width: 1000px;
  min-height: 100px;
  margin: auto;
}
nav {
  width: 100%;
  background-color: #80C736;
}
#naviBlock {
  width: 1000px;
  height: 40px;
  margin: auto;
  background-color: #80C736;
}
#naviBlock ul {
  display: block;
  padding-top: 1px;
}
#naviBlock ul:after {
  content: " ";
  display: block;
  clear: both;
}
#naviBlock li {
  float: left;
  width: 20%;
  text-align: center;
  border-right: 1px solid #9CCC52;
  border-left: 1px solid #577A26;
  padding: 4px 6px 2px 6px;
}
#naviBlock li:last-child {
  border-right: none;
}
#naviBlock li:first-child {
  border-left: none;
}
#naviBlock li a {
  display: block;
  text-decoration: none;
  font-size: 18px;
  font-size: 1.8rem;
  color: white;
  padding-top: 0px;
}
#naviBlock li a:hover {
  color: #095909;
  background-color: #A8DE17;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin: 0 4px;
}
#naviBlock li a:before {
  font-family: 'icon_00';
  content: "\e627";
  padding-right: 6px;
}
#naviBlock li.paw a:before {
  content: "\e61b";
}
#naviBlock li.color a:before {
  content: "\e908";
}
#naviBlock li.five a:before {
  content: "\e907";
}
#naviBlock li.uranai a:before {
  content: "\e631";
}
#footer_wrapper {
  background-color: #BDA17D;
  border-top: 12px #409116 solid;
}
#footerBlock {
  width: 1000px;
  margin: 0 auto;
  padding: 20px;
}
#footerBlock a {
  color: white;
  text-decoration: none;
}
#footerBlock .copyright {
  width: 100%;
  text-align: center;
  color: white;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 12px;
  line-height: 1.2rem;
  margin-top: 20px;
}
#return_top_btn .btn_jump {
  display: block;
  width: 50px;
  height: 50px;
  background-color: #C2C217;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
#return_top_btn .icon-arrow_up {
  display: block;
  color: white;
  font-size: 34px;
  font-size: 3.4rem;
  padding-top: 7px;
  padding-left: 8px;
}
#article_wrapper {
  width: 1000px;
  margin: auto;
  padding-bottom: 100px;
  background-image: url(../images/common/bg_footer.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #article_wrapper {
    background-image: url(../images/common/bg_footer@2x.png);
    background-size: 489px 67px;
  }
}
#article_wrapper.halloween {
  background-image: url(../images/common/bg_footer_halloween.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #article_wrapper.halloween {
    background-image: url(../images/common/bg_footer_halloween@2x.png);
  }
}
#article_wrapper.winter {
  background-image: url(../images/common/bg_footer_winter.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #article_wrapper.winter {
    background-image: url(../images/common/bg_footer_winter@2x.png);
  }
}
#article_wrapper.xmas {
  background-image: url(../images/common/bg_footer_christmas.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #article_wrapper.xmas {
    background-image: url(../images/common/bg_footer_christmas@2x.png);
  }
}
#article_wrapper.new-year {
  background-image: url(../images/common/bg_footer_new_year.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #article_wrapper.new-year {
    background-image: url(../images/common/bg_footer_new_year@2x.png);
  }
}
#mainBlock {
  float: left;
  width: 660px;
  padding-right: 10px;
  padding-bottom: 100px;
  padding-left: 20px;
  margin-top: 10px;
  margin-right: 10px;
}
#sideBlock {
  float: left;
  width: 300px;
  padding-bottom: 100px;
  margin-top: 10px;
}
#sideBlock:after {
  content: "";
  display: table;
  clear: both;
}
#sideBlock ul.list {
  display: block;
  width: 250px;
  font-size: 17px;
  font-size: 1.7rem;
  border-top: 4px solid #E0D6C7;
  padding: 5px 0;
  margin-left: 20px;
}
#sideBlock ul.list [class^='icon-'] {
  color: #A85C4A;
  font-size: 17px;
  font-size: 1.7rem;
  padding-right: 8px;
}
#sideBlock ul.list li {
  display: block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
  margin: 0 5px 0 10px;
}
#sideBlock ul.list li:hover {
  background-color: #FFDECC;
}
#sideBlock ul.list a {
  display: block;
  padding: 5px 10px 5px 18px;
  text-decoration: none;
}
#sideBlock ul.list a:before {
  font-family: 'icon_00';
  color: #A85C4A;
  font-size: 17px;
  font-size: 1.7rem;
  padding-right: 8px;
}
#sideBlock ul.list a.myroom:before {
  content: "\e65a";
}
#sideBlock ul.list a.animo:before {
  content: "\e903";
}
#sideBlock ul.list a.news:before {
  content: "\e62c";
}
#sideBlock ul.list a.celebrity:before {
  content: "\e921";
}
#sideBlock ul.list a.advise:before {
  content: "\e62d";
}
#sideBlock ul.list a.enquete:before {
  content: "\e61f";
}
#sideBlock ul.list a.star:before {
  content: "\e60e";
}
#sideBlock ul.list a.cafe:before {
  content: "\e911";
}
#sideBlock ul.list a.reportage:before {
  content: "\e922";
}
#sideBlock ul.list a.ysearch:before {
  content: "\e680";
}
#sideBlock ul.list a.ticket:before {
  content: "\e66a";
}
#sideBlock ul.list a.ticket_rev:before {
  content: "\e909";
}
#sideBlock ul.list a.upgrade:before {
  content: "\e619";
}
#sideBlock ul.list a.info:before {
  content: "\e63e";
}
#sideBlock ul.list a.inquiry:before {
  content: "\e623";
}
#sideBlock ul.list a.user:before {
  content: "\e64a";
}
#sideBlock ul.list a.guide:before {
  content: "\e652";
}
#sideBlock ul.list a.tutorial:before {
  content: "\e63f";
}
#sideBlock ul.list a.book:before {
  content: "\e61c";
}
#sideBlock ul.list a.line:before {
  content: "\e682";
}
#sideBlock ul.list a.app:before {
  content: "\e618";
}
#sideBlock ul.list a.dl:before {
  content: "\e62b";
}
#sideBlock ul.list a.comic:before {
  content: "\e90e";
}
#sideBlock ul.list a.tanka:before {
  content: "\e91d";
}
#sideBlock ul.list.contents {
  border-top: 12px solid #E0D6C7;
}
#sideBlock ul.list.other {
  border-bottom: 12px solid #E0D6C7;
}
#sideBlock .ad {
  margin: 10px auto;
}
.mobile_area {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 201;
  width: 100%;
  min-height: 60px;
  background-color: rgba(51, 51, 51, 0.75);
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
  line-height: 13px;
  line-height: 1.3rem;
}
.mobile_area a {
  display: block;
  color: white;
  padding-top: 20px;
}
.breadcrumb {
  background: none;
  margin-top: 10px;
  margin-bottom: 8px;
  position: relative;
}
.breadcrumb ul {
  margin-left: 56px;
  margin-bottom: 5px;
  display: inline-block;
  list-style: none;
}
.breadcrumb ul li {
  float: right;
  padding: 3px;
  background-color: #fff;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  position: relative;
  margin-top: 3px;
  text-decoration: none;
}
.breadcrumb ul li:after {
  font-family: 'icon_00';
  content: "\e644";
}
.breadcrumb ul li:first-of-type:after {
  content: '';
}
.breadcrumb ul li a {
  text-decoration: none;
  font-size: 12px;
  font-size: 1.2rem;
}
.breadcrumb ul li a.free {
  color: #599E17;
}
.breadcrumb ul li a.free .icon {
  color: #599E17;
}
.breadcrumb ul li a.basic {
  color: #A16317;
}
.breadcrumb ul li a.basic .icon {
  color: #A16317;
}
.breadcrumb ul li a.love {
  color: #C25769;
}
.breadcrumb ul li a.love .icon {
  color: #C25769;
}
.breadcrumb ul li a.business {
  color: #598217;
}
.breadcrumb ul li a.business .icon {
  color: #598217;
}
.breadcrumb ul li a.chara {
  color: #3675AB;
}
.breadcrumb ul li a.chara .icon {
  color: #3675AB;
}
.breadcrumb ul li a.fortune {
  color: #6B5496;
}
.breadcrumb ul li a.fortune .icon {
  color: #6B5496;
}
.breadcrumb ul li a.premium {
  color: #946100;
}
.breadcrumb ul li a.premium .icon {
  color: #946100;
}
.breadcrumb ul li a.affinity {
  color: #9C4A29;
}
.breadcrumb ul li a.affinity .icon {
  color: #9C4A29;
}
.breadcrumb ul li a.color {
  color: #293D9C;
}
.breadcrumb ul li a.color .icon {
  color: #293D9C;
}
.breadcrumb ul li a.star_check {
  color: #38B58C;
}
.breadcrumb ul li a.star_check .icon {
  color: #38B58C;
}
.breadcrumb ul li a.spicy {
  color: #8C2E4D;
}
.breadcrumb ul li a.spicy .icon {
  color: #8C2E4D;
}
.breadcrumb ul li a .text_middle {
  display: none;
  opacity: 0;
}
.breadcrumb ul li a:hover .text_middle {
  display: inline-block;
  text-align: center;
  padding-left: 0px;
  opacity: 1;
}
.breadcrumb ul li .start {
  text-align: center;
  color: #9E4D21;
  padding: 2px 6px;
}
.breadcrumb ul li .start:before {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'icon_00';
  content: "\e627";
  vertical-align: -2px;
  padding-right: 3px;
}
.breadcrumb ul li .last {
  width: auto;
  text-align: center;
  padding: 2px 6px;
  color: #A16317;
}
.breadcrumb ul li .last:before {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'icon_00';
  content: "\e61b";
  vertical-align: -2px;
  padding-right: 3px;
}
.breadcrumb ul li .middle {
  width: auto;
  text-align: center;
  padding: 2px 6px;
  color: #A16317;
}
.breadcrumb ul li .middle:before {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'icon_00';
  content: "\e61b";
  vertical-align: -2px;
  padding-right: 3px;
}
.breadcrumb ul li .last.free:before,
.breadcrumb ul li .middle.free:before {
  content: "\e63c";
  color: #599E17;
}
.breadcrumb ul li .last.basic:before,
.breadcrumb ul li .middle.basic:before {
  content: "\e61b";
  color: #A16317;
}
.breadcrumb ul li .last.love:before,
.breadcrumb ul li .middle.love:before {
  content: "\e62a";
  color: #C25769;
}
.breadcrumb ul li .last.business:before,
.breadcrumb ul li .middle.business:before {
  content: "\e643";
  color: #598217;
}
.breadcrumb ul li .last.chara:before,
.breadcrumb ul li .middle.chara:before {
  content: "\e622";
  color: #3675AB;
}
.breadcrumb ul li .last.fortune:before,
.breadcrumb ul li .middle.fortune:before {
  content: "\e631";
  color: #6B5496;
}
.breadcrumb ul li .last.premium:before,
.breadcrumb ul li .middle.premium:before {
  content: "\e634";
  color: #946100;
}
.breadcrumb ul li .last.affinity:before,
.breadcrumb ul li .middle.affinity:before {
  content: "\e614";
  color: #9C4A29;
}
.breadcrumb ul li .last.color:before,
.breadcrumb ul li .middle.color:before {
  content: "\e66b";
  color: #293D9C;
}
.breadcrumb ul li .last.star_check:before,
.breadcrumb ul li .middle.star_check:before {
  content: "\e902";
  color: #38B58C;
}
.breadcrumb ul li .last.spicy:before,
.breadcrumb ul li .middle.spicy:before {
  content: "\e91e";
  color: #8C2E4D;
}
.social_area {
  margin-left: 50px;
}
.sns_btn {
  display: inline-block;
  color: #fff;
  height: 2em;
  width: 2em;
  position: relative;
  font-size: 1.5em;
  border-radius: 0.3125em;
  box-shadow: 0 0.1875em 0.3125em 0 rgba(0, 0, 0, 0.35);
  margin: 0.2em;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}
.sns_btn .count {
  display: block;
  width: 100%;
  text-align: center;
  position: absolute;
  top: -80%;
  font-size: 14px;
  font-size: 1.4rem;
  color: black;
  border: 1px solid #E0D6C7;
  background-color: white;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.sns_btn .count:after,
.sns_btn .count:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.sns_btn .count:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: white;
  border-width: 7px;
  margin-left: -7px;
}
.sns_btn .count:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #E0D6C7;
  border-width: 8px;
  margin-left: -8px;
}
.sns_btn i {
  position: absolute;
  top: 29%;
  left: 50%;
  transform: translateX(-50%);
  overflow: auto;
}
.sns_btn:hover {
  transform: scale(1.2);
  box-shadow: 0 0.3125em 0.9375em 0 rgba(0, 0, 0, 0.4);
}
.sns_btn:active {
  transform: scale(0.9);
  box-shadow: 0 0.125em 0.1875em 0 rgba(0, 0, 0, 0.4);
}
.btn_facebook {
  background: #3b5998;
}
.btn_facebook:hover {
  color: #3b5998;
  background: #fff;
}
.btn_instagram {
  background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%);
}
.btn_instagram:hover {
  background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%);
}
.btn_hatebu {
  background: #00a4de;
}
.btn_hatebu:hover {
  color: #00a4de;
  background: #fff;
}
.btn_hatebu i {
  top: 15%;
}
.btn_hatebu .hatebu {
  font-style: normal;
  font-weight: bold;
}
.btn_twitter {
  background: #55acee;
}
.btn_twitter:hover {
  color: #55acee;
  background: #fff;
}
ul.page_navi {
  display: block;
  text-align: center;
  margin: 20px auto;
}
ul.page_navi a {
  text-decoration: none;
  display: block;
  background-color: #FFBF29;
  color: #A16317;
  text-align: center;
}
ul.page_navi li {
  display: inline-block;
}
ul.page_navi .number {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 34px;
  -moz-border-radius: 34px;
  border-radius: 34px;
  text-align: center;
  color: #9E4D21;
  background-color: white;
  padding-top: 5px;
  z-index: 10;
  position: relative;
}
ul.page_navi .number a {
  display: block;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  text-align: center;
  padding-top: 4px;
  margin: auto;
}
ul.page_navi .number a:hover {
  background-color: #FFDE42;
  color: #D19917;
}
ul.page_navi .number a.select {
  background-color: #F48C03;
  color: white;
}
ul.page_navi .previous,
ul.page_navi .next {
  background-color: #fff;
  width: 80px;
  height: 34px;
  vertical-align: -10px;
  padding-top: 3px;
  position: relative;
  z-index: 0;
}
ul.page_navi .previous a,
ul.page_navi .next a {
  overflow: hidden;
  width: 64px;
  height: 28px;
  padding-top: 3px;
  margin: auto;
}
ul.page_navi .previous {
  margin-right: -24px;
  padding-right: 10px;
}
ul.page_navi .previous a {
  -webkit-border-radius: 32px 0 0 32px;
  -moz-border-radius: 32px 0 0 32px;
  border-radius: 32px 0 0 32px;
}
ul.page_navi .next {
  margin-left: -24px;
  padding-left: 10px;
}
ul.page_navi .next a {
  -webkit-border-radius: 0px 32px 32px 0px;
  -moz-border-radius: 0px 32px 32px 0px;
  border-radius: 0px 32px 32px 0px;
}
.shortcut_area {
  position: relative;
  z-index: 100;
  height: 40px;
}
.shortcut_area .shortcut_wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  border-bottom: 4px solid #E0D6C7;
  background-color: white;
}
.shortcut_area ul {
  display: block;
  width: 1000px;
  height: 26px;
  padding-left: 20px;
  margin: auto;
}
.shortcut_area li {
  float: left;
  position: relative;
  margin-right: 10px;
}
.shortcut_area li a {
  text-decoration: none;
}
.shortcut_area .symbol_new {
  position: absolute;
  top: 30px;
  width: 48px;
  color: white;
  background: #FF8029;
  border: 2px solid #FF8029;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding-top: 0px;
  text-align: center;
}
.shortcut_area .symbol_new:after,
.shortcut_area .arrow_box:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.shortcut_area .symbol_new:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #FF8029;
  border-width: 8px;
  margin-left: -8px;
}
.shortcut_area .symbol_new:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #FF8029;
  border-width: 9px;
  margin-left: -9px;
}
.shortcut_area [class^='category_']:before {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'icon_00';
  vertical-align: -1px;
  padding-right: 0px;
  color: #FFBF29;
}
.shortcut_area .category_free:before {
  content: "\e63b";
  color: #599E17;
}
.shortcut_area .category_basic:before {
  content: "\e61a";
  color: #FFBF29;
}
.shortcut_area .category_love:before {
  content: "\e629";
  color: #FF9EBA;
}
.shortcut_area .category_business:before {
  content: "\e642";
  color: #B0DE29;
}
.shortcut_area .category_chara:before {
  content: "\e621";
  color: #8CD6FF;
}
.shortcut_area .category_fortune:before {
  content: "\e630";
  color: #D1A1FF;
}
.shortcut_area .category_premium:before {
  content: "\e633";
  color: #F2B033;
}
.shortcut_area .category_affinity:before {
  content: "\e613";
  color: #FF8F61;
}
.shortcut_area .category_color:before {
  content: "\e637";
  color: #6996E8;
}
.shortcut_area .category_star_check:before {
  content: "\e901";
  color: #91E0AD;
}
.shortcut_area .category_spicy:before {
  content: "\e91e";
  color: #8C2E4D;
}
.sample {
  height: auto;
  width: 520px;
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  display: none;
  padding: 0px;
  border: 1px solid #E0D6C7;
  box-sizing: border-box;
  -webkit-border-radius: 8px 8px 0px 0px;
  -moz-border-radius: 8px 8px 0px 0px;
  border-radius: 8px 8px 0px 0px;
}
.sample .name {
  font-size: 2rem;
  background-color: #E0D6C7;
  text-align: center;
  -webkit-border-radius: 7px 7px 0px 0px;
  -moz-border-radius: 7px 7px 0px 0px;
  border-radius: 7px 7px 0px 0px;
  padding: 4px 0;
}
.sample .name:before {
  font-size: 22px;
  font-size: 2.2rem;
  font-family: 'icon_00';
  vertical-align: -2px;
  padding-right: 4px;
}
.sample .name.free:before {
  content: "\e63b";
  color: #599E17;
}
.sample .name.basic:before {
  content: "\e63b";
  color: #FFBF29;
}
.sample .name.love:before {
  content: "\e63b";
  color: #FF9EBA;
}
.sample .name.business:before {
  content: "\e63b";
  color: #B0DE29;
}
.sample .name.chara:before {
  content: "\e63b";
  color: #8CD6FF;
}
.sample .name.fortune:before {
  content: "\e63b";
  color: #D1A1FF;
}
.sample .name.premium:before {
  content: "\e63b";
  color: #F2B033;
}
.sample .name.affinity:before {
  content: "\e63b";
  color: #FF8F61;
}
.sample .name.color:before {
  content: "\e63b";
  color: #6996E8;
}
.sample .name.star_check:before {
  content: "\e63b";
  color: #91E0AD;
}
.sample .name.spicy:before {
  content: "\e91e";
  color: #8C2E4D;
}
.sample .sample_body {
  height: 500px;
  background-color: white;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.sample .sample_body img {
  width: auto;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 600px) {
  .sample .sample_body img {
    width: 100%;
  }
}
.sample .modal_close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 6%;
  height: 20px;
  z-index: 1;
  font-size: 20px;
  font-size: 2rem;
}
.sample .modal_close span {
  padding-top: 6px;
  display: block;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  margin: 0px 0px 10px 0px;
  padding: 8px 0 4px 0;
  color: black;
}
.user_entry {
  border-top: 4px solid #E0D6C7;
  border-bottom: 4px solid #E0D6C7;
  padding: 20px 0;
  margin: 20px auto 30px;
}
.audiojs {
  width: 380px;
  height: 36px;
  background: #404040;
  overflow: hidden;
  font-family: monospace;
  font-size: 12px;
  font-size: 1.2rem;
  background: #FF9E10;
  background: #ff9e10;
  background: -moz-linear-gradient(top, #ff9e10 0%, #ff9e10 50%, #ff9e10 50%, #f58f00 51%, #f58f00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9e10), color-stop(50%, #ff9e10), color-stop(50%, #ff9e10), color-stop(51%, #f58f00), color-stop(100%, #f58f00));
  background: -webkit-linear-gradient(top, #ff9e10 0%, #ff9e10 50%, #ff9e10 50%, #f58f00 51%, #f58f00 100%);
  background: -o-linear-gradient(top, #ff9e10 0%, #ff9e10 50%, #ff9e10 50%, #f58f00 51%, #f58f00 100%);
  background: -ms-linear-gradient(top, #ff9e10 0%, #ff9e10 50%, #ff9e10 50%, #f58f00 51%, #f58f00 100%);
  background: linear-gradient(to bottom, #ff9e10 0%, #ff9e10 50%, #ff9e10 50%, #f58f00 51%, #f58f00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9e10', endColorstr='#f58f00', GradientType=0);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin: 26px auto 10px auto;
}
.audiojs .play-pause {
  width: 35px;
  height: 40px;
  padding: 4px 6px;
  margin: 0px;
  float: left;
  overflow: hidden;
  border-right: 1px solid #AA5C27;
}
.audiojs .scrubber {
  position: relative;
  float: left;
  width: 200px;
  background: #5a5a5a;
  height: 14px;
  margin: 10px;
  border-top: 1px solid #B56E03;
  border-left: 0px;
  border-bottom: 0px;
  overflow: hidden;
}
.audiojs .progress {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 14px;
  width: 0px;
  background: #FFEB80;
  z-index: 1;
  background-image: none;
}
.audiojs .loaded {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 14px;
  width: 0px;
  background: #A64D03;
  background-image: none;
}
.audiojs .time {
  float: left;
  height: 36px;
  line-height: 36px;
  line-height: 3.6rem;
  margin: 0px 0px 0px 6px;
  padding: 0px 6px 0px 12px;
  border-left: 1px solid #AA5C27;
  color: white;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}
table.audio td {
  vertical-align: top;
}
.breadcrumb {
  position: relative;
}
.breadcrumb .btn_back {
  display: block;
  text-decoration: none;
  position: absolute;
  left: 14px;
  top: 3px;
  width: 32px;
  height: 32px;
  text-align: center;
  padding-top: 4px;
  color: white;
  background-color: #85755E;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
[class^='category_'] h1:before {
  font-size: 22px;
  font-size: 2.2rem;
  font-family: 'icon_00';
  vertical-align: -2px;
  padding-right: 4px;
}
.category_free h1:before {
  content: "\e63b";
  color: #599E17;
}
.category_basic h1:before {
  content: "\e61a";
  color: #FFBF29;
}
.category_love h1:before {
  content: "\e629";
  color: #FF9EBA;
}
.category_business h1:before {
  content: "\e642";
  color: #B0DE29;
}
.category_chara h1:before {
  content: "\e621";
  color: #8CD6FF;
}
.category_fortune h1:before {
  content: "\e630";
  color: #D1A1FF;
}
.category_premium h1:before {
  content: "\e633";
  color: #F2B033;
}
.category_affinity h1:before {
  content: "\e613";
  color: #FF8F61;
}
.category_color h1:before {
  content: "\e637";
  color: #6996E8;
}
.category_star_check h1:before {
  content: "\e901";
  color: #91E0AD;
}
.category_spicy h1:before {
  content: "\e91e";
  color: #8C2E4D;
}
.uranai_input {
  border-top: 4px solid #E0D6C7;
  border-bottom: 4px solid #E0D6C7;
  padding: 20px 0;
  margin: 10px auto 30px;
}
.uranai_input .left {
  border-right: 1px dotted #AD9682;
}
.uranai_input .right {
  border-left: 1px dotted #AD9682;
}
[class^='input_area'] {
  margin: 10px auto;
  padding: 6px;
}
[class^='input_area'] legend {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  border-bottom: 1px dotted #AD9682;
  padding-bottom: 6px;
}
[class^='input_area'] table {
  width: 100%;
}
[class^='input_area'] table th {
  width: 25%;
}
[class^='input_area'] th,
[class^='input_area'] td {
  vertical-align: middle;
  padding: 6px 4px;
}
[class^='input_area'] td div {
  display: inline;
}
[class^='input_area'] input[type="radio"] {
  vertical-align: -6px;
}
[class^='input_area'] .input_form {
  margin-bottom: 4px;
  max-width: 170px;
}
[class^='input_area'] label[for^="method_select"],
[class^='input_area'] label[for^="method_input"],
[class^='input_area'] label[for^="blood_type_"],
[class^='input_area'] label[for^="gender_m"],
[class^='input_area'] label[for^="gender_f"] {
  display: inline;
  background: #b9b9b9;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 3px 6px;
  cursor: pointer;
}
[class^='input_area'] input[name^="method"]:checked ~ label[for^="method_select"],
[class^='input_area'] input[name="method2"]:checked ~ label[for="method_select2"],
[class^='input_area'] input[name^="method"]:checked ~ label[for^="method_input"],
[class^='input_area'] input[name="method2"]:checked ~ label[for="method_input2"],
[class^='input_area'] input[id^="blood_type_"]:checked + label[for^="blood_type_"] {
  background: #FFA600;
  cursor: pointer;
  border: 1px solid #FFA600;
}
[class^='input_area'] input[id^="gender_m"]:checked + label[for^="gender_m"] {
  background: #61A8FF;
  color: white;
}
[class^='input_area'] input[id^="gender_f"]:checked + label[for^="gender_f"] {
  background: #FF82A1;
  color: white;
}
[class^='input_area'] .btn_uranai {
  display: block;
  width: 140px;
  height: 34px;
  background-color: #9C73CC;
  text-align: center;
  position: relative;
  padding: 0 4px;
  margin: auto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #9C73CC;
}
[class^='input_area'] .btn_uranai:before {
  position: absolute;
  top: 0px;
  left: 12px;
  font-family: 'icon_00';
  content: "\e631";
  color: white;
  font-size: 19px;
  font-size: 1.9rem;
}
[class^='input_area'] .btn_uranai input,
[class^='input_area'] .btn_uranai button {
  display: block;
  width: 98%;
  height: 100%;
  margin: auto;
  border: none;
  background: none;
  color: white;
  font-size: 17px;
  font-size: 1.7rem;
}
[class^='input_area'] .btn_uranai input:hover,
[class^='input_area'] .btn_uranai button:hover {
  color: #874AAB;
}
[class^='input_area'] .btn_uranai input:before,
[class^='input_area'] .btn_uranai button:before {
  color: #874AAB;
}
[class^='input_area'] .btn_uranai:hover {
  background-color: white;
  border: 1px solid #874AAB;
}
[class^='input_area'] .btn_uranai:hover input {
  color: #874AAB;
}
[class^='input_area'] .btn_uranai:hover:before {
  color: #874AAB;
}
[class^='input_area'] a.btn_uranai {
  padding-top: 4px;
  font-size: 17px;
  font-size: 1.7rem;
}
a.btn_uranai {
  display: inline-block;
  min-width: 140px;
  height: 34px;
  font-size: 17px;
  font-size: 1.7rem;
  color: white;
  background-color: #9C73CC;
  text-align: center;
  position: relative;
  padding: 4px 4px 0;
  margin: auto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #9C73CC;
  text-decoration: none;
}
a.btn_uranai.large {
  min-width: 200px;
}
a.btn_uranai:before {
  position: absolute;
  top: 0px;
  left: 12px;
  font-family: 'icon_00';
  content: "\e631";
  color: white;
  font-size: 19px;
  font-size: 1.9rem;
}
a.btn_uranai:hover {
  background-color: white;
  border: 1px solid #874AAB;
  color: #874AAB;
}
a.btn_uranai:hover:before {
  color: #874AAB;
}
select[name*="who"],
select[name="who2"] {
  width: 75%;
  text-overflow: ellipsis;
}
.input_area .btn_status {
  color: #856B54;
  padding: 4px 10px;
  text-align: center;
  border: 1px solid #D89D27;
  background-color: #FFFFFF;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
  min-width: 50%;
  max-width: 80%;
  margin: 4px auto;
  cursor: pointer;
}
.input_area .btn_status span {
  color: #FAB505;
}
.input_area .btn_area li > button span {
  padding-right: 4px;
  font-size: 16px;
  font-size: 1.6rem;
}
[class^="input_select"] {
  margin: 0;
  text-align: center;
}
[class^="input_select"] [id^="label_select"] {
  margin-bottom: 10px;
}
[class^="input_select"] [id^="label_select"] .body {
  padding-left: 32px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
[class^="input_select"] [id^="label_select"] .body > div {
  margin-bottom: 8px;
}
[class^="input_select"] [id^="label_select"] .body.close {
  height: 0px;
  overflow: hidden;
}
[class^="input_select"] [id^="label_select"] .body.open {
  display: block;
  height: auto;
  margin-top: 10px;
}
[class^="input_select"] [id^="label_input"] {
  margin-bottom: 10px;
}
[class^="input_select"] [id^="label_input"] .body {
  height: 0px;
  overflow: hidden;
  padding-left: 32px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
[class^="input_select"] [id^="label_input"] .body > div {
  margin-bottom: 8px;
}
[class^="input_select"] [id^="label_input"] .body.close {
  height: 0px;
  overflow: hidden;
}
[class^="input_select"] [id^="label_input"] .body.open {
  display: block;
  height: auto;
  margin-top: 10px;
}
[class^="input_select"] label[for^='method_'] {
  width: 220px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  padding: 3px 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
[class^="input_select"] select[name*="who"],
[class^="input_select"] select[name="who2"] {
  width: 230px;
  text-overflow: ellipsis;
}
strong {
  font-weight: bold;
}
.result_title {
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
.result_title .inner {
  display: inline-block;
  background-color: #FFDE6B;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 4px 20px;
  font-size: 18px;
  font-size: 1.8rem;
}
#free .result_title .inner {
  background-color: #FFDE6B;
}
#basic .result_title .inner {
  background-color: #FFDE6B;
}
#chara .result_title .inner {
  background-color: #E6FFFF;
}
#fortune .result_title .inner {
  background-color: #FFDEFF;
}
#love .result_title .inner {
  background-color: #FFE8F5;
}
#affinity .result_title .inner {
  background-color: #FFD1BD;
}
#business .result_title .inner {
  background-color: #FAFF9E;
}
#premium .result_title .inner {
  background-color: #FFFFB9;
}
#color .result_title .inner {
  background-color: #E8F0F5;
}
#star_check .result_title.inner {
  background-color: #C9F2C2;
}
.result_text {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 10px 14px 10px 14px;
  line-height: 1.8;
}
.result_chara-name {
  padding: 6px 16px 6px 16px;
  font-size: 19px;
  font-size: 1.9rem;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #FFDE6B;
}
.result_chara-name [class^="icon-"] {
  font-size: 28px;
  font-size: 2.8rem;
  vertical-align: middle;
}
#free .result_chara-name {
  background-color: #FFDE6B;
}
#basic .result_chara-name {
  background-color: #FFDE6B;
}
#chara .result_chara-name {
  background-color: #E6FFFF;
}
#fortune .result_chara-name {
  background-color: #FFDEFF;
}
#love .result_chara-name {
  background-color: #FFE8F5;
}
#affinity .result_chara-name {
  background-color: #FFD1BD;
}
#business .result_chara-name {
  background-color: #FAFF9E;
}
#premium .result_chara-name {
  background-color: #FFFFB9;
}
#color .result_chara-name {
  background-color: #E8F0F5;
}
#star_check .result_chara-name {
  background-color: #C9F2C2;
}
img.chara_area {
  border: 4px solid #FFAD4D;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
#fortune .chara_area_color,
#free .chara_area_color,
#basic .chara_area_color,
#color .chara_area_color,
#chara .chara_area_color,
#love .chara_area_color,
#business .chara_area_color,
#star_check .chara_area_color {
  text-align: center;
  width: 235px;
  background-image: url(../images/uranai/uranai_12chara/bg_chara_area.png);
  background-position: bottom;
  background-repeat: no-repeat;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
}
.chara_area_color2 {
  width: 480px;
  height: 247.5px;
  text-align: center;
  margin: 10px auto;
  border: 2px solid #d4d4d4;
}
.chara_area_color2 img {
  max-width: 100%;
}
.uranai_user {
  padding-top: 20px;
  text-align: center;
  margin-bottom: 10px;
}
.uranai_user .inner {
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  padding: 4px 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  word-break: break-all;
  background-color: #FFDE6B;
}
#free .uranai_user .inner {
  background-color: #FFDE6B;
}
#basic .uranai_user .inner {
  background-color: #FFDE6B;
}
#chara .uranai_user .inner {
  background-color: #E6FFFF;
}
#fortune .uranai_user .inner {
  background-color: #FFDEFF;
}
#love .uranai_user .inner {
  background-color: #FFE8F5;
}
#affinity .uranai_user .inner {
  background-color: #FFD1BD;
}
#business .uranai_user .inner {
  background-color: #FAFF9E;
}
#premium .uranai_user .inner {
  background-color: #FFFFB9;
}
#color .uranai_user .inner {
  background-color: #E8F0F5;
}
#star_check .uranai_user .inner {
  background-color: #C9F2C2;
}
.my_luck_day .icon-calendar {
  font-size: 30px;
  font-size: 3rem;
  vertical-align: middle;
}
.my_luck_day .arrow_box_date {
  display: inline-block;
  position: relative;
  background: #ffffff;
  color: #8C4D33;
  margin-left: 10px;
  padding: 8px 10px 4px 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  letter-spacing: 0.3rem;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  vertical-align: middle;
}
.my_luck_day .arrow_box_date:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 6px;
  margin-top: -6px;
}
.my_luck_day .arrow_box_date > span {
  font-size: 20px;
  font-size: 2rem;
}
.my_luck_day .arrow_box_date .month {
  font-size: 14px;
  font-size: 1.4rem;
  color: #C79952;
}
.my_luck_day table.link_area {
  width: 75%;
  margin: 4px auto;
  border: 1px solid #E0D6C7;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.my_luck_day table.link_area td {
  text-align: center;
}
.my_luck_day .btn_link {
  color: #6B4063;
  padding: 4px 14px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  background-color: #E8D4C9;
}
.my_luck_day .btn_link:hover {
  opacity: 0.75;
}
.my_luck_day .btn_nonlink {
  color: #6B4063;
  padding: 4px 14px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-weight: bold;
  text-decoration: none;
  opacity: 0;
}
.my_luck_day div.heading_total,
.my_luck_day div.heading_love,
.my_luck_day div.heading_money,
.my_luck_day div.heading_business {
  min-height: 28px;
  height: auto;
  padding: 8px 0px 0px 10px;
  font-size: 18px;
  font-size: 1.8rem;
  color: white;
  letter-spacing: 0.2rem;
  border-top: 1px solid #E3AD4A;
  border-left: 1px solid #E3AD4A;
  border-right: 1px solid #E3AD4A;
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
}
.my_luck_day div.heading_total [class^="icon"],
.my_luck_day div.heading_love [class^="icon"],
.my_luck_day div.heading_money [class^="icon"],
.my_luck_day div.heading_business [class^="icon"] {
  color: white !important;
}
.my_luck_day div.heading_total {
  background-image: url(../images/common/bg_purple.png);
}
.my_luck_day div.heading_love {
  background-image: url(../images/common/bg_pink.png);
}
.my_luck_day div.heading_money {
  background-image: url(../images/common/bg_orange.png);
}
.my_luck_day div.heading_business {
  background-image: url(../images/common/bg_green.png);
}
.my_luck_day .result_table {
  width: 100%;
  margin: 14px auto;
}
.my_luck_day .result_table .chara_area-my_luck {
  width: 24%;
  text-align: center;
  vertical-align: middle;
}
.my_luck_day .chara_area img,
.my_luck_day .result_table .chara_area-my_luck img {
  width: 100%;
  max-width: 109px;
}
.my_luck_day .icon-star,
.my_luck_day .icon-heart,
.my_luck_day .icon-coin,
.my_luck_day .icon-bag {
  color: white;
  padding-right: 4px;
}
.my_luck_day .result_text_area {
  border-bottom: 1px solid #E3AD4A;
  border-left: 1px solid #E3AD4A;
  border-right: 1px solid #E3AD4A;
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
  background-color: #FFFACC;
  padding: 6px;
}
.push_uranai {
  margin-top: 30px;
  margin-bottom: 30px;
}
.push_uranai h2 {
  margin-bottom: 20px;
}
.push_uranai h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  padding-left: 10px;
  margin-top: 20px;
  border-bottom: none;
}
.push_uranai h3:before {
  font-size: 20px;
  font-size: 2rem;
  font-family: 'icon_00';
  content: "\e907";
  padding-right: 6px;
}
.push_uranai h3.free:before {
  content: "\e63b";
  color: #78B300;
}
.push_uranai h3.basic:before {
  content: "\e61a";
  color: #FF7808;
}
.push_uranai h3.chara:before {
  content: "\e621";
  color: #61A6FF;
}
.push_uranai h3.fortune:before {
  content: "\e630";
  color: #D1A1FF;
}
.push_uranai h3.love:before {
  content: "\e629";
  color: #EB6194;
}
.push_uranai h3.business:before {
  content: "\e642";
  color: #6BAD38;
}
.push_uranai h3.affinity:before {
  content: "\e613";
  color: #BD3B40;
}
.push_uranai h3.premium:before {
  content: "\e633";
  color: #E69C15;
}
.push_uranai h3.color:before {
  content: "\e637";
  color: #3B6EB5;
}
.push_uranai h3.star_check:before {
  content: "\e901";
  color: #91E0AD;
}
.push_uranai .inner {
  padding: 0px 14px 6px 14px;
  border-bottom: 1px dotted #AD9682;
}


.group_politician ,
.group_politician li,
.group_politician a,
.group_politician div,
.group_politician p,
.group_politician span,
.group_politician img{
  box-sizing: border-box;
}
.group_politician a{
  text-decoration: none;
}
.group_politician a:hover {
  opacity: .5;
}
.group_politician li{
  border-bottom: dotted 2px #E0D6C7;
  padding: 15px 10px;
}
.group_politician li:after {
  content: "";
  display: block;
  clear: both;
}

.group_politician li:before {
  content: "";
  display: block;
  clear: both;
}
.group_politician li:not(:last-child) {
  margin-bottom: 20px;
}
.group_politician .flex{
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: flex-end;
  -webkit-align-items: flex-end;
}
.group_politician .position{
  border-left: solid 8px #383838;
  padding: 10px 20px;
  line-height: 1.2;
  width: 50%;
}
.group_politician .wrap{
  width: 50%;
  text-align: center;
}
.group_politician .img_area img{
  width: 100px;
}

.group_politician .name{
  color: #CC4500;
  font-size: 17px;
  text-align: center;
}
.group_politician .text{
  border-top: solid 2px #E0D6C7;
  padding-top: 10px;
  margin-top: 10px;
  line-height: 1.8;
}
.group_politician .btn_more {
  color: white;
  background: #E08C5C;
  text-align: center;
  border-radius: 4px;
  padding: 2px 4px;
  display: inline-block;
  float: right;
  margin-top: 5px;
}
.general_comment_area .img_area{
  text-align: center;
  margin-top: 20px;
}
.general_comment_area .img_area img{
  max-width: 100%;
  width: auto;
}
.general_comment_area .title_img{
  width: 50%;
}