@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;
}
#headerBlock h1 {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
}
#mainBlock {
  float: left;
  width: 660px;
  padding-right: 0px;
  padding-bottom: 100px;
  padding-left: 20px;
  padding-top: 0px;
  margin-top: 40px;
  margin-right: 10px;
}
#mainBlock .headline {
  text-align: left;
  font-size: 19px;
  font-size: 1.9rem;
  background-color: #E0D6C7;
  padding: 5px 0 1px 16px;
  margin-top: 0;
  margin-bottom: 0px;
  font-weight: normal;
}
#mainBlock .headline:before {
  font-size: 21px;
  font-size: 2.1rem;
  font-family: 'icon_00';
  padding-right: 8px;
  vertical-align: -2px;
}
#mainBlock .headline.recommend:before {
  content: "\e90a";
}
#mainBlock .headline.purpose:before {
  content: "\e63f";
}
#mainBlock .headline.chara12:before {
  content: "\e61b";
}
#mainBlock .headline.what:before {
  content: "\e679";
}
#mainBlock .headline.news:before {
  content: "\e921";
}
#mainBlock .headline.good:before {
  content: "\e928";
}
#mainBlock .headline.happy {
  font-size: 18px;
  font-size: 1.8rem;
  padding: 5px 2px 1px 10px;
}
#mainBlock .headline.happy:before {
  content: "\e63c";
  padding-right: 6px;
}
#mainBlock .headline.info:before {
  content: "\e63e";
}
#sideBlock {
  margin-top: 40px;
}
[id^='section'] {
  margin-bottom: 60px;
}
#section1 .column1 {
  margin-right: 30px;
}
#section1 .column2 {
  margin-top: 2em;
}
#section1 .column2 ul {
  margin: 10px auto 0px auto;
  display: grid;
  width: 100%;
  column-gap: 2em;
  grid-template-columns: repeat(2, auto);
}
#section1 .column2 li {
  border: 2px solid #FFB8C9;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 2px 0 2px 15px;
  margin-bottom: 10px;
  width: 100%;
}
#section1 .column2 a {
  display: block;
  text-decoration: none;
}
#section1 .column2 a:before {
  font-family: 'icon_00';
  content: "\e61b";
  padding-right: 6px;
  color: #FF6373;
  font-size: 18px;
  font-size: 1.8rem;
  vertical-align: -2px;
}
#section1 .column2 li.color {
  border-color: #FFB84F;
}
#section1 .column2 li.color a:before {
  content: "\e908";
  color: #FF7A1A;
}
#section1 .column2 li.five {
  border-color: #85B0ED;
}
#section1 .column2 li.five a:before {
  content: "\e907";
  color: #4575B5;
}
#section1 .column2 li.affinity {
  border-color: #D9808F;
}
#section1 .column2 li.affinity a:before {
  content: "\e614";
  color: #B54D47;
}
#section1 .column2 li.talent {
  border-color: #75BF75;
}
#section1 .column2 li.talent a:before {
  content: "\e902";
  color: #476B4D;
}
#section1 .column2 li.line {
  border-color: #A3F070;
}
#section1 .column2 li.line a:before {
  content: "\e682";
  color: #75B02B;
}
#section2 .column1 {
  width: 100%;
}
#section2 .column1 .animal_group {
  text-align: center;
}
#section2 .column1 .animal_group [id^='slide_animal_text_'] {
  display: block;
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
  background: #ffffff;
  border: 1px solid #CCBFAB;
  padding: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
#section2 .column1 .animal_group [id^='slide_animal_text_']:after,
#section2 .column1 .animal_group [id^='slide_animal_text_']:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#section2 .column1 .animal_group [id^='slide_animal_text_']:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 8px;
  margin-left: -8px;
}
#section2 .column1 .animal_group [id^='slide_animal_text_']:before {
  border-color: rgba(204, 191, 171, 0);
  border-top-color: #CCBFAB;
  border-width: 9px;
  margin-left: -9px;
}
#section2 .column1 .animal_group [id^='slide_animal_btn_'] {
  font-size: 16px;
  font-size: 1.6rem;
  border: 1px solid #CCBFAB;
  display: inline-block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  padding: 3px 0;
  margin-top: 6px;
  cursor: pointer;
}
#section2 .column1 .animal_group [id^='slide_animal_btn_']:before {
  position: absolute;
  left: 10px;
  top: 5px;
  width: 20px;
  height: 20px;
  content: '';
}
#section2 .column1 .animal_group [id^='slide_animal_btn_']:hover {
  background-color: #E8DBBF;
  border: 1px solid #E8DBBF;
}
#section2 .column1 .animal_group #slide_animal_btn_1 {
  width: 180px;
  margin-right: 10px;
}
#section2 .column1 .animal_group #slide_animal_btn_1:before {
  background-image: url(../images/index/SlideAnimal_icon_earth.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#section2 .column1 .animal_group #slide_animal_btn_2 {
  width: 180px;
  margin-right: 10px;
}
#section2 .column1 .animal_group #slide_animal_btn_2:before {
  background-image: url(../images/index/SlideAnimal_icon_sun.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#section2 .column1 .animal_group #slide_animal_btn_3 {
  width: 220px;
}
#section2 .column1 .animal_group #slide_animal_btn_3:before {
  background-image: url(../images/index/SlideAnimal_icon_fullmoon.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#section2 .column1 .animal_group #slide_animal_btn_3:after {
  position: absolute;
  right: 10px;
  top: 5px;
  width: 20px;
  height: 20px;
  content: '';
  background-image: url(../images/index/SlideAnimal_icon_newmoon.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#section3 .column1 {
  width: 100%;
}
#section5{
  margin-bottom: 30px;
}
#section5 .good_ranking_area{
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  box-sizing: border-box;
}
#section5 .good_ranking_area >div{
  width: 140px;
  box-sizing: border-box;
}
#section5 .good_ranking_area .img_area{
  width: 100%;
  box-sizing: border-box;
}
#section5 .good_ranking_area .good_ranking_nickname{
  margin-bottom: 5px;
  word-break: break-all;
}
#section5 .good_ranking_area .img_area img{
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
#section5 .good_ranking_area .rank_01 .img_area img{
  border: solid 4px #fd5200;
}
#section5 .good_ranking_area .rank_02 .img_area img{
  border: solid 4px #bcbcbc;
}
#section5 .good_ranking_area .rank_03 .img_area img{
  border: solid 4px #963100;
}
#section5 .good_ranking_area .num{
  width: 80px;
  color: #FFF;
  text-align: center;
  padding: 7px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 15px;
  line-height: 1;
}
#section5 .good_ranking_area .rank_01 .num{
  background: #fe9701;
}
#section5 .good_ranking_area .rank_02 .num{
  background: #bcbcbc;
}
#section5 .good_ranking_area .rank_03 .num{
  background: #963100;
}
#section5 .btn_area{
  margin-top: 20px;
  text-align: center;
}
#section4 .column1 {
  float: left;
  width: 410px;
  margin-right: 30px;
  margin-bottom: 30px;
}
#section4 .column1 .news_area {
  padding: 6px;
}
#section4 .column1 .news_area a {
  text-decoration: none;
}
#section4 .column1 .news_area .title {
  font-size: 18px;
  font-size: 1.8rem;
  border-bottom: 2px dotted #AD9682;
  margin-bottom: 8px;
}
#section4 .column1 .news_area #entry p {
  display: inline;
}
#section4 .column3 {
  float: left;
  width: 410px;
  position: relative;
}
#section4 .column3 dl {
  display: block;
  padding: 10px 6px;
}
#section4 .column3 dl a {
  text-decoration: none;
}
#section4 .column3 dt {
  font-size: 14px;
  font-size: 1.4rem;
  color: #A85E49;
}
#section4 .column3 dt:before {
  font-size: 20px;
  font-size: 2rem;
  vertical-align: -3px;
  padding-right: 6px;
  font-family: 'icon_00';
}
#section4 .column3 dt.clover_rev:before {
  color: #A8E300;
  content: '\e63a';
}
#section4 .column3 dt.paw_rev:before {
  color: #FF7808;
  content: '\e669';
}
#section4 .column3 dt.man_rev:before {
  color: #7FDBF4;
  content: '\e64a';
}
#section4 .column3 dt.crystal_ball_rev:before {
  color: #D47AEA;
  content: '\e632';
}
#section4 .column3 dt.heart_rev:before {
  color: #FF9FE8;
  content: '\e628';
}
#section4 .column3 dt.ribbon_rev:before {
  color: #FF8270;
  content: '\e674';
}
#section4 .column3 dt.bag_rev:before {
  color: #A8DE17;
  content: '\e641';
}
#section4 .column3 dt.crown_rev:before {
  color: #FFD00B;
  content: '\e672';
}
#section4 .column3 dt.color_rev:before {
  color: #3B6EB5;
  content: '\e667';
}
#section4 .column3 dt.star_rev:before {
  color: #C2C217;
  content: '\e652';
}
#section4 .column3 dt.doubleballoon:before {
  color: #C2C217;
  content: '\e657';
}
#section4 .column3 dt.memo_rev:before {
  color: #C2C217;
  content: '\e66c';
}
#section4 .column3 dt.exclamation_rev:before {
  color: #C2C217;
  content: '\e651';
}
#section4 .column3 dt.comic_rev:before {
  color: #C2C217;
  content: '\e90c';
}
#section4 .column3 dt.stamp_rev:before {
  color: #C2C217;
  content: '\e681';
}
#section4 .column3 dt.animo_rev:before {
  color: #C2C217;
  content: '\e681';
}
#section4 .column3 dt {
  font-size: 14px;
  font-size: 1.4rem;
  color: #A85E49;
}
#section4 .column3 dd {
  font-size: 15px;
  font-size: 1.5rem;
  border-bottom: 2px dotted #AD9682;
  padding: 0 6px 4px 6px;
}
#section4 .column3 dd:last-child {
  border: none;
}
#section4 .column3 .btn_area {
  position: absolute;
  right: 10px;
  top: 9px;
}
#section4 .column3 .btn_area a {
  text-decoration: none;
}
#section4 .column3 .btn_area .icon-cross {
  font-size: 20px;
  font-size: 2rem;
  color: #333333;
}
#section4 .column2 {
  float: right;
  width: 220px;
  margin-bottom: 10px;
}
#section4 .column2 .happy_chara_body {
  padding: 0px 6px 10px;
}
#section4 .column2 .chara_image {
  display: block;
  margin: auto;
  background-repeat: no-repeat;
}
#section4 .column2 .chara_image.bg_color_0 {
  background-image: url(../images/animal/color/bg_00.png);
}
#section4 .column2 .chara_image.bg_color_1 {
  background-image: url(../images/animal/color/bg_01.png);
}
#section4 .column2 .chara_image.bg_color_2 {
  background-image: url(../images/animal/color/bg_02.png);
}
#section4 .column2 .chara_image.bg_color_3 {
  background-image: url(../images/animal/color/bg_03.png);
}
#section4 .column2 .chara_image.bg_color_4 {
  background-image: url(../images/animal/color/bg_04.png);
}
#section4 .column2 .chara_image.bg_color_5 {
  background-image: url(../images/animal/color/bg_05.png);
}
#section4 .column2 .chara_image.bg_color_6 {
  background-image: url(../images/animal/color/bg_06.png);
}
#section4 .column2 .chara_image.bg_color_7 {
  background-image: url(../images/animal/color/bg_07.png);
}
#section4 .column2 .chara_image.bg_color_8 {
  background-image: url(../images/animal/color/bg_08.png);
}
#section4 .column2 .chara_image.bg_color_9 {
  background-image: url(../images/animal/color/bg_09.png);
}
#section4 .column2 .chara_name {
  text-align: center;
  background-color: #E0D6C7;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  padding: 4px 0;
}
#section4 .column2 .chara_name .icon-circle {
  vertical-align: -1px;
}
#section4 .column2 .chara_name .icon-circle.color_0 {
  color: #FFD600;
}
#section4 .column2 .chara_name .icon-circle.color_1 {
  color: #4FC900;
}
#section4 .column2 .chara_name .icon-circle.color_2 {
  color: #F53000;
}
#section4 .column2 .chara_name .icon-circle.color_3 {
  color: #FF6E00;
}
#section4 .column2 .chara_name .icon-circle.color_4 {
  color: #7D2100;
}
#section4 .column2 .chara_name .icon-circle.color_5 {
  color: #000000;
}
#section4 .column2 .chara_name .icon-circle.color_6 {
  color: #D19C00;
}
#section4 .column2 .chara_name .icon-circle.color_7 {
  color: #A6A6A6;
}
#section4 .column2 .chara_name .icon-circle.color_8 {
  color: #2E4DFF;
}
#section4 .column2 .chara_name .icon-circle.color_9 {
  color: #914DFF;
}
#section4 .column2 .star_name {
  display: block;
  padding: 10px ;
}
#section4 .column2 .star_name li {
  padding: 2px 4px 2px 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#section4 .column4 {
  float: right;
  width: 220px;
}
#section4 .column4 p {
  margin-bottom: 10px;
}
#section4 .column4 .body {
  text-align: center;
  padding: 10px 12px 10px 12px;
}
#advert_space .icon-fortune_luck3 {
  color: white;
}
#advert_space .icon-select01_circle {
  color: white;
}
#advert_space h3 {
  padding: 0;
}
#advert_space img {
  max-width: 100%;
  width: 420px;
}
#advert_space [id^="img_btn_"] {
  -moz-text-shadow: 1px 1px 3px #111111;
  -webkit-text-shadow: 1px 1px 3px #111111;
  -ms-text-shadow: 1px 1px 3px #111111;
  text-shadow: 1px 1px 3px #111111;
}
.recommend_menu_list {
  width: 100%;
  height: auto;
}
.recommend_menu_list li {
  float: left;
  width: 50%;
  border-right: 1px #CCBFB5 dotted;
  border-bottom: 1px #CCBFB5 dotted;
  padding: 2px 0 2px 10px;
}
.recommend_menu_list li:nth-of-type(even) {
  border-right: none;
}
.recommend_menu_list li:nth-of-type(3) {
  /*border-bottom: none;*/
}
.recommend_menu_list li:nth-of-type(4) {
  /*border-bottom: none;*/
}
.recommend_menu_list li a {
  text-decoration: none;
  display: block;
}
.recommend_menu_list h3 {
  display: inline;
  font-size: 15px;
  font-size: 1.5rem;
  border-bottom: none;
}
.recommend_menu_list h3:before {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'icon_00';
  vertical-align: -1px;
  padding-right: 2px;
}
.recommend_menu_list h3.paw:before {
  content: "\e669";
  color: #FF7808;
}
.recommend_menu_list h3.clover:before {
  content: "\e63a";
  color: #A8E300;
}
.recommend_menu_list h3.man:before {
  color: #7FDBF4;
  content: '\e64a';
}
.recommend_menu_list h3.crystal_ball:before {
  color: #D47AEA;
  content: '\e632';
}
.recommend_menu_list h3.heart:before {
  color: #FF9FE8;
  content: '\e628';
}
.recommend_menu_list h3.ribbon:before {
  color: #FF8270;
  content: '\e674';
}
.recommend_menu_list h3.bag:before {
  color: #A8DE17;
  content: '\e641';
}
.recommend_menu_list h3.crown:before {
  color: #FFD00B;
  content: '\e672';
}
.recommend_menu_list h3.color:before {
  color: #3B6EB5;
  content: '\e667';
}
.recommend_menu_list h3.star:before {
  color: #C2C217;
  content: '\e652';
}
.recommend_menu_list h3.doubleballoon:before {
  color: #C2C217;
  content: '\e657';
}
.recommend_menu_list h3.memo:before {
  color: #C2C217;
  content: '\e66c';
}
.recommend_menu_list h3.exclamation:before {
  color: #C2C217;
  content: '\e651';
}
.recommend_menu_list h3.comic:before {
  color: #383838;
  content: '\e90c';
}
.recommend_menu_list h3.stamp:before {
  color: #66CC00;
  content: '\e681';
}
.recommend_menu_list h3.animo:before {
  color: #FF6E17;
  content: '\e903';
}
.recommend_menu_list h3.repo:before {
  content: "\e922";
  color: #599E17;
}
.recommend_menu_list h3.alexa:before {
  content: "\e911";
  color: #D47AEA;
}
.recommend_menu_list h3.school_nurse:before {
  display: inline-block;
  background-image: url(../fonts/school_nurse.svg);
  content: '';
  width: 15px;
  height: 17px;
  background-size: contain;
  vertical-align: middle;
  margin-right: 1px;
}
.text_center{
  text-align: center!important;
}