@charset "UTF-8";
/*
Theme Name: 2rinkan
Description: A child theme of Swell Theme
Author: CRETE Co., Ltd.
Author URI: https://www.crete.co.jp
Version: 1.0.0
Template: swell
*/
.sp { display: none; }

.cf:after { content: ""; display: block; clear: both; }

.section { padding: 70px 0; overflow: hidden; }

.section_inner { max-width: 1020px; padding: 0 10px; margin: 0 auto; position: relative; }

.flex_box { display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -30px 0 0; }

.flex_box_item { width: 49%; margin: 30px 0 0; }

.flex_box_5 .flex_box_item { width: 19%; }

.flex_box_6 .flex_box_item { width: 15.5%; }

.flex_box_4 .flex_box_item { width: 24%; }

.flex_box_3 .flex_box_item { width: 32%; }

.headline_lv2 { padding: 10px 0 10px 15px; margin: 0 0 20px; position: relative; background: url("https://2rinkan.mom/assets/images/common/title_bg.jpg"); background-size: 200px auto; color: #fff; }

.headline_lv2:before { content: ""; display: block; width: 5px; height: 80%; background: linear-gradient(0deg, #4c8838, #65c249); position: absolute; top: 10%; left: 0; }

.headline_lv2 span { font-size: 20px; font-weight: bold; }

.headline_lv2 span i { font-size: 14px; font-style: normal; }

.headline_lv3 { padding: 10px 0 8px 15px; margin: 0 0 20px; position: relative; background: #008000; color: #fff; font-size: 18px; font-weight: bold; }

.headline_lv4 { padding: 10px 0 10px 15px; margin: 0 0 20px; position: relative; background: #ff0000; background-size: 200px auto; color: #fff; }

.headline_lv4:before { content: ""; display: block; width: 5px; height: 80%; background: linear-gradient(0deg, #4c8838, #65c249); position: absolute; top: 10%; left: 0; }

.headline_lv4 span { font-size: 20px; font-weight: bold; }

.headline_lv4 span i { font-size: 14px; font-style: normal; }

.headline_desc { text-align: center; margin: 0 0 30px; }

.btn { display: inline-block; background: #0a2657; border: 1px solid #0a2657; font-size: 14px; padding: 20px 20px 20px; line-height: 1; color: #fff; font-weight: bold; min-width: 280px; transition: all .3s; }

.btn:hover { background: #0a2657; border-color: #0a2657; color: #fff; }

/* *****  slick ***** */
.slick-slide { height: auto; }

.slick-prev, .slick-next { display: block; width: 50px; height: 50px; position: absolute; top: 50%; transform: translate(0, -50%); z-index: 500; border: 0; outline: 0; background: none; cursor: pointer; font-size: 0; line-height: 0; }

.slick-prev { left: 10px; }

.slick-next { right: 10px; }

.slick-prev:before, .slick-next:before { content: "＜"; font-size: 40px; line-height: 1; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: scale(0.6, 1); display: inline-block; color: #0a2657; }

.slick-next:before { content: "＞"; }

/* *****  共通ヘッダー ***** */
header { position: relative; z-index: 400; width: 100%; background: #000; border-top: 5px solid #008000; color: #fff; background: #000 url("https://2rinkan.mom/assets/images/common/header_bg.jpg") no-repeat center -90px !important; }

@media (min-width: 960px) { .-series .l-header__logo { display: flex; flex-wrap: wrap; align-items: center; margin-right: 24px; padding: 22px 0 !important; } }
.widget_text.w-header__item.widget_custom_html h2 { width: 50%; position: absolute; top: 15px; right: 218px; font-size: 14px; text-align: right; font-weight: normal; line-height: 1.3; }

.header_sns { width: 150px; position: absolute; top: 15px; right: 48px; }

.header_twitter { width: 80px; float: left; }

.header_facebook { width: 70px; float: right; }

.fb-share-button.fb_iframe_widget { line-height: 1 !important; }

.header_info { width: 510px; position: absolute; top: 52px; right: 25px; }

.header_info .header_sdgs { width: 170px; float: left; }

.header_info .header_mobile_member { width: 170px; float: left; }

.header_info .header_shop_search { width: 170px; float: right; }

/* *****  共通フッター ***** */
footer { background: #000 url("https://2rinkan.mom/assets/images/common/footer_bg_logo.png") no-repeat 90% center; color: #fff; padding: 0; position: relative; z-index: 100; }

.footer_inner { max-width: 1020px; margin: 0 auto; padding: 60px 10px 0; position: relative; }

.footer_menu { padding: 0 0 40px; }

.footer_menu .footer_menu_t { overflow: hidden; }

.footer_menu ul { text-align: center; }

.footer_menu li { display: inline-block; padding: 0 0 20px 20px; }

.footer_menu li a { color: #ffffff; line-height: 1; font-weight: bold; display: inline-block; }

.footer_attention p { font-size: 12px; }

.copyright { clear: both; padding: 20px 0 50px; text-align: center; }

/* ***** ページ共通 ***** */
/* サイトマップ */
.sitemap { background: #f3f3f3; }

.sitemap_list_lv1 > li { margin: 0 0 30px; position: relative; font-size: 13px; }
.sitemap_list_lv1 > li a { color: #000000; }

.sitemap_list_lv2 { margin: 16px 0 0; padding: 10px 0 0; border-top: 1px solid #bdbdbd; display: none; }

.sitemap_list_lv2 li { padding: 0 0 0 25px; margin: 10px 0 0; font-size: 12px; background: url("https://2rinkan.mom/assets/images/common/icon_arrow_green.svg") no-repeat 10px 5px; background-size: 5px,contain; position: relative; }

.toggle-level { width: 36px; height: 36px; background: #dfdfdf; color: #008000; position: absolute; top: 0; right: 0; padding: 8px 0; text-align: center; }

/* 外部バナー */
.foreign_banner { background: #dfdfdf; margin-bottom: 0 !important; }

.foreign_banner .foreign_list { font-size: 0; margin: 0 -10px; text-align: center; overflow: hidden; }

.foreign_banner .foreign_list li { display: block; float: left; margin: 0 1.33333% 20px 0; width: 24%; }

.foreign_banner .foreign_list li:nth-child(4n) { margin-right: 0; }

.foreign_banner .foreign_list li img { display: inline-block; max-height: 168px; }

.foreign_banner .group_list { font-size: 0; margin: 0 auto; text-align: center; }

.foreign_banner .group_list li { display: inline-block; margin: 20px 10px 0; }

/* 下部バナー */
.bottom_banner .bottom_banner_recruit { background: url("https://2rinkan.mom/assets/images/common/bnr_recruit.png") no-repeat center center; background-size: cover; }

.bottom_banner .bottom_banner_service { background: url("https://2rinkan.mom/assets/images/common/bnr_shop_service.png") no-repeat center center; background-size: cover; }

.bottom_banner a { display: block; background: rgba(0, 0, 0, 0.2); color: #fff; padding: 70px 20px 20px; }

.bottom_banner a:hover { opacity: 1; background: rgba(0, 0, 0, 0.4); }

.bottom_banner .bottom_banner_title { font-weight: bold; font-size: 28px; text-shadow: 0 0 10px #000; }

.bottom_banner .bottom_banner_sub { font-weight: bold; font-size: 16px; text-shadow: 0 0 10px #000; }

/* 店舗検索バナー */
.search_banner { padding-bottom: 0; }

.search_banner a { display: block; background: #404040 url("https://2rinkan.mom/assets/images/common/col3_banner_1.png") no-repeat 80% center; background-size: contain; padding: 15px 40px 10px 10px; color: #fff; position: relative; cursor: pointer; }

.search_banner a:hover { opacity: 1; background-color: rgba(64, 64, 64, 0.8); }

.search_banner a:after { content: ""; display: block; width: 31px; height: 31px; background: url("https://2rinkan.mom/assets/images/common/icon_arrow.png") no-repeat center center; background-size: contain; position: absolute; top: 50%; right: 10px; margin-top: -15px; }

.search_banner .search_banner_map a { background-image: url("https://2rinkan.mom/assets/images/common/col3_banner_2.png"); }

.search_banner .search_banner_tax a { background-image: url("https://2rinkan.mom/assets/images/common/col3_banner_3.png"); }

.search_banner .search_banner_sub { font-weight: bold; font-size: 16px; text-shadow: 0 0 10px #000; }

.search_banner .search_banner_title { font-weight: bold; font-size: 22px; text-shadow: 0 0 10px #000; }

@media screen and (max-width: 767px) { .pc { display: none; }
  .sp { display: block; }
  br.sp { display: inline; }
  .section { min-width: initial; padding: 30px 0; }
  .section_inner { width: auto; padding: 0 10px; }
  .headline_lv2 { font-size: 18px; margin: 0 0 20px; }
  .headline_lv2 span { font-size: 18px; }
  .btn { font-size: 13px; padding: 20px 20px 20px; }
  .flex_box_item { width: 100%; }
  .flex_box_5 .flex_box_item { width: 49%; }
  .flex_box_6 .flex_box_item { width: 49%; }
  .flex_box_4 .flex_box_item { width: 49%; }
  .flex_box_3 .flex_box_item { width: 100%; }
  /* *****  共通ヘッダー ***** */
  .header_logo { width: 80px; padding: 10px 0; }
  .header_inner h1 { display: none; }
  .header_sns { top: 5px; }
  .header_info { width: 220px; top: 32px; }
  .header_info .header_mobile_member { width: 120px; padding: 5px 0 0; }
  .header_info .header_shop_search { width: 100px; }
  /* *****  共通フッター ***** */
  .footer_menu { padding: 0 0 30px; }
  .footer_menu li { display: block; padding: 0 0 30px; }
  .footer_attention p { font-size: 10px; }
  .copyright { padding: 20px 0 30px; }
  /* ***** ページ共通 ***** */
  /* サイトマップ */
  .sitemap { padding: 0; }
  .sitemap .section_inner { padding: 0; }
  .sitemap .flex_box, .sitemap .flex_box_item { margin: 0; width: 100%; }
  .sitemap_list_lv1 > li { margin: 0; }
  .sitemap_list_lv1 > li a { margin: 0; display: block; border-bottom: 1px solid #fff; padding: 15px 10px; position: relative; font-size: 14px; }
  .sitemap_list_lv1 > li a:after { content: ""; display: block; background: url("https://2rinkan.mom/assets/images/common/icon_arrow_green.svg") no-repeat right top; background-size: 5px,contain; width: 10px; height: 10px; position: absolute; top: 50%; right: 10px; margin-top: -5px; }
  .sitemap_list_lv1 > li.has-level > a:after { right: 62px; }
  .sitemap_list_lv2 { margin: 0; padding: 0; border-top: none; }
  .sitemap_list_lv2 li { padding: 0; margin: 0; background: none; position: relative; }
  .sitemap_list_lv2 > li a { padding-left: 24px; }
  .toggle-level { width: 52px; height: 51px; border-left: 1px solid #fff; padding: 15px 0; }
  /* 外部バナー */
  .foreign_banner .foreign_list { margin: 0; overflow: hidden; }
  .foreign_banner .foreign_list li { width: 49%; margin: 0 0 20px; }
  .foreign_banner .foreign_list li:nth-child(2n) { float: right; }
  .foreign_banner .group_list li { margin: 10px 2% 0 0; width: 49%; }
  .foreign_banner .group_list li:last-child { margin-right: 0; }
  /* 下部バナー */
  .bottom_banner a { padding: 50px 10px 20px; }
  .bottom_banner .bottom_banner_title { font-size: 22px; }
  .bottom_banner .bottom_banner_sub { font-size: 14px; }
  /* 店舗検索バナー */
  .search_banner a { padding: 15px 40px 10px 10px; }
  .search_banner a:after { width: 20px; height: 20px; margin-top: -10px; }
  .search_banner .search_banner_sub { font-size: 14px; }
  .search_banner .search_banner_title { font-size: 22px; } }
/* トップに戻る */
.go_pagetop { position: fixed; bottom: 20px; right: 20px; z-index: 10000; display: none; }

.go_pagetop a { background: #008000; border-radius: 10px; color: #fff; display: block; height: 60px; text-align: center; text-decoration: none; width: 60px; }

.go_pagetop a img { width: 100%; }

@media screen and (max-width: 768px) { .go_pagetop { bottom: 10px; right: 10px; }
  .go_pagetop a { height: 40px; width: 40px; } }
#before_footer_widget .l-container { padding-left: 0; padding-right: 0; max-width: 100%; }

#footer .w-footer__box, #footer .l-footer__widgetArea, #footer .l-footer__foot { padding-top: 0; padding-bottom: 0; }

.p-mainVisual__slideTitle { height: 0; width: 30%; padding-top: 6.81%; margin-left: auto; margin-right: auto; background-image: url(/info/wp-content/themes/2rinkan-v1/assets/images/2rinkan-news_title.png); background-size: contain; background-repeat: no-repeat; overflow: hidden; }
@media screen and (max-width: 468px) { .p-mainVisual__slideTitle { width: 60%; padding-top: 13.62%; } }
.p-mainVisual__slideText { width: 40%; margin-left: auto; margin-right: auto; padding-top: .25em; border-top: 2px solid white; font-weight: 900; }
@media screen and (max-width: 468px) { .p-mainVisual__slideText { width: 70%; } }

.sectionTitle { width: 100%; padding: .25em 0 .75em; text-align: center; }
.sectionTitle h2 { position: relative; display: inline-block; padding: 0 1.25em; line-height: 1.15; font-size: 2.2em; }
.sectionTitle h2 span { font-size: .9rem; display: block; }
.sectionTitle h2::after, .sectionTitle h2::before { position: absolute; top: 0; display: block; width: 1px; height: 1.5em; background-color: currentColor; content: ""; }
.sectionTitle h2::before { left: 0; -webkit-transform: rotate(40deg); transform: rotate(40deg); }
.sectionTitle h2::after { right: 0; -webkit-transform: rotate(40deg); transform: rotate(40deg); }

.c-gnav { align-items: flex-end !important; }
.c-gnav > .menu-item { height: 40% !important; }