/*** CSS Utilities Common ***/
/* Font Face */
@font-face {
  font-family: 'cinzel-regular';
  src: url('../../fonts/cinzel-regular.otf') format('opentype');
}
@font-face {
  font-family: 'helvetica-light';
  src: url('../../fonts/helvetica-light.woff') format('woff');
}
@font-face {
  font-family: 'hiragino-sans-gb-w6';
  src: url('../../fonts/hiragino-sans-gb-w6.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/hiragino-sans-gb-w6.woff') format('woff'), /* Pretty Modern Browsers */
       url('../../fonts/hiragino-sans-gb-w6.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'sofia-pro-soft';
  src: url('../../fonts/sofia-pro-soft.woff') format('woff'), /* Pretty Modern Browsers */
       url('../../fonts/sofia-pro-soft.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* Font Utilities */
.font_cinzel_regular { font-family: 'cinzel-regular'; }
.font_helvetica_light { font-family: 'helvetica-light'; }
.font_hiragino_sans_gb_w6 { font-family: 'hiragino-sans-gb-w6'; }
.font_yugothic { font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;  }
.font_yugothi_bold { font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;  font-weight: bold; }
.font_yugothi_medium { font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif; font-weight: 500; }
.font_sofia_pro_soft { font-family: 'sofia-pro-soft'; }

/* Utilities START */
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.relative { position: relative; }
.no-outline { outline: 0; }
.cursor_pointer { cursor: pointer; }
.pre_wrap { white-space: pre-wrap; }
/* Utilities START */

/* Viewport START */
.viewport {
  position: relative;
  overflow: hidden;
}
.viewport img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.viewport.fill img { width: 100%; height: 100%; object-fit: cover; }
.viewport.fill_v img { height: 100%; min-width: 100%; }
.viewport.fill_h img { width: 100%; min-height: 100%; }
.viewport.fit img { width: 100%; height: 100%; object-fit: contain; }
.viewport.fit_v img { height: auto; max-width: 100%; }
.viewport.fit_h img { width: 100%; max-height: 100%; }
.viewport.center img { max-width: 100%; max-height: 100%; }
.viewport.stretch img { width: 100%; height: 100%; }
/* Viewport END */

/* img START */
.img-f_cov{object-fit: cover;}
.img-f_con{object-fit: contain;}
.img-pt{object-position: top;}
/* img END */

/* Button START */
.btn {
  display: inline-block;
  font-family: inherit;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 6px 24px;
  height: 36px;
  font-size: 1rem;
  line-height: 24px;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
}

/* ! ボタン_ ============================== */
[class*="btn_"][class*="thin"]{
  padding: 2px 16px;
  height: 28px;
  box-shadow: 0 1px 3px 0 rgba(97, 17, 108, 0.2);
}
@media screen and (max-width: 390px){
  [class*="btn_"][class*="thin"]{
    padding: 2px 10px;
  }
}

/* ! ボタン_形 ============================== */
[class*="btn_"][class*="round"]{ border-radius: 50px;}

/* ! ボタン_色 ============================== */
[class*="btn_"]{
}
[class*="btn_"][class*="pink"]{
  background: #e6398f;
  border: 1px solid #e6398f;
  color: #fff;
}
[class*="btn_"][class*="pink"]:hover{
  background: #fff;
  color: #e6398f;
}
[class*="btn_"][class*="pink"].icon_heart_pink{
  background-color: #F8F8F8 !important;
  background: url(../../images/online/icoheart_selected.svg) center no-repeat;
}

/*  */
.btnarea_couple{
  display: flex;
  justify-content: center;
}
.btnarea_couple .btn{
  margin: 3px 5px;
}
@media screen and (max-width: 576px){
  .btnarea_couple{
    flex-direction:column-reverse;
  }
}
.btnarea_couple .btn_xxl{
   padding: 6px 46px;
}

/* Button State */
.btn:hover { text-decoration: none; }
.btn.disabled, .btn:disabled { opacity: 0.65; }
a.btn.disabled,
fieldset:disabled a.btn { pointer-events: none; }

/* Button Layout */
.btn_block { display: block; width: 100%; }
.btn_block + .btn_block { margin-top: 0.5rem; }
input[type="submit"].btn_block,
input[type="reset"].btn_block,
input[type="button"].btn_block { width: 100%; }

/* Button Size */
.btn_sm { padding: 4px 16px; height: 30px; line-height: 22px; }
.btn_lg { padding: 6px 36px; height: 40px; line-height: 28px; }
.btn_xl { padding: 6px 48px; height: 46px; line-height: 34px; }
.btn_xxl { padding: 6px 96px; height: 70px; font-size: 18px; line-height: 58px;}
.btn_full{ width: 100%;}

@media screen and (max-width: 768px){
  .btn_xxl { padding: 6px 64px; height: 60px; font-size: 16px; line-height: 48px;}
  .btn_xl { padding: 3px 34px; height: 40px; }
}
@media screen and (max-width: 576px){
  .btn_xl { padding: 2px 26px; height: 37px; }
}
@media screen and (max-width: 480px){
  .btn_xxl { padding: 6px 24px; height: 50px; font-size: 15px; line-height: 38px;}

}

/* Button Color */
.btn_white { background-color: #FFF; border-color: #000; color: #000; }
.btn_white:hover { background-color: #F5F5F5; }

.btn_gray { background-color: #F8F8F8; color: #000; }
.btn_gray:hover { background-color: #e5e5e5; }

.btn_gray_dark { background-color: #c9c9c9; color: #fff; }
.btn_gray_dark:hover { background-color: #9f9f9f; }

.btn_black_darker_gradient { background: linear-gradient(to bottom, #000000, #2E1339); color: #FFF; }
.btn_black_darker_gradient:hover { opacity: 0.9; }

.btn_purple { background-color: #64286C; color: #FFF; box-shadow: 0 2px 3px 0 rgba(97, 17, 108, 0.2); }
.btn_purple:hover { background-color: #4f2056; }

.btn_light_purple { background-color: #F2EFF2; color: #000; box-shadow: 0 2px 3px 0 rgba(97, 17, 108, 0.18); }
.btn_light_purple:hover { background-color: #F1E7E5; }

.btn_mauve { background-color: #A79CB5; color: #fff; box-shadow: 0 2px 3px 0 rgba(97, 17, 108, 0.18); }
.btn_mauve:hover { background-color: #fff; color: #A79CB5;}

.btn_purple_dark { background-color: #2E1339; color: #FFF; }
.btn_purple_dark:hover { background-color: #2E1339E6; }

.btn_purple_darker_gradient { background: linear-gradient(to bottom, #482B5C, #64286C); color: #FFF; }
.btn_purple_darker_gradient:hover { opacity: 0.9; }
.btn_purple_darker_gradient.hover_none:hover{  opacity: 1; }

.btn_blue { background-color: #1756AC; color: #fff; }
.btn_blue:hover { background-color: #1756AC; }

.btn_light_blue { background-color: #E6EDF3; color: #000; }
.btn_light_blue:hover { background-color: #DEE9F2; }

.btn_blue_darker { background: linear-gradient(to bottom, #241D53, #0F0B3B); color: #FFF; }
.btn_blue_darker:hover { opacity: 0.9; }

.btn_outline_gray { background-color: transparent; border-color: #D2D4DF; color: #000; border-radius: 4px; }
.btn_outline_gray:hover { background-color: #F0F0F0; }

.btn_outline_purple { background-color: transparent; border-color: #64286C; color: #64286C; }
.btn_outline_purple:hover { background-color: #64286C; color: #FFF; }

.btn_outline_d-purple { background-color: transparent; border-color: #2E1339; color: #2E1339; }
.btn_outline_d-purple:hover { background-color: #2E1339; color: #FFF; }

.btn_outline_l-purple { background-color: transparent; border-color: #E72E8B; color: #E72E8B; }
.btn_outline_l-purple:hover { background-color: #E72E8B; color: #FFF; }

.btn_outline_transparent { background-color: transparent; border-color: #FFF; color: #FFF; }
.btn_outline_transparent:hover { background-color: rgba(255, 255, 255, .13); }

.btn.btn_back { font-size: 14px; }
.btn_heart { background: url('../../images/common/ico_heart.svg') no-repeat center center; }
.btn_zoom {
  font: 12px 'hiragino-sans-gb-w6';
  height: 25px;
  width: 57px;
  padding: 0px;
  background: rgba(255, 255, 255, .55);
  position: absolute;
  right: 10px;
  bottom: 10px;
  border-radius: 4px;
  border: 1px solid #72726F;
}
.btn_zoom::before {
  display: inline-block;
  width: 5px;
  height: 9px;
  background: url('../../images/common/ico_zoom.svg') center no-repeat;
  background-size: 100% 100%;
  padding: 0 10px;
  color: #6c757d;
  content: "";
}
.btn_pdf{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 16px;
}
.btn_pdf::before{
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../../images/mypage/ico_pdf_white.svg') center no-repeat;
  background-size: 100% 100%;  
  margin: 0 8px 0 0;
}
.btn_pdf:hover::before{
  background: url('../../images/mypage/ico_pdf.svg') center no-repeat;
  background-size: 100% 100%;  
}

.btn_csv::before{
  background: url('../../images/admin/ico_csv.svg') center no-repeat;
  margin: 0 4px 0 0;
}
.btn_next{
  position: relative;
}
.btn_next::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-image: url(../../images/admin/ico_prev_white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.btn_preview{
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
}
.btn_preview::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-image: url(../../images/admin/ico_preview.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  /* position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%); */
}
/* Button END */

/* Text START */
.text_white { color: #FFF; }
.text_light { color: #f8f9fa; }
a.text_light:hover, a.text_light:focus { color: #cbd3da; }
.text_dark { color: #303030; }
a.text_dark:hover, a.text_dark:focus { color: #0a0a0a; }
.text_muted { color: #6c757d; }
.text_black_50 { color: rgba(0, 0, 0, 0.5); }
.text_white_50 { color: rgba(255, 255, 255, 0.5); }
.text_white_24 { color: rgba(255, 255, 255, 0.24); }
.text_black { color: #000; }
.text_purple_light { color: #a79cb5; }
.text_purple { color: #64286C; }
.text_pink { color: #E72E8B; }
.text_pink2 { color: #E24091; }
.text_pink3 { color: #ff91c6; }
.text_light_blue {color: #9EB1BF;}
.text_blue {color: #171245;}
.text_dark_purple {color: #2E1339;}
.text_purple_muted { color: rgba(100,40,108,.17); }
.text_gray { color: #666666; }
.text_gray_light { color: #999; }
.text_red { color: #e01a1a; }
.text_bop_red { color: #D86475; }
/* Text END */
.text_left{text-align: left;}
.text_right{text-align: right;}
.text_center{text-align: center;}
.white_space_nowrap{white-space: nowrap;}
.keep_all{word-break: keep-all;}

.text_icon {
  display: flex;
  align-items: center;
  gap: 8px;
}
.text_icon::before{
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.text_icon_check::before{
  background-image: url(../../images/mypage/ico_check_pink.svg);
}

/* Font START */
.font_11 { font-size: 11px; }
.font_12 { font-size: 12px; }
.font_13 { font-size: 13px; }
.font_14 { font-size: 14px; }
.font_15 { font-size: 15px; }
.font_16 { font-size: 16px; }
.font_17 { font-size: 17px; }
.font_18 { font-size: 18px; }
.font_19 { font-size: 19px; }
.font_20 { font-size: 20px; }
.font_21 { font-size: 21px; }
.font_22 { font-size: 22px; }
.font_23 { font-size: 23px; }
.font_24 { font-size: 24px; }
.font_26 { font-size: 26px; }
.font_28 { font-size: 28px; }
.font_30 { font-size: 30px; }
.font_32 { font-size: 32px; }
.font_36 { font-size: 36px; }
.font_38 { font-size: 38px; }
.font_50 { font-size: 50px; }
.font_48 { font-size: 48px; }
.font_56 { font-size: 56px; }
.font_weight_light { font-weight: 300; }
.font_weight_lighter { font-weight: lighter; }
.font_weight_normal { font-weight: 400; }
.font_weight_semibold,
.font_weight_500 { font-weight: 500; }
.font_weight_600 { font-weight: 600; }
.font_weight_bold { font-weight: 700; }
.font_italic { font-style: italic; }

@media screen and (max-width: 992px){
  .font_11_992 { font-size: 11px; }
  .font_12_992 { font-size: 12px; }
  .font_13_992 { font-size: 13px; }
  .font_14_992 { font-size: 14px; }
  .font_15_992 { font-size: 15px; }
  .font_16_992 { font-size: 16px; }
  .font_17_992 { font-size: 17px; }
  .font_18_992 { font-size: 18px; }
  .font_19_992 { font-size: 19px; }
  .font_20_992 { font-size: 20px; }
  .font_21_992 { font-size: 21px; }
  .font_22_992 { font-size: 22px; }
  .font_23_992 { font-size: 23px; }
  .font_24_992 { font-size: 24px; }
  .font_26_992 { font-size: 26px; }
  .font_28_992 { font-size: 28px; }
  .font_30_992 { font-size: 30px; }
  .font_32_992 { font-size: 32px; }
  .font_36_992 { font-size: 36px; }
  .font_38_992 { font-size: 38px; }
  .font_50_992 { font-size: 50px; }
  .font_56_992 { font-size: 56px; }
}
@media screen and (max-width: 768px){
  .font_11_768 { font-size: 11px; }
  .font_12_768 { font-size: 12px; }
  .font_13_768 { font-size: 13px; }
  .font_14_768 { font-size: 14px; }
  .font_15_768 { font-size: 15px; }
  .font_16_768 { font-size: 16px; }
  .font_17_768 { font-size: 17px; }
  .font_18_768 { font-size: 18px; }
  .font_19_768 { font-size: 19px; }
  .font_20_768 { font-size: 20px; }
  .font_21_768 { font-size: 21px; }
  .font_22_768 { font-size: 22px; }
  .font_23_768 { font-size: 23px; }
  .font_24_768 { font-size: 24px; }
  .font_26_768 { font-size: 26px; }
  .font_28_768 { font-size: 28px; }
  .font_30_768 { font-size: 30px; }
  .font_32_768 { font-size: 32px; }
  .font_36_768 { font-size: 36px; }
  .font_38_768 { font-size: 38px; }
  .font_50_768 { font-size: 50px; }
  .font_56_768 { font-size: 56px; }
}
@media screen and (max-width: 576px){
  .font_11_576{ font-size: 11px; }
  .font_12_576{ font-size: 12px; }
  .font_13_576{ font-size: 13px; }
  .font_14_576{ font-size: 14px; }
  .font_15_576{ font-size: 15px; }
  .font_16_576{ font-size: 16px; }
  .font_17_576{ font-size: 17px; }
  .font_18_576{ font-size: 18px; }
  .font_19_576{ font-size: 19px; }
  .font_20_576{ font-size: 20px; }
  .font_21_576{ font-size: 21px; }
  .font_22_576{ font-size: 22px; }
  .font_23_576{ font-size: 23px; }
  .font_24_576{ font-size: 24px; }
  .font_26_576{ font-size: 26px; }
  .font_28_576{ font-size: 28px; }
  .font_30_576{ font-size: 30px; }
  .font_32_576{ font-size: 32px; }
  .font_36_576{ font-size: 36px; }
  .font_38_576{ font-size: 38px; }
  .font_50_576{ font-size: 50px; }
  .font_56_576{ font-size: 56px; }
}
/* Font END */

/* Line Height START */
.line_height_30 { line-height: 30px; }
.line_height_13 { line-height: 13px; }
/* Line Height END */

/* WHITE SPACE START */
.white_space_nowrap{ white-space: nowrap; }
/* WHITE SPACE END */

/* Background START */
.bg_pink { background-color: #EC81B6; }
.bg_black { background-color: #000; }
.bg_purple { background-color: #64286C; }
.bg_white { background-color: #FFF; }
.bg_blue {background-color: #171245;}
.bg_light { background-color: #F9FAFC; }
.bg_light_purple { background-color: #F2EFF2; }
.bg_light_blue { background-color: #F2F6F9; }
.bg_light_pink { background-color: #F7F4F8; }
/* Background END */

/* Form START */
.form_group { padding: 1em 0em; }
.form_control {
  font: 16px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  width: 100%;
  height: 36px;
  padding: 6px 10px;
  border-radius: 3px;
  line-height: 1.5;
  border: 1px solid #C7D4E0;
  background: #E6EDF3;
  vertical-align: middle;
}
@media screen and (max-width: 576px){
  .form_control{
    font-size: 14px;
  }
}

/* Form Inline */
.form_inline {
  display: flex;
  align-items: center;
  flex-flow: row;
  flex-wrap: wrap;
}
.form_inline.num{
  align-items: baseline;
}
@media (min-width: 576px) {
  .form_inline .form_control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
}

/* Form Size */
.form_control.form_control_sm { padding: 4px 12px; }
.form_control.form_control_lg { padding: 9.5px 12px; }
.form_control.form_control_xl { padding: 12.5px 12px; }
.form_control.form_control_xxl { padding: 24.5px 12px; }

.form_control.w_100{
  width: 100%;
}
.form_control.min_w_60{
  min-width: 60px;
 }
.form_control.min_w_80{
 min-width: 80px;
}

/*  */
.form_cnt{
  display: flex;
  padding: 4px 0;
}
.form_cnt .ttl{
  flex: 0 0 66px;
}

/* Form Select */
select.form_control,
.select.form_control {
  background: url(../../images/common/ico_arrow_bottom.svg) right 12px center no-repeat;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding-right: 36px;
}
.remodal select.form_control{
  padding-right: 24px;
  font: 400 12px/1 'Robot',sans-serif;
}
select.form_control.form_control.theme_pink,
.select.form_control.form_control.theme_pink { background-image: url(../../images/common/ico_arrow_bottom_gray.svg); }

select.form_control.form_control.theme_transparent,
.select.form_control.form_control.theme_transparent { background-image: url(../../images/common/ico_arrow_bottom_gray.svg); }

select.form_control.form_control_sm,
.select.form_control.form_control_sm { padding-right: 36px; }
select.form_control.form_control_lg,
.select.form_control.form_control_lg { padding-right: 36px; }
select.form_control.form_control_xl,
.select.form_control.form_control_xl { padding-right: 36px; }
select.form_control.form_control_xxl,
.select.form_control.form_control_xxl { padding-right: 36px; }

select:invalid { color: #D5DFE6; }
select option { color: #2b2e38; }
select option:first-child { color: #D5DFE6; }


.form_inline.postal_code{
  position: relative;
}
.form_inline.postal_code::before{
  content: "〒";
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.form_inline.postal_code input{
  padding-left: 36px;
  position: relative;
}

/* Form Color */
.form_control.theme_blue {
  border: 1px solid #C7D4E0;
  background-color: #E6EDF3;
}
/* ! プレイスホルダー —————————————————————————————— */
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #ccc;}
input:-ms-input-placeholder,textarea::-webkit-input-placeholder { color: #ccc;}
input::-moz-placeholder,textarea::-webkit-input-placeholder { color: #ccc;}

input.theme_blue::-webkit-input-placeholder { color: #A2A6A9;}
input.theme_blue:-ms-input-placeholder { color: #A2A6A9;}
input.theme_blue::-moz-placeholder { color: #A2A6A9;}
/*  */
.form_control.theme_pink {
  border: 1px solid #EAE1EA;
  background-color: #F9F7FA;
}
.form_control.theme_pink.bg_white {
  background-color: #fff;
}
.form_control.theme_blank {
  border: 1px solid transparent;
  background-color: transparent;
  padding-left: 0px;
}
.form_control.theme_transparent {
  background-color: rgba(255,255,255,0.13);
  border-color: rgba(255,255,255,0.23);
  color: #BFBCC0;
}
.sort_control {
  background-image: url(../../images/common/ico_sort.svg);
  background-position: right 12px center;
  background-repeat: no-repeat;
  padding: 21px 15px;
}

.form_control[disabled]{
  color: #666;
  border-color: #F8F8F8;
}
/* Form END */

/* Border */
.border_right { border-right: 1px solid rgba(0, 0, 0, 0.08); }
.border_top { border-bottom: 1px solid #ddd !important; }

/* Gap */
.gap_100 {
  display: block;
  height: 1px;
  margin-top: 49px;
  margin-bottom: 50px;
}
.gap_50 {
  display: block;
  height: 1px;
  margin-top: 24px;
  margin-bottom: 25px;
}
.news_item .avt {
  border-radius: 50%;
}

/* footer SNS START */
.area_sns_official{
  margin: 60px 0;
}
.area_sns_official .container{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.area_sns_official .ttl{
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 30px;
  position: relative;
}
.area_sns_official .ttl::before,
.area_sns_official .ttl::after{
  content: "";
  display: block;
  background: #333;
  width: 1.2px;
  height: 14px;
  position: absolute;
  top: 3px;
  left: -16px;
  transform: rotate(-30deg);
}
.area_sns_official .ttl::after{
  transform: rotate(30deg);
  left: auto;
  right: -14px;
}
.list_sns_official{
  display: flex;
  justify-content: center;
  padding: 0;
  margin: -16px;
}
.list_sns_official > li{
  padding: 16px;
}
.list_sns_official a{
  width: 60px;
  height: 60px;
  display: block;
  background:url(../../images/home_page/ico_sns_official_ameba.svg) no-repeat center center;
  background-size: contain !important;
}
.list_sns_official .twitter a{
  background:url(../../images/home_page/ico_sns_official_twitter.svg?v=20241016001) no-repeat center center;
}
.list_sns_official .instagram a{
  background:url(../../images/home_page/ico_sns_official_ig.svg) no-repeat center center;
}
.list_sns_official .facebook a{
  background:url(../../images/home_page/ico_sns_official_fb.svg) no-repeat center center;
}
.list_sns_official .youtube a{
  background:url(../../images/home_page/ico_sns_official_youtube.svg) no-repeat center center;
}

@media screen and (max-width: 560px){
  .area_sns_official .ttl{
    margin: 0 0 20px;
  }
  .list_sns_official{
    margin: -10px;
  }
  .list_sns_official > li{
    padding: 10px;
  }
  .list_sns_official a{
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 380px){
  .area_sns_official .ttl{
    font-size: 13px;
  }
  .list_sns_official{
    margin: -5px;
  }
  .list_sns_official > li{
    padding: 5px;
  }
  .list_sns_official a{
    width: 50px;
    height: 50px;
  }
}