/*
Theme Name: Falkland
Version: 2022.11.22
Author: gf.E Yamamoto
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background-color: transparent
}

body {
  line-height: 1
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display: block
}

ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

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

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent
}

a:hover {
  text-decoration: none
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0
}

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

input, textarea {
  padding: 0;
  background-color: inherit;
  border: none
}

noscript p {
  font-size: 20px;
  line-height: 1.5;
  color: red
}

iframe[name='google_conversion_frame'] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px
}

div.wrapper_ {
  width: auto;
  text-align: inherit;
  margin: auto
}

div.contents_, div.mainframe_ {
  float: none;
  width: auto;
  clear: both;
  display: block
}

div.contents_.inline, div.mainframe_.inline {
  display: inline
}

div.mainframe_ {
  position: relative
}

.visual_ {
  margin-bottom: 0
}

.pt2 {
  padding-top: 2px !important
}

.pb3 {
  padding-bottom: 3px !important
}

.mb13 {
  margin-bottom: 13px !important
}

.mb18 {
  margin-bottom: 18px !important
}

.mb22 {
  margin-bottom: 22px !important
}

.mb2 {
  margin-bottom: 2px !important
}

.mb0 {
  margin-bottom: 0px !important
}

.pt0 {
  padding-top: 0px !important
}

.pb0 {
  padding-bottom: 0px !important
}

.pr0 {
  padding-right: 0px !important
}

.mr0 {
  margin-right: 0px !important
}

.mt0 {
  margin-top: 0px !important
}

.ua-sp .mb0_sp {
  margin-bottom: 0px !important
}

.ua-sp .pb0_sp {
  padding-bottom: 0px !important
}

.ua-sp .mr0_sp {
  margin-right: 0px !important
}

.ua-sp .mt0_sp {
  margin-top: 0px !important
}

.mb5 {
  margin-bottom: 5px !important
}

.pt5 {
  padding-top: 5px !important
}

.pb5 {
  padding-bottom: 5px !important
}

.pr5 {
  padding-right: 5px !important
}

.mr5 {
  margin-right: 5px !important
}

.mt5 {
  margin-top: 5px !important
}

.ua-sp .mb5_sp {
  margin-bottom: 5px !important
}

.ua-sp .pb5_sp {
  padding-bottom: 5px !important
}

.ua-sp .mr5_sp {
  margin-right: 5px !important
}

.ua-sp .mt5_sp {
  margin-top: 5px !important
}

.mb10 {
  margin-bottom: 10px !important
}

.pt10 {
  padding-top: 10px !important
}

.pb10 {
  padding-bottom: 10px !important
}

.pr10 {
  padding-right: 10px !important
}

.mr10 {
  margin-right: 10px !important
}

.mt10 {
  margin-top: 10px !important
}

.ua-sp .mb10_sp {
  margin-bottom: 10px !important
}

.ua-sp .pb10_sp {
  padding-bottom: 10px !important
}

.ua-sp .mr10_sp {
  margin-right: 10px !important
}

.ua-sp .mt10_sp {
  margin-top: 10px !important
}

.mb15 {
  margin-bottom: 15px !important
}

.pt15 {
  padding-top: 15px !important
}

.pb15 {
  padding-bottom: 15px !important
}

.pr15 {
  padding-right: 15px !important
}

.mr15 {
  margin-right: 15px !important
}

.mt15 {
  margin-top: 15px !important
}

.ua-sp .mb15_sp {
  margin-bottom: 15px !important
}

.ua-sp .pb15_sp {
  padding-bottom: 15px !important
}

.ua-sp .mr15_sp {
  margin-right: 15px !important
}

.ua-sp .mt15_sp {
  margin-top: 15px !important
}

.mb20 {
  margin-bottom: 20px !important
}

.pt20 {
  padding-top: 20px !important
}

.pb20 {
  padding-bottom: 20px !important
}

.pr20 {
  padding-right: 20px !important
}

.mr20 {
  margin-right: 20px !important
}

.mt20 {
  margin-top: 20px !important
}

.ua-sp .mb20_sp {
  margin-bottom: 20px !important
}

.ua-sp .pb20_sp {
  padding-bottom: 20px !important
}

.ua-sp .mr20_sp {
  margin-right: 20px !important
}

.ua-sp .mt20_sp {
  margin-top: 20px !important
}

.mb25 {
  margin-bottom: 25px !important
}

.pt25 {
  padding-top: 25px !important
}

.pb25 {
  padding-bottom: 25px !important
}

.pr25 {
  padding-right: 25px !important
}

.mr25 {
  margin-right: 25px !important
}

.mt25 {
  margin-top: 25px !important
}

.ua-sp .mb25_sp {
  margin-bottom: 25px !important
}

.ua-sp .pb25_sp {
  padding-bottom: 25px !important
}

.ua-sp .mr25_sp {
  margin-right: 25px !important
}

.ua-sp .mt25_sp {
  margin-top: 25px !important
}

.mb30 {
  margin-bottom: 30px !important
}

.pt30 {
  padding-top: 30px !important
}

.pb30 {
  padding-bottom: 30px !important
}

.pr30 {
  padding-right: 30px !important
}

.mr30 {
  margin-right: 30px !important
}

.mt30 {
  margin-top: 30px !important
}

.ua-sp .mb30_sp {
  margin-bottom: 30px !important
}

.ua-sp .pb30_sp {
  padding-bottom: 30px !important
}

.ua-sp .mr30_sp {
  margin-right: 30px !important
}

.ua-sp .mt30_sp {
  margin-top: 30px !important
}

.mb35 {
  margin-bottom: 35px !important
}

.pt35 {
  padding-top: 35px !important
}

.pb35 {
  padding-bottom: 35px !important
}

.pr35 {
  padding-right: 35px !important
}

.mr35 {
  margin-right: 35px !important
}

.mt35 {
  margin-top: 35px !important
}

.ua-sp .mb35_sp {
  margin-bottom: 35px !important
}

.ua-sp .pb35_sp {
  padding-bottom: 35px !important
}

.ua-sp .mr35_sp {
  margin-right: 35px !important
}

.ua-sp .mt35_sp {
  margin-top: 35px !important
}

.mb40 {
  margin-bottom: 40px !important
}

.pt40 {
  padding-top: 40px !important
}

.pb40 {
  padding-bottom: 40px !important
}

.pr40 {
  padding-right: 40px !important
}

.mr40 {
  margin-right: 40px !important
}

.mt40 {
  margin-top: 40px !important
}

.ua-sp .mb40_sp {
  margin-bottom: 40px !important
}

.ua-sp .pb40_sp {
  padding-bottom: 40px !important
}

.ua-sp .mr40_sp {
  margin-right: 40px !important
}

.ua-sp .mt40_sp {
  margin-top: 40px !important
}

.mb45 {
  margin-bottom: 45px !important
}

.pt45 {
  padding-top: 45px !important
}

.pb45 {
  padding-bottom: 45px !important
}

.pr45 {
  padding-right: 45px !important
}

.mr45 {
  margin-right: 45px !important
}

.mt45 {
  margin-top: 45px !important
}

.ua-sp .mb45_sp {
  margin-bottom: 45px !important
}

.ua-sp .pb45_sp {
  padding-bottom: 45px !important
}

.ua-sp .mr45_sp {
  margin-right: 45px !important
}

.ua-sp .mt45_sp {
  margin-top: 45px !important
}

.mb50 {
  margin-bottom: 50px !important
}

.pt50 {
  padding-top: 50px !important
}

.pb50 {
  padding-bottom: 50px !important
}

.pr50 {
  padding-right: 50px !important
}

.mr50 {
  margin-right: 50px !important
}

.mt50 {
  margin-top: 50px !important
}

.ua-sp .mb50_sp {
  margin-bottom: 50px !important
}

.ua-sp .pb50_sp {
  padding-bottom: 50px !important
}

.ua-sp .mr50_sp {
  margin-right: 50px !important
}

.ua-sp .mt50_sp {
  margin-top: 50px !important
}

.mb55 {
  margin-bottom: 55px !important
}

.pt55 {
  padding-top: 55px !important
}

.pb55 {
  padding-bottom: 55px !important
}

.pr55 {
  padding-right: 55px !important
}

.mr55 {
  margin-right: 55px !important
}

.mt55 {
  margin-top: 55px !important
}

.ua-sp .mb55_sp {
  margin-bottom: 55px !important
}

.ua-sp .pb55_sp {
  padding-bottom: 55px !important
}

.ua-sp .mr55_sp {
  margin-right: 55px !important
}

.ua-sp .mt55_sp {
  margin-top: 55px !important
}

.mb60 {
  margin-bottom: 60px !important
}

.pt60 {
  padding-top: 60px !important
}

.pb60 {
  padding-bottom: 60px !important
}

.pr60 {
  padding-right: 60px !important
}

.mr60 {
  margin-right: 60px !important
}

.mt60 {
  margin-top: 60px !important
}

.ua-sp .mb60_sp {
  margin-bottom: 60px !important
}

.ua-sp .pb60_sp {
  padding-bottom: 60px !important
}

.ua-sp .mr60_sp {
  margin-right: 60px !important
}

.ua-sp .mt60_sp {
  margin-top: 60px !important
}

.mb65 {
  margin-bottom: 65px !important
}

.pt65 {
  padding-top: 65px !important
}

.pb65 {
  padding-bottom: 65px !important
}

.pr65 {
  padding-right: 65px !important
}

.mr65 {
  margin-right: 65px !important
}

.mt65 {
  margin-top: 65px !important
}

.ua-sp .mb65_sp {
  margin-bottom: 65px !important
}

.ua-sp .pb65_sp {
  padding-bottom: 65px !important
}

.ua-sp .mr65_sp {
  margin-right: 65px !important
}

.ua-sp .mt65_sp {
  margin-top: 65px !important
}

.mb70 {
  margin-bottom: 70px !important
}

.pt70 {
  padding-top: 70px !important
}

.pb70 {
  padding-bottom: 70px !important
}

.pr70 {
  padding-right: 70px !important
}

.mr70 {
  margin-right: 70px !important
}

.mt70 {
  margin-top: 70px !important
}

.ua-sp .mb70_sp {
  margin-bottom: 70px !important
}

.ua-sp .pb70_sp {
  padding-bottom: 70px !important
}

.ua-sp .mr70_sp {
  margin-right: 70px !important
}

.ua-sp .mt70_sp {
  margin-top: 70px !important
}

.mb75 {
  margin-bottom: 75px !important
}

.pt75 {
  padding-top: 75px !important
}

.pb75 {
  padding-bottom: 75px !important
}

.pr75 {
  padding-right: 75px !important
}

.mr75 {
  margin-right: 75px !important
}

.mt75 {
  margin-top: 75px !important
}

.ua-sp .mb75_sp {
  margin-bottom: 75px !important
}

.ua-sp .pb75_sp {
  padding-bottom: 75px !important
}

.ua-sp .mr75_sp {
  margin-right: 75px !important
}

.ua-sp .mt75_sp {
  margin-top: 75px !important
}

.mb80 {
  margin-bottom: 80px !important
}

.pt80 {
  padding-top: 80px !important
}

.pb80 {
  padding-bottom: 80px !important
}

.pr80 {
  padding-right: 80px !important
}

.mr80 {
  margin-right: 80px !important
}

.mt80 {
  margin-top: 80px !important
}

.ua-sp .mb80_sp {
  margin-bottom: 80px !important
}

.ua-sp .pb80_sp {
  padding-bottom: 80px !important
}

.ua-sp .mr80_sp {
  margin-right: 80px !important
}

.ua-sp .mt80_sp {
  margin-top: 80px !important
}

.mb85 {
  margin-bottom: 85px !important
}

.pt85 {
  padding-top: 85px !important
}

.pb85 {
  padding-bottom: 85px !important
}

.pr85 {
  padding-right: 85px !important
}

.mr85 {
  margin-right: 85px !important
}

.mt85 {
  margin-top: 85px !important
}

.ua-sp .mb85_sp {
  margin-bottom: 85px !important
}

.ua-sp .pb85_sp {
  padding-bottom: 85px !important
}

.ua-sp .mr85_sp {
  margin-right: 85px !important
}

.ua-sp .mt85_sp {
  margin-top: 85px !important
}

.mb90 {
  margin-bottom: 90px !important
}

.pt90 {
  padding-top: 90px !important
}

.pb90 {
  padding-bottom: 90px !important
}

.pr90 {
  padding-right: 90px !important
}

.mr90 {
  margin-right: 90px !important
}

.mt90 {
  margin-top: 90px !important
}

.ua-sp .mb90_sp {
  margin-bottom: 90px !important
}

.ua-sp .pb90_sp {
  padding-bottom: 90px !important
}

.ua-sp .mr90_sp {
  margin-right: 90px !important
}

.ua-sp .mt90_sp {
  margin-top: 90px !important
}

.mb95 {
  margin-bottom: 95px !important
}

.pt95 {
  padding-top: 95px !important
}

.pb95 {
  padding-bottom: 95px !important
}

.pr95 {
  padding-right: 95px !important
}

.mr95 {
  margin-right: 95px !important
}

.mt95 {
  margin-top: 95px !important
}

.ua-sp .mb95_sp {
  margin-bottom: 95px !important
}

.ua-sp .pb95_sp {
  padding-bottom: 95px !important
}

.ua-sp .mr95_sp {
  margin-right: 95px !important
}

.ua-sp .mt95_sp {
  margin-top: 95px !important
}

.mb100 {
  margin-bottom: 100px !important
}

.pt100 {
  padding-top: 100px !important
}

.pb100 {
  padding-bottom: 100px !important
}

.pr100 {
  padding-right: 100px !important
}

.mr100 {
  margin-right: 100px !important
}

.mt100 {
  margin-top: 100px !important
}

.ua-sp .mb100_sp {
  margin-bottom: 100px !important
}

.ua-sp .pb100_sp {
  padding-bottom: 100px !important
}

.ua-sp .mr100_sp {
  margin-right: 100px !important
}

.ua-sp .mt100_sp {
  margin-top: 100px !important
}

.hiragino, #catlabel, #catlabel+.selectbox a, #dylabel, #dylabel+.selectbox a, .modal-content.modal-members .ttl.hiragino, .side_nav #shopcatarchive a, .ua-sp .side_nav .sidebox ul #shopcatarchive a {
  font-family: 'Hiragino Kaku Gothic ProN', '貂ｸ繧ｴ繧ｷ繝�け Medium', '繝｡繧､繝ｪ繧ｪ', meiryo, sans-serif
}

.opacityhide {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  zoom: 1
}

.hidden {
  overflow: hidden
}

.op a img {
  transition: opacity .5s;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s
}

.op a img:hover {
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.tar {
  text-align: right
}

.tac {
  text-align: center
}

.tal {
  text-align: left !important
}

.flL {
  float: left
}

.flR {
  float: right
}

.clearfix:after, .list_shopqr:after, .boxlink:after, .news:after, .shop .shop_wrap:after, .side_nav:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  overflow: hidden
}

.clearfix, .list_shopqr, .boxlink, .news, .shop .shop_wrap, .side_nav {
  _height: 1px;
  min-height: 1px
}

.box, .slider .slider_ctr li a {
  display: block;
  width: 100%;
  height: 100%
}

.list-dot {
  display: table;
  line-height: 14px
}

.list-dot li, .list-dot p {
  display: table-row;
  margin-bottom: 8px
}

.list-dot li:before, .list-dot p:before {
  display: table-cell;
  text-align: right;
  content: "繝ｻ"
}

.txt {
  font-size: 12px;
  line-height: 1.66667;
  letter-spacing: 0.08em
}

.ua-sp .side_nav #shopcatarchive a, .ua-sp .side_nav .sidebox .sidebox_ttl {
  overflow: hidden;
  white-space: nowrap;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis
}

.inlineblock {
  display: inline-block
}

.relative {
  position: relative
}

.show_pc {
  display: block
}

.ua-sp .show_pc {
  display: none
}

.show_pctb {
  display: block
}

.ua-sp .show_pctb {
  display: none
}

.show_sp {
  display: none
}

.ua-sp .show_sp {
  display: block
}

.pos_rel {
  position: relative
}

.nobbor {
  border-bottom: none
}

.addbbor, .modal-content .item_info {
  border-bottom: 1px solid #d9d9d9
}

.ua-sp .nobbor_sp {
  border-bottom: none !important
}

.addrbor {
  border-right: 1px solid #d9d9d9
}

.addlbor {
  border-left: 1px solid #d9d9d9
}

.addtbor, .mainframe_.large, .modal-content .info_box {
  border-top: 1px solid #d9d9d9
}

.btn a {
  border: 1px solid #d9d9d9
}

.ua-sp .brand .brand_box, .side_nav_ttl {
  border-bottom: 1px solid #d9d9d9
}

.concept_list .concept_box {
  border-left: 1px solid #d9d9d9
}

.ua-sp .addtbor_sp {
  border-top: 1px solid #d9d9d9
}

.ua-sp .addbor_sp {
  border: 1px solid #d9d9d9
}

.ua-sp .addbbor_sp {
  border-bottom: 1px solid #d9d9d9
}

.ua-sp .addrbor_sp {
  border-right: 1px solid #d9d9d9
}

.ua-sp .addlbor_sp {
  border-left: 1px solid #d9d9d9
}

.ua-sp .addtbor_sp {
  border-top: 1px solid #d9d9d9
}

.btn a:before, .hover .hover_show.line:after, .hover .hover_show.line:before, .hover .hover_show.line .hover_wrap:after, .hover .hover_show.line .hover_wrap:before, .boxlink .boxlink_btn:after, .news.main_area .pager a:before, .news.main_area .pager .navipage_now_:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

.txt_blue {
  font-size: 12px;
  line-height: 2.16667;
  color: #78b5d7
}

.table {
  display: table
}

.tcell {
  display: table-cell
}

.vt {
  vertical-align: top
}

.vm {
  vertical-align: middle
}

.l-center {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}

#loading_logo, .ua-pc .stylebook .stylebook_box .stylebook_ttl, .item .item_hover, .item .item_hover .hover_wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}

.gnav_menu>li a, .ttl, .txt_ttl, .txt_sub, .btn a, .ico_pdown, .ico_arr, .ua-sp .mv .mv_subttl, .news_txt, .modal-content .close .close_txt, .pulldown ul li a, .news .main_area .detail_area .detail_box dl.sns_box dt, footer .footer_nav li a, footer .copy p {
  font-family: 'Montserrat', sans-serif
}

.l_center {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}

.bg_center {
  background-size: cover;
  background-position: center center
}

.mont, .news.main_area .pager a, .news.main_area .pager span {
  font-family: 'Montserrat', sans-serif
}

.loader {
  z-index: 100;
  display: inline-block;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
  border-radius: 50px;
  border: 1px solid transparent;
  border-top-color: #282828;
  border-left-color: #282828;
  border-bottom-color: #282828;
  -webkit-animation: spin 0.7s linear infinite;
  animation: spin 0.7s linear infinite;
  transition: opacity .5s;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s
}

@media only screen and (max-width: 479px) {
  .loader {
    width: 30px;
    height: 30px;
    margin-left: -15px;
    margin-top: -15px;
    border-radius: 30px;
    border: 1px solid transparent;
    border-top-color: #282828;
    border-left-color: #282828;
    border-bottom-color: #282828
  }
}

.loader.hide {
  opacity: 0
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.load_box {
  position: relative;
  height: 60px;
  overflow: hidden
}

.mv_btn, .news.main_area .main_area_inner ul {
  letter-spacing: -.40em
}

.mv_btn *, .news.main_area .main_area_inner ul * {
  letter-spacing: normal
}

a.link {
  text-decoration: underline;
  font-size: 12px;
  line-height: 2.16667;
  letter-spacing: 0.08em
}

a.link:visited, a.link:link {
  text-decoration: underline
}

a.link:hover {
  text-decoration: none
}

.bg-contain {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}

* {
  -webtki-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

body, th, td, h1, h2, h3, h4, h5, h6, pre, input, textarea, option, div, p, dt, dd, li, address {
  font-family: 'Hiragino Kaku Gothic ProN', '貂ｸ繧ｴ繧ｷ繝�け Medium', '繝｡繧､繝ｪ繧ｪ', meiryo, sans-serif;
  font-size: 12px;
  line-height: 2;
  font-weight: normal;
  font-style: normal;
  color: #000
}

body {
  background-color: #fff;
  position: relative;
  -webkit-transition: opacity .3s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity .3s cubic-bezier(0.25, 0.1, 0.25, 1);
  width: 100%;
  max-width: 100%;
  position: relative;
  min-width: 768px;
  min-height: 100%;
  min-height: calc(100vh - 128px);
  overflow-x: auto
}

body.firstloading {
  overflow: hidden
}

body.loading {
  min-height: 100vh
}

body[class*="chrome"] {
  -webkit-font-smoothing: antialiased
}

body[class*="safari"] {
  -webkit-font-smoothing: subpixel-antialiased;
  letter-spacing: 0
}

body.ua-sp {
  min-height: 600px;
  min-height: 100vh;
  min-width: 0;
  overflow-x: hidden;
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), margin-left 0.4s cubic-bezier(0.5, 0, 0.08, 1);
  transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), margin-left 0.4s cubic-bezier(0.5, 0, 0.08, 1)
}

::-moz-selection {
  background: #eee
}

::selection {
  background: #eee
}

::-moz-selection {
  background: #eee
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #f0f0f0 inset;
  box-shadow: 0 0 0 1000px #f0f0f0 inset
}

input, textarea {
  background-color: #fff
}

input:focus, textarea:focus {
  background-color: #eee
}

header, main, footer {
  width: 100%
}

.ua-sp main {
  margin-top: 58px
}

a {
  color: #000;
  text-decoration: none;
  -webkit-transition: opacity .5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity .5s cubic-bezier(0.25, 0.1, 0.25, 1)
}

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

a:hover {
  opacity: .5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
  -moz-opacity: .5;
  -khtml-opacity: .5;
  zoom: 1;
  text-decoration: none
}

.ua-sp a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1
}

#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 100vw;
  height: 100vh;
  z-index: 3;
  overflow: hidden;
  background-color: #fff
}

#loading_logo {
  width: 200px;
  height: auto
}

.ua-sp #loading_logo {
  width: 150px
}


/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */

.la-ball-pulse-sync, .la-ball-pulse-sync .loading_txt {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.la-ball-pulse-sync {
  display: block;
  font-size: 0;
  color: #fff
}

.la-ball-pulse-sync.la-dark {
  color: #333
}

.la-ball-pulse-sync .loading_txt {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor
}

.la-ball-pulse-sync .loading_txt {
  -webkit-animation: ball-pulse-sync 1.2s infinite ease-in-out;
  animation: ball-pulse-sync 1.2s infinite ease-in-out
}

.la-ball-pulse-sync .loading_txt:nth-child(0) {
  -webkit-animation-delay: -0.56s;
  animation-delay: -0.56s
}

.la-ball-pulse-sync .loading_txt:nth-child(1) {
  -webkit-animation-delay: -0.46s;
  animation-delay: -0.46s
}

.la-ball-pulse-sync .loading_txt:nth-child(2) {
  -webkit-animation-delay: -0.36s;
  animation-delay: -0.36s
}

.la-ball-pulse-sync .loading_txt:nth-child(3) {
  -webkit-animation-delay: -0.26s;
  animation-delay: -0.26s
}

.la-ball-pulse-sync .loading_txt:nth-child(4) {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s
}

.la-ball-pulse-sync .loading_txt:nth-child(5) {
  -webkit-animation-delay: -0.06s;
  animation-delay: -0.06s
}

.la-ball-pulse-sync .loading_txt:nth-child(6) {
  -webkit-animation-delay: 0.04s;
  animation-delay: 0.04s
}

.la-ball-pulse-sync .loading_txt:nth-child(7) {
  -webkit-animation-delay: 0.14s;
  animation-delay: 0.14s
}

@-webkit-keyframes ball-pulse-sync {
  14% {
    -webkit-transform: translateY(25%);
    transform: translateY(25%)
  }
  28% {
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%)
  }
  42% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes ball-pulse-sync {
  14% {
    -webkit-transform: translateY(25%);
    transform: translateY(25%)
  }
  28% {
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%)
  }
  42% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

header {
  width: 100%;
  position: relative;
  height: 190px
}

header .container, header .news_wrap, header .side_nav_ttl, header .ua-sp .news .main_area .detail_area, .ua-sp .news .main_area header .detail_area, header .ua-sp .relate_area, .ua-sp header .relate_area {
  padding: 61px 0 38px 0
}

header .logo {
  display: block
}

.ua-sp header {
  -webkit-transition: all .4s cubic-bezier(0.5, 0, 0.08, 1);
  transition: all .4s cubic-bezier(0.5, 0, 0.08, 1);
  position: fixed;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  border-bottom: 1px solid #e4e4e4;
  z-index: 1;
  background-color: #fff;
  height: 57px;
}

.ua-sp header .gnav_head, .ua-sp header .container, .ua-sp header .news_wrap, .ua-sp header .side_nav_ttl, .ua-sp header .news .main_area .detail_area, .ua-sp .news .main_area header .detail_area, .ua-sp header .relate_area {
  height: 100%
}

.nav_open {
  margin-left: -160px
}

.nav_open header {
  margin-left: -160px
}

.is--fixed .gnav__menublock {
  position: fixed
}

.ua-pc .is--fixed .gnav_menu {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
}

@media screen and (max-width: 800px) {
  .ua-pc .is--fixed .gnav_menu li a {
    font-size: 12px
  }
}

.is--fixed .logo--sticky {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 500ms, visibility 0ms;
  transition: opacity 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 500ms, visibility 0ms
}

.gnav__menuWrap {
  position: relative;
  height: 62px
}

.gnav__menublock {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  text-align: center;
  padding: 19px 0;
  z-index: 98;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.logo--sticky {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  margin: 3px 80px 0 11px;
  height: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms, visibility 0ms ease 500ms;
  transition: opacity 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms, visibility 0ms ease 500ms
}

.logo--sticky img {
  width: 100%;
  height: auto;
  display: block
}

.gnav_menu {
  text-align: center
}

.ua-pc .gnav_menu {
  display: inline-block;
  vertical-align: top;
  -webkit-transform: translate(-100px, 0);
  -ms-transform: translate(-100px, 0);
  transform: translate(-100px, 0);
  -webkit-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
  transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms
}

.ua-sp .gnav_menu {
  text-align: left;
  margin-top: 12px;
  padding-bottom: 50px
}

.ua-sp .gnav_menu>li {
  display: block;
  padding: 0 20px
}

.ua-sp .gnav_menu>li a {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  font-size: 14px;
  line-height: 45px;
  text-decoration: none;
  font-weight: bold;
  padding-bottom: 0
}

.gnav_menu>li {
  display: inline-block;
  padding: 0 11px
}

.gnav_menu>li:first-child {
  padding-left: 0
}

.ua-sp .gnav_menu>li:first-child {
  padding-left: 20px
}

.gnav_menu>li:last-child {
  padding-right: 0
}

.gnav_menu>li.gnav_social {
  padding: 0 7px
}

.ua-pc .gnav_menu>li.gnav_social {
  position: relative;
  top: 7px
}

.gnav_menu>li.gnav_social.line {
  padding-left: 15px
}
/*
.gnav_menu>li.gnav_social.tw {
  padding-right: 0
}*/
.gnav_menu>li.gnav_social.ig {
  padding-right: 0
}
.gnav_menu>li.gnav_social a {
  width: 22px;
  height: 22px;
  padding: 0;
  padding-right: 10px;
  background-image: url("img/common/sprite2.png");
}
.gnav_menu>li.ig a {
  width: 22px;
  height: 22px;
  padding: 0;
  padding-right: 10px;
  background: url(img/common/instagram.png) no-repeat !important;
}
.gnav_menu>li.tw a {
  width: 20px;
  height: 20px;
  padding: 0;
  padding-right: 10px;
  background: url(img/common/x.png) no-repeat;
}
.gnav_menu>li.gnav_online {
  margin-left: 6px
}

.gnav_menu>li.gnav_online a {
  /*width: 155px;*/
  text-align: center;
  font-size: 13px;
  line-height: 25px;
  color: #fff;
  position: relative;
  background-color: #666666;
  padding-bottom: 0
}
.gnav_online .btn_pdown {
	width: 155px;
}

.gnav_menu>li.gnav_online a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid #fff;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  margin-top: -3px
}

.ua-sp .gnav_menu>li.gnav_social {
  display: inline-block;
  padding-left: 0;
  padding-right: 12px;
  padding-top: 23px
}

.ua-sp .gnav_menu>li.gnav_social a {
  width: 14px;
  height: 14px;
  border-bottom: none;
  background-image: url("img/common/sprite.png")
}

.ua-sp .gnav_menu>li.gnav_social.line {
  padding-left: 17px
}

.ua-sp .gnav_menu>li a {
  background-size: auto 100%
}

.ua-sp .gnav_menu>li.line a {
  background-position: -81px 0
}

.ua-sp .gnav_menu>li.fb a {
  background-position: -95px 0
}
/*
.ua-sp .gnav_menu>li.tw a {
  background-position: -108px 0
}
*/
.ua-sp .gnav_menu>li.ig a {
  background-position: -122px 0
}
.ua-sp .gnav_menu>li.ig a {
  background: url(img/common/instagram_white.svg)no-repeat !important;
}

.gnav_menu>li.line a {
  background-position: -15px 0
}

.gnav_menu>li.fb a {
  background-position: -38px 0
}
/*
.gnav_menu>li.tw a {
  background-position: -60px 0
}
*/
.gnav_menu>li.ig a {
  background-position: -90px 0
}
.gnav_menu>li a {
  display: block;
  line-height: 20px;
  color: #666;
  font-size: 15px;
  letter-spacing: 0.08em;
  padding-bottom: 15px
}

.gnav_inner {
  background-color: #78b5d7;
  height: 100vh
}

.ua-sp .gnav_inner {
  -webkit-transition: all .4s cubic-bezier(0.5, 0, 0.08, 1);
  transition: all .4s cubic-bezier(0.5, 0, 0.08, 1);
  overflow: auto;
  position: fixed;
  top: 0;
  right: -175px;
  bottom: auto;
  left: auto;
  width: 175px;
}


.ua-sp.nav_open .gnav_inner {
  right: 0
}

.logo {
  text-align: center
}

.ua-sp .logo {
  height: 100%;
  line-height: 57px
}

.ua-sp .logo img {
  height: 16px;
  vertical-align: middle
}

#burger {
  position: absolute;
  top: 23px;
  right: 18px;
  width: 16px;
  height: 12px;
  cursor: pointer;
  display: block;
  z-index: 9999
}

.nav_open #burger span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.nav_open #burger span:nth-child(2) {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
  opacity: 0
}

.nav_open #burger span:nth-child(3) {
  -webkit-transform: rotate(-45deg) translateY(1px);
  -ms-transform: rotate(-45deg) translateY(1px);
  transform: rotate(-45deg) translateY(1px)
}

#burger span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #000;
  margin-bottom: 3px;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -webkit-transition-property: opacity background-color, -webkit-transform;
  transition-property: opacity background-color, -webkit-transform;
  transition-property: transform, opacity background-color;
  -webkit-transition-property: -webkit-transform, opacity background-color, -webkit-transform;
  transition-property: transform, opacity background-color, -webkit-transform;
  -webkit-transition-duration: 300ms, 300ms, 200ms;
  transition-duration: 300ms, 300ms, 200ms;
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1)
}

#burger span:nth-child(3) {
  -webkit-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left
}

#progress {
  width: 0;
  background-color: #78b5d7;
  height: 5px;
  z-index: 10000;
  position: fixed;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0
}

.firstload #progress {
  position: absolute;
  z-index: 1
}

.firstload.ua-sp #progress {
  z-index: 2
}

.ua-sp #progress {
  height: 2px;
  position: fixed
}

#loader {
  position: fixed;
  top: 50%;
  top: 50vh;
  left: 50%;
  left: 50vw;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  zoom: 1;
  -webkit-transition: opacity .3s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity .3s cubic-bezier(0.25, 0.1, 0.25, 1);
  margin-left: -16px
}

#loader.show {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1
}

.ua-sp #loader {
  top: 250px;
  margin-left: -8px
}


/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */

.loader, .loader>div {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.loader {
  display: block;
  font-size: 0;
  color: #fff
}

.loader>div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor
}

.loader {
  width: 32px;
  height: 32px;
  border-width: 5px
}

@media only screen and (max-width: 479px) {
  .loader {
    width: 16px;
    height: 16px
  }
}

.loader>div {
  width: 32px;
  height: 32px;
  background: transparent;
  border-width: 12px;
  border-bottom-color: transparent;
  border-radius: 100%;
  -webkit-animation: ball-clip-rotate .75s linear infinite;
  animation: ball-clip-rotate .75s linear infinite
}

@media only screen and (max-width: 479px) {
  .loader>div {
    width: 16px;
    height: 16px;
    border-width: 3px
  }
}

@-webkit-keyframes ball-clip-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes ball-clip-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.wrapper_ {
  font-size: 0
}

.btn_ajax.current {
  opacity: .4;
  filter: alpha(opacity=40);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
  -moz-opacity: .4;
  -khtml-opacity: .4;
  zoom: 1
}

#wrapAll {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  zoom: 1;
  -webkit-transition: opacity .5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity .5s cubic-bezier(0.25, 0.1, 0.25, 1);

}

.firstload #wrapAll {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1
}

.ua-sp .members.ttl_scroll {
  margin-top: -21px
}

.container, .news_wrap, .side_nav_ttl, .ua-sp .news .main_area .detail_area, .ua-sp .relate_area {
  min-width: 653.37313px;
  padding: 0 20px;
  /*max-width: 1140px;*/
	max-width: 1200px;
  width: 100%;
  margin: 0 auto
}

.ua-sp .container, .ua-sp .news_wrap, .ua-sp .side_nav_ttl, .ua-sp .news .main_area .detail_area, .ua-sp .relate_area {
  min-width: 0;
  width: 87.5%;
  margin-left: auto;
  margin-right: auto;
  padding: 0
}

.ua-sp .container.large, .ua-sp .large.news_wrap, .ua-sp .large.side_nav_ttl, .ua-sp .news .main_area .large.detail_area, .ua-sp .large.relate_area {
  min-width: 0;
  width: 87.5%;
  margin-left: auto;
  margin-right: auto;
  padding: 0
}

.container.large, .large.news_wrap, .large.side_nav_ttl, .ua-sp .news .main_area .large.detail_area, .ua-sp .large.relate_area {
  min-width: 768px;
  max-width: 1340px;
  width: 100%
}

.container.members, .members.news_wrap, .members.side_nav_ttl, .ua-sp .news .main_area .members.detail_area, .ua-sp .members.relate_area {
  margin-top: 0;
  margin-bottom: 48px
}

.container.members .members_wrap, .members.news_wrap .members_wrap, .members.side_nav_ttl .members_wrap, .ua-sp .news .main_area .members.detail_area .members_wrap, .ua-sp .members.relate_area .members_wrap {
  background-color: #fff;
  border: 3px solid #78b5d7;
  max-width: 1100px;
  padding: 54px 88px
}

.container.members .table, .members.news_wrap .table, .members.side_nav_ttl .table, .ua-sp .news .main_area .members.detail_area .table, .ua-sp .members.relate_area .table {
  table-layout: fixed
}

.container.members .tcell, .members.news_wrap .tcell, .members.side_nav_ttl .tcell, .ua-sp .news .main_area .members.detail_area .tcell, .ua-sp .members.relate_area .tcell {
  width: 640px
}

.ua-sp .container.members .tcell, .ua-sp .members.news_wrap .tcell, .ua-sp .members.side_nav_ttl .tcell, .ua-sp .news .main_area .members.detail_area .tcell, .ua-sp .members.relate_area .tcell {
  width: auto;
  padding-right: 40px
}

.container.members .tcell+.tcell, .members.news_wrap .tcell+.tcell, .members.side_nav_ttl .tcell+.tcell, .ua-sp .news .main_area .members.detail_area .tcell+.tcell, .ua-sp .members.relate_area .tcell+.tcell {
  width: 272px
}

.ua-sp .container.members .tcell+.tcell, .ua-sp .members.news_wrap .tcell+.tcell, .ua-sp .members.side_nav_ttl .tcell+.tcell, .ua-sp .news .main_area .members.detail_area .tcell+.tcell, .ua-sp .members.relate_area .tcell+.tcell {
  width: 98px
}

.ua-sp .container.members, .ua-sp .members.news_wrap, .ua-sp .members.side_nav_ttl, .ua-sp .news .main_area .members.detail_area, .ua-sp .members.relate_area {
  margin-top: -50px;
  margin-bottom: 42px
}

.container.concept, .concept.news_wrap, .concept.side_nav_ttl, .ua-sp .news .main_area .concept.detail_area, .ua-sp .concept.relate_area {
  background-image: url("img/common/bg.png");
  background-repeat: repeat;
  width: 100%;
  max-width: none;
  min-height: 100%;
  -webtki-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 211px 0
}

.ua-sp .container.concept, .ua-sp .concept.news_wrap, .ua-sp .concept.side_nav_ttl, .ua-sp .news .main_area .concept.detail_area, .ua-sp .concept.relate_area {
  min-height: 0;
  padding: 0;
  background-size: 150px auto
}

#page {
  position: relative
}

#page:before {
  content: '';
  display: inline-block
}

#page, #contents, #main, .container.concept, .concept.news_wrap, .concept.side_nav_ttl, .ua-sp .news .main_area .concept.detail_area, .ua-sp .concept.relate_area {
  min-height: -o-calc(100vh - 190px - 128px);
  min-height: calc(100vh - 190px - 128px)
}

.ua-sp #page, .ua-sp #contents, .ua-sp #main, .ua-sp .container.concept, .ua-sp .concept.news_wrap, .ua-sp .concept.side_nav_ttl, .ua-sp .news .main_area .concept.detail_area, .ua-sp .concept.relate_area {
  min-height: 0
}

#catlabel, #catlabel+.selectbox a, #dylabel, #dylabel+.selectbox a {
  font-size: 12px
}

.ecBanner {
  padding-top: 50px
}

.ecBanner a {
  display: block
}

.ua-sp .ecBanner {
  padding-top: 20px
}

.ecBanner__img {
  width: 100%;
  height: auto
}

.slider {
  overflow: hidden;
  position: relative;
  width: 100%;
  background: #fff
}

.slider .slider_pic {
  -webkit-transition: -webkit-transform 9s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: transform 9s cubic-bezier(0.25, 0.1, 0.25, 1)
}

.slider .slider_pic li {
  cursor: pointer;
  opacity: 0;
  z-index: 0;
  -webkit-transition: opacity 2s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 9s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 2s cubic-bezier(0.25, 0.1, 0.25, 1), transform 9s cubic-bezier(0.25, 0.1, 0.25, 1);
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  zoom: 1;
}

.slider .slider_pic li a {
  display: block;
  position: relative
}

.slider .slider_pic li.init {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1;
  z-index: 1
}

.slider .slider_pic li.out {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  zoom: 1;
  z-index: 0
}

.slider .slider_pic li.active {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1;
  z-index: 1
}

.slider .slider_ctr {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 8px;
  left: 0%;
  z-index: 99;
  width: 100%;
  text-align: center
}

.slider .slider_ctr.circle {
  opacity: .8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  zoom: 1;
}

.slider .slider_ctr.circle li {
  background-color: #fff;
  border: #fff solid 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%
}

.ua-sp .slider .slider_ctr.circle li {
  width: 10px;
  height: 10px
}

.slider .slider_ctr.circle li.active {
  background-color: #78b5d7
}

.slider .slider_ctr li {
  display: inline-block;
  background-color: #4d4d4d;
  width: 16px;
  height: 3px;
  margin-left: 10px;
  -webkit-transition: background-color .5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: background-color .5s cubic-bezier(0.25, 0.1, 0.25, 1)
}

.slider .slider_ctr li:first-child {
  margin-left: 0
}

.slider .slider_ctr li.active {
  background-color: #fff
}

.shop-content {
  position: absolute;
  top: 250px;
  right: auto;
  bottom: auto;
  left: 56.14286%;
  display: none;
  background-color: #fff;
  padding: 25px 35px
}

.shop-content .content_inner {
  position: relative
}

.shop-content .content_inner .txt_blue {
  font-size: 14px;
  font-weight: bold
}

.shop-content .close_img {
  position: absolute;
  top: auto;
  right: -20px;
  bottom: -17px;
  left: auto
}

.content_box {
  padding: 78px 0 88px 0
}

.content_box.topsmall {
  padding: 55px 0 65px 0
}

.ua-sp .content_box.topsmall {
  padding: 48px 0 60px 0
}

.ua-sp .content_box {
  padding: 48px 0 60px 0
}

.content_box.small {
  padding: 50px 0 48px 0
}

.gray_box, .news_wrap {
  background-color: #f7f7f7
}

.ttl {
  font-size: 20px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.04em;
  text-align: center;
  margin-bottom: 50px
}

.ttl.override {
  margin-bottom: 0;
  position: absolute;
  top: 78px;
  right: auto;
  bottom: auto;
  left: 0;
  z-index: 9999999;
  display: block;
  width: 100%
}

.ttl.mid {
  font-size: 24px
}

.ua-sp .ttl.mid {
  font-size: 20px
}

.ttl.sizes {
  font-size: 16px;
  line-height: 1.875
}

.ttl.large {
  font-size: 28px;
  margin-bottom: 63px
}

.ua-sp .ttl.large {
  font-size: 18px
}

.ttl.small {
  margin-bottom: 15px
}

.ua-sp .ttl.small.top {
  margin-bottom: 20px
}

.ttl.small span {
  padding-bottom: 5px
}

.ttl.fsset {
  font-size: 28px !important;
  margin-bottom: 20px !important
}

.ua-sp .ttl {
  font-size: 16px;
  line-height: 1.85714;
  margin-bottom: 30px
}

.ua-pc-safari .ttl, .ua-sp-safari .ttl {
  letter-spacing: 0.01em !important
}

.ttl.concept {
  line-height: 1;
  margin-bottom: 64px
}

.ttl.concept span {
  line-height: 1
}

.ua-sp .ttl.concept {
  position: relative;
  margin-bottom: 56px
}

.ua-sp .ttl.concept span {
  position: static
}

.ua-sp .ttl.concept span:after {
  bottom: -24px
}

.ttl.concept span {
  font-weight: bold;
  font-size: 18px;
  line-height: 2.11111
}

.ua-sp .ttl.concept span {
  font-size: 16px
}

.ttl.concept span:after {
  width: 41px;
  height: 1px;
  margin-left: -20px;
  position: absolute;
  top: auto;
  right: auto;
  bottom: -20px;
  left: 50%
}

.ttl .left span:after {
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom
}

.ttl_scroll .ttl span:after {
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0)
}

.ttl_scroll .ttl.left span:after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  width: 0;
  -webkit-transition: width .5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: width .5s cubic-bezier(0.25, 0.1, 0.25, 1)
}

.ttl_scroll_load .ttl span:after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1)
}

.ttl_scroll_load .ttl.left span:after {
  width: 100%
}

.ttl.giant span {
  font-size: 40px
}

.ua-sp .ttl.giant span {
  display: inline-block;
  font-size: 26px;
  line-height: 1.30769;
  margin-bottom: 3px;
  padding-bottom: 2px
}

.ua-sp .ttl.giant span:first-child {
  margin-bottom: 5px
}

.ttl.nobbor span:after {
  display: none
}

.ttl span {
  position: relative;
  padding-bottom: 6px
}

.ua-sp .ttl span {
  padding-bottom: 7px
}

.txt_white .ttl span {
  color: #fff
}

.ttl span:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  background-color: #000;
  -webkit-transition: all .5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all .5s cubic-bezier(0.25, 0.1, 0.25, 1)
}

.txt_white .ttl span:after {
  background-color: #fff
}

.list_checkbox li {
  position: relative;
  font-size: 15px;
  line-height: 2.4;
  font-weight: bold;
  text-indent: 2.5em
}

.ua-sp .list_checkbox li {
  font-size: 13px
}

.ua-sp .list_checkbox li:before {
  left: 0
}

.ua-sp .list_checkbox li span {
  left: 4px
}

.list_checkbox li:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 6px;
  width: 20px;
  height: 20px;
  border: 2px solid #e0e0e0;
  -webtki-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.list_checkbox li span {
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  left: 9px;
  top: 4px
}

.list_checkbox li span:after {
  content: "";
  display: block;
  width: 19px;
  height: 9px;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  border-top: 3px solid #78b5d7;
  border-right: 3px solid #78b5d7;
  -webkit-transform: rotate(135deg) scale(0, 0);
  -ms-transform: rotate(135deg) scale(0, 0);
  transform: rotate(135deg) scale(0, 0);
  -webkit-transition: all .5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all .5s cubic-bezier(0.25, 0.1, 0.25, 1);
  -webtki-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ttl_scroll_load .list_checkbox li span:after {
  width: 19px;
  height: 9px;
  -webkit-transform: rotate(135deg) scale(1, 1);
  -ms-transform: rotate(135deg) scale(1, 1);
  transform: rotate(135deg) scale(1, 1)
}

.list_checkbox li:first-child span:after {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s
}

.list_checkbox li:nth-child(2) span:after {
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}

.list_checkbox li:nth-child(3) span:after {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s
}

.list_shopqr {
  font-size: 0
}

.list_shopqr li {
  float: left;
  margin-right: 1.19826%;
  letter-spacing: -.40em;
  border: 1px solid #dddddd;
  width: 32.02614%;
  margin-bottom: 15px;
  list-style: none;
  font-size: 0;
  padding: 0 15px
}

.ua-sp .list_shopqr li {
  float: none;
  width: 100%;
  margin-bottom: 0;
  border: none;
  padding: 0;
  border-top: 1px solid #dddddd
}

.list_shopqr li:nth-child(3n) {
  margin-right: 0
}

.list_shopqr li a {
  padding-top: 17px;
  padding-bottom: 17px;
  display: block;
  letter-spacing: 0;
  font-size: 14px;
  padding-right: 20px
}

.ua-sp .list_shopqr li a {
  padding-top: 17px;
  padding-bottom: 17px
}

.list_shopqr li a:before {
  width: 5px;
  height: 5px;
  top: -o-calc(1em + 17px);
  top: calc(1em + 17px)
}

.ua-sp .list_shopqr li a:before {
  width: 6px;
  height: 6px
}

.list_shopqr li a:hover {
  color: #000000
}

.ua-sp .txt {
  font-size: 14px;
  line-height: 1.85714;
  letter-spacing: 0.04em
}

.txt_ttl {
  font-size: 20px;
  line-height: 2;
  letter-spacing: 0.04em
}

.txt_m {
  font-size: 14px;
  line-height: 1.57143;
  letter-spacing: 0.03em
}

.ua-sp .txt_m {
  font-size: 12px;
  line-height: 2
}

.txt_sub {
  font-size: 10px;
  line-height: 4
}

.ua-sp .txt_sub {
  font-family: "Hiragino Kaku Gothic ProN", "繝｡繧､繝ｪ繧ｪ", sans-serif;
  font-size: 12px;
  line-height: 1.5
}

.list_caution {
  display: table
}

.list_caution li {
  display: table-row;
  line-height: 1.5
}

.list_caution li:before {
  display: table-cell;
  text-align: right;
  content: "窶ｻ"
}

.btn {
  text-align: center
}

.btn.social {
  width: 23%;
  margin-left: 2%;
  padding-left: 0
}

.ua-sp .btn.social {
  width: 100%;
  margin-left: 0;
  text-align: left;
  margin-bottom: 10px
}

.ua-sp .btn.social a {
  padding: 0 20px
}

.ua-sp .btn.social a span {
  line-height: 60px
}

.btn.social:first-child {
  margin-left: 0
}

.btn.social:first-child a {
  margin-left: 0
}

.btn.social a {
  color: #fff;
  border: none;
  display: block;
  border-radius: 0
}

.btn.social a:before {
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 1
}

.ua-sp .btn.social a {
  width: 100%;
  height: 60px;
  line-height: 60px
}

.btn.social a span {
  position: relative;
  display: inline-block
}

.btn.social a span img {
  vertical-align: middle;
  margin-right: 10px
}

.btn.social.line a {
  background-color: #b4cc44
}

.btn.social.line a span:before {
  background-position: -76px 0
}

.btn.social.fb a {
  background-color: #7398d5
}

.btn.social.fb a span:before {
  background-position: -94px 0
}

.btn.social.tw a {
  background-color: #65b5da
}

.btn.social.tw a span:before {
  background-position: -57.8px 0
}

.btn.social.ig a {
  background-color: #CF2E92
}

.btn.social.ig a span:before {
  background-position: -57.8px 0
}

.btn a {
  display: inline-block;
  font-weight: bold;
  padding: 0 35px;
  border-radius: 20px;
  font-size: 12px;
  line-height: 3.33333;
  color: #000;
  position: relative;
  letter-spacing: 0.04em
}

.btn a:before {
  width: 50%;
  height: 100%;
  margin-left: -25%;
  left: 50%;
  border-radius: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  zoom: 1;
  background-color: #d9d9d9;
  z-index: -1;
  -webkit-transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1)
}

.btn a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1
}

.btn a:hover:before {
  width: 100%;
  margin-left: -50%;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1
}

.container_ {
  -webkit-transition: background-color .5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: background-color .5s cubic-bezier(0.25, 0.1, 0.25, 1)
}

.contents_ {
  -webkit-transition: all .5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all .5s cubic-bezier(0.25, 0.1, 0.25, 1);
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  zoom: 1;
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0)
}

.mainframe_ {
  padding-top: 0px;
  padding-bottom: 90px
}

.mainframe_.large {
  padding-top: 0px;
  padding-bottom: 130px
}

.ua-sp .mainframe_.large {
  padding-top: 48px;
  padding-bottom: 48px;
  border-top: none
}

.ua-sp .mainframe_.large.pb0 {
  padding-bottom: 48px !important
}

.mainframe_.small {
  padding-bottom: 60px
}

.ua-sp .mainframe_.small {
  padding-bottom: 28px
}

.ua-sp .mainframe_ {
  padding-top: 48px;
  padding-bottom: 55px
}

.ua-sp .mainframe_.news {
  padding-bottom: 10px
}

.ua-sp .mainframe_.newsdetail {
  padding-top: 0;
  padding-bottom: 21px;
  width: 100%
}

.show {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1;
  -webkit-transition: none;
  transition: none
}

.load {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1
}

.trans_fadeout {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  zoom: 1;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0)
}

.new {
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0)
}

.trans_fadein {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.hover {
  display: block
}

.hover .hover_show {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  zoom: 1;
  -webkit-transition: opacity .2s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity .2s cubic-bezier(0.25, 0.1, 0.25, 1)
}

.hover .hover_show .txt_sub {
  line-height: 1.57143
}

.hover .hover_show.line .hover_wrap {
  position: relative
}

.hover .hover_show.line:after, .hover .hover_show.line:before, .hover .hover_show.line .hover_wrap:after, .hover .hover_show.line .hover_wrap:before {
  -webkit-transition: all .5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all .5s cubic-bezier(0.25, 0.1, 0.25, 1);
  background-color: #78b5d7
}

.hover .hover_show.line:before, .hover .hover_show.line:after {
  width: 0;
  height: 2px
}

.hover .hover_show.line .hover_wrap:after, .hover .hover_show.line .hover_wrap:before {
  height: 0;
  width: 2px
}

.hover .hover_show.line:before {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0
}

.hover .hover_show.line:after {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: auto
}

.hover .hover_show.line .hover_wrap:before {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0
}

.hover .hover_show.line .hover_wrap:after {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: auto
}

.hover.top .ttl span:after {
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0)
}

.hover.top:hover .ttl, .hover.top:hover .ico_arr {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.hover.top:hover .ttl span:after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1)
}

.hover:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1
}

.hover:hover .hover_show {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1
}

.hover:hover .hover_show.line:after, .hover:hover .hover_show.line:before {
  width: 100%
}

.hover:hover .hover_show.line .hover_wrap:after, .hover:hover .hover_show.line .hover_wrap:before {
  height: 100%
}

.txt_arr {
  position: relative
}

.txt_arr.right:before {
  left: auto;
  right: 0
}

.ua-sp .txt_arr.right:before {
  left: auto;
  right: 0
}

.txt_arr:before {
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: -5px;
  content: "";
  width: 4px;
  height: 4px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.ua-sp .txt_arr:before {
  left: -1em
}

.selectbox {
  -webkit-transition: height .5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: height .5s cubic-bezier(0.25, 0.1, 0.25, 1);
  height: 0;
  overflow: hidden
}

.ua-sp .selectbox.top a {
  padding-left: 0;
  padding-top: 2px;
  padding-bottom: 2px
}

.ua-sp .selectbox ul a {
  font-size: 12px;
  line-height: 2;
  padding-left: 1em;
  padding-top: 7px;
  padding-bottom: 7px
}

.txt_arr_down {
  position: relative
}

.txt_arr_down.open:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: -2px
}

.ua-sp .ico_pdown .txt_arr_down {
  padding-left: 20px
}

.ua-sp .ico_pdown .txt_arr_down.open:before {
  margin-top: -3px
}

.ua-sp .ico_pdown .txt_arr_down:before {
  margin-top: -5px;
  left: 0
}

.txt_arr_down.small:before {
  width: 5px;
  height: 5px;
  margin-top: -5px;
  left: -20px
}

.txt_arr_down:before {
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: -13px;
  content: "";
  width: 4px;
  height: 4px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all .5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all .5s cubic-bezier(0.25, 0.1, 0.25, 1)
}

.ico_pdown>.btn_pdown {
  padding-left: 20px
}

.ico_pdown>.btn_pdown:before {
  left: 1px
}

.ico_pdown, .ico_arr {
  text-align: center;
  font-size: 12.78px;
  line-height: 2;
  display: block
}

.ico_pdown.right a:before, .ico_pdown.right .ico_arr_inner:before, .ico_arr.right a:before, .ico_arr.right .ico_arr_inner:before {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg)
}

.ico_pdown.gray a, .ico_pdown.gray .ico_arr_inner, .ico_arr.gray a, .ico_arr.gray .ico_arr_inner {
  color: #a3a3a3
}

.ico_pdown.gray a:before, .ico_pdown.gray .ico_arr_inner:before, .ico_arr.gray a:before, .ico_arr.gray .ico_arr_inner:before {
  background-position: 14px 0;
  background-size: auto 100%;
  margin-right: 4px
}

.ico_pdown a, .ico_pdown .ico_arr_inner, .ico_arr a, .ico_arr .ico_arr_inner {
  font-size: 12.78px;
  position: relative;
  line-height: 2;
  display: inline-block;
  font-weight: bold;
  letter-spacing: 0.04em
}

.txt_white .ico_pdown a, .txt_white .ico_pdown .ico_arr_inner, .txt_white .ico_arr a, .txt_white .ico_arr .ico_arr_inner {
  color: #fff
}

.ico_pdown a:before, .ico_pdown .ico_arr_inner:before, .ico_arr a:before, .ico_arr .ico_arr_inner:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-image: url("img/common/sprite.png");
  background-position: -8px 0
}

.ua-sp .ico_pdown a:before, .ua-sp .ico_pdown .ico_arr_inner:before, .ua-sp .ico_arr a:before, .ua-sp .ico_arr .ico_arr_inner:before {
  width: 5px;
  height: 5px
}

.ico_pdown .ico_arr_inner:before, .ico_arr .ico_arr_inner:before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.hide {
  display: none !important
}

.mv {
  width: 100%;
  margin-top: -50px;
  background-color: #fff;
	  

}

.mv.concept {
  margin-top: 0;
  margin-bottom: 48px
}

.ua-sp .mv.concept {
  margin-top: -50px;
  margin-bottom: 42px
}

.mv.brand .tcell_left {
  padding-right: 50px
}

.ua-sp .mv.brand .tcell_left {
  padding-right: 15px
}

.mv.brand .tcell_left .mv_ttl {
  margin-bottom: 30px
}

.ua-sp .mv.brand .mv_wrap {
  background-color: transparent
}

.mv.brand .mv_ttl, .mv.brand .tcell_right {
  font-size: 0
}

.mv.brand img[alt*="MOTOMACHI"] {
  height: 55px
}

.mv.brand img[alt*="MOTOMACHI"].logo {
  height: 55px
}

.ua-sp .mv.brand img[alt*="MOTOMACHI"].logo {
  height: 29px
}

.ua-sp .mv.brand img[alt*="MOTOMACHI"] {
  height: 50px
}

.mv.brand img.large {
  height: 100%
}

.ua-sp .mv.brand img.large {
  height: 160px
}

.ua-sp .mv.brand img {
  height: 20px
}

.ua-sp .mv.brand img.logo {
  height: 15px
}

.mv.brand .mv_wrap .pad {
  padding: 60px 0
}

.ua-sp .mv.brand .mv_wrap .pad {
  padding: 0
}

.ua-sp .mv.brand .mv_wrap {
  padding: 30px 0
}

.ua-sp .mv.brand .mv_wrap .mv_txt {
  font-size: 14px
}

.mv.brand .mv_wrap, .mv.brand .mv_inner, .mv.brand .mv_inner li {
  height: auto
}

.ua-sp .mv.brand .mv_wrap, .ua-sp .mv.brand .mv_inner, .ua-sp .mv.brand .mv_inner li {
  height: auto
}

.mv .mv_wrap, .mv .mv_inner, .mv .mv_inner li {
  height: auto
}

.mv .mv_inner {
  height: 0;
  padding-top: 41.92%
}

.mv .mv_inner li {
  width: 100%;
  height: 100%
}

.ua-sp .mv .mv_inner, .ua-sp .mv .mv_inner li {
  background-size: 150px auto
}

.ua-sp .mv .mv_inner.bg-contain, .ua-sp .mv .mv_inner li.bg-contain {
  background-size: cover
}

.mv .mv_inner .hover_show, .mv .mv_inner li .hover_show {
  display: table;
  width: 100%;
  height: 100%
}

.mv .hover_wrap {
  display: table-cell;
  vertical-align: middle
}

.mv li.hover:hover .hover_show {
  background-color: #78b5d7;
  opacity: .9;
  filter: alpha(opacity=90);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
  -moz-opacity: .9;
  -khtml-opacity: .9;
  zoom: 1
}

.ua-sp .mv li.hover:hover .hover_show {
  background-color: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1
}

.ua-sp .mv .mv_subttl a {
  display: block;
  font-size: 13px;
  line-height: 58px;
  letter-spacing: 0.04em;
  font-weight: bold
}

.ua-pc-safari .mv .mv_subttl, .ua-sp-safari .mv .mv_subttl {
  letter-spacing: 0
}

.mv .mv_wrap {
  background-color: #f7f7f7;
  display: table;
  position: relative;
  width: 100%
}

.ua-sp .mv .mv_wrap {
  table-layout: fixed;
  height: auto;
  padding: 20px 0
}

.mv .mv_left, .mv .mv_right {
  width: 50%;
  display: table-cell;
  vertical-align: middle
}

.ua-sp .mv .mv_left {
  padding-left: 6.25%
}

.ua-sp .mv .mv_left img {
  width: 79.375%
}

.mv .mv_left img {
  width: 64.09336%;
  height: auto
}

.mv .mv_right img {
  width: 100%;
  height: auto
}

.mv .mv_ttl {
  margin-bottom: 40px
}

.ua-sp .mv .mv_ttl {
  margin-bottom: 0
}

.mv .mv_txt {
  font-size: 14px;
  line-height: 2.14286
}

.ua-sp .mv .mv_txt {
  font-size: 12px;
  line-height: 2;
  padding: 10px 0
}

.mv_btn {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px
}

.ua-sp .mv_btn {
  padding-top: 30px;
  padding-bottom: 0
}

.mv_btn li {
  display: inline-block;
  padding-left: 10px
}

.mv_btn li span {
  font-size: 16px;
  line-height: 70px
}

.mv_btn li:first-child {
  padding-left: 0
}

.bold {
  font-weight: bold;
  font-size: 14px
}

.shopmap {
  position: relative
}

.boxlink {
  margin: 60px auto;
  overflow: hidden;
}

.ua-sp .boxlink {
  margin-top: 9px;
  padding-bottom: 18px
}

.boxlink .boxlink_btn {
  float: left;
  width: 48.45455%;
  height: 128px;
  padding-left: 33px;
  padding-right: 33px;
  display: table;
  position: relative;
  border: 2px solid #1a1a1a
}

.ua-sp .boxlink .boxlink_btn:first-child {
  margin-bottom: 20px
}

.boxlink .boxlink_btn a {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.ua-sp .boxlink .boxlink_btn {
  width: 100%;
  height: 147px;
  padding-left: 10px;
  padding-right: 10px
}

.boxlink .boxlink_btn:after {
  width: 24px;
  height: 24px;
  left: auto;
  right: -2px;
  top: -2px;
  background-image: url("img/common/corner.png")
}

.boxlink .boxlink_btn+.boxlink_btn {
  float: right
}

.brand .brand_box {
  cursor: pointer;
  width: 32.3%;
  margin-left: 1.53846%;
  float: left;
  background-color: #fff
}

.ua-sp .brand .brand_box {
  padding: 20px 0 20px 0
}

.brand .brand_box .brand_pic, .brand .brand_box .brand_logo {
  -webkit-transition: all .5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all .5s cubic-bezier(0.25, 0.1, 0.25, 1)
}

.brand .brand_box .brand_logo {
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  zoom: 1
}

.brand .brand_box a {
  display: block
}

.brand .brand_box a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1
}

.brand .brand_box a:hover .brand_pic {
  opacity: .25;
  filter: alpha(opacity=25);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=25)";
  -moz-opacity: .25;
  -khtml-opacity: .25;
  zoom: 1
}

.brand .brand_box a:hover .brand_logo {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1
}

.ua-sp .brand .brand_box {
  width: 100%;
  background-color: transparent
}

.ua-sp .brand .brand_box:last-child {
  border-bottom: none;
  padding-bottom: 0
}

.ua-sp .brand .brand_box figure {
  margin-top: 20px;
  margin-bottom: 20px
}

.brand .brand_box:first-child {
  margin-left: 0;
  padding-top: 0
}

.brand .brand_box .txt_m {
  margin: 20px;
  font-size: 13px
}

.ua-sp .brand .brand_box .txt_m {
  margin: 5px
}

.txt_lead {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
  font-size: 14px
}

#box-map, #map_canvas {
  height: 500px;
  width: 100%;
  margin: 0 auto
}

.stylebook {
  display: none
}

.stylebook#stylebook .btn {
  margin-top: 38px
}

.ua-sp .stylebook#stylebook .btn {
  margin-top: 32px;
  display: none
}

.ua-sp .stylebook#stylebooklist {
  padding-top: 0
}

.stylebook#stylebooklist+#itemloader {
  margin-bottom: 50px
}

.ua-sp .stylebook#stylebooklist+#itemloader {
  margin-top: 50px;
  margin-bottom: 0
}

.ua-sp .stylebook#stylebooklist+#itemloader .loader {
  margin-left: -8px
}

.ua-sp .stylebook#stylebooklist {
  padding-bottom: 0
}

.stylebook#stylebooklist .stylebook_box {
  padding-bottom: 24px
}

.ua-sp .stylebook#stylebooklist .stylebook_box {
  padding-bottom: 0;
  margin-bottom: 10px
}

.ua-sp .stylebook#stylebooklist .stylebook_box:last-child {
  padding-bottom: 0;
  margin-bottom: 0
}

.stylebook#stylebooklist .stylebook_wrapper {
  text-align: left;
  white-space: normal
}

.ua-pc .stylebook .stylebook_wrapper {
  text-align: center;
  font-size: 0;
  min-width: 768px;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap
}

.ua-pc .stylebook .stylebook_box a {
  position: relative;
  display: block;
  height: 99.5%;
  background: #000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 99%;
  margin-left: auto;
  margin-right: auto
}

.ua-pc .stylebook .stylebook_box a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1
}

.ua-pc .stylebook .stylebook_box a .bg-cover {
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.ua-pc .stylebook .stylebook_box:hover .bg-cover {
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
  -moz-opacity: .7;
  -khtml-opacity: .7;
  zoom: 1
}

.ua-pc .stylebook .stylebook_box:hover .stylebook_ttl {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1
}

.ua-pc .stylebook .stylebook_box .stylebook_box_inner {
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.ua-pc .stylebook .stylebook_box .stylebook_ttl {
  width: 100%;
  height: 100%;
  font-family: 'Montserrat', 'Hiragino Kaku Gothic ProN', '貂ｸ繧ｴ繧ｷ繝�け Medium', '繝｡繧､繝ｪ繧ｪ', meiryo, sans-serif;
  color: #fff;
  font-size: 14px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  zoom: 1;
  -webkit-transition: all 1s;
  transition: all 1s;
  display: table
}

.ua-pc .stylebook .stylebook_box .stylebook_ttl_inner {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px;
  text-align: center
}

.stylebook .stylebook_box {
  width: 23.32105%;
  height: 386px;
  display: inline-block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding-right: 2.10526%;
  overflow: hidden
}

.ua-sp .stylebook .stylebook_box {
  float: left;
  height: 203px
}

.ua-sp .stylebook .stylebook_box {
  width: 48.56115%;
  margin-bottom: 10px;
  padding-right: 0
}

.ua-sp .stylebook .stylebook_box:nth-child(2n) {
  float: right
}

.ua-sp .stylebook .stylebook_box:nth-child(5), .ua-sp .stylebook .stylebook_box:nth-child(6) {
  margin-bottom: 0
}

.stylebook .stylebook_box:nth-child(4n) {
  padding-right: 0
}

.stylebook .stylebook_box .stylebook_box_inner {
  width: 100%;
  height: 100%
}

.stylebook .stylebook_box .bg-cover {
  background-size: cover;
  background-position: top center;
  width: 100.5%;
  height: 100.5%;
  -webkit-transition: all 1s;
  transition: all 1s
}

.news_box {
  width: 33.3%;
  margin-bottom: 33px
}

.ua-sp .news_box {
  width: 100%;
  float: none;
  margin-bottom: 21px
}

.news_pic {
  width: 47.54098%;
  display: table-cell
}

.ua-sp .news_pic {
  padding-right: 10px
}

.news_pic img {
  width: 100%;
  height: auto
}

.news_txt {
  padding-left: 25px;
  padding-right: 25px;
  display: table-cell;
  vertical-align: top;
  /*line-height: 2.8*/
}

.ua-sp .news_txt {
  padding-left: 10px;
  padding-right: 0;
  line-height: 1.8
}

.news_time {
  font-size: 12px;
  letter-spacing: 0.03em;
  font-weight: bold
}

.news_ttl {
  font-size: 14px;
  font-weight: bold;
  word-wrap: break-word;
}

.news_tag {
  color: #78b5d7;
  font-size: 10px;
  line-height: 4;
  font-weight: bold;
  letter-spacing: 0.04em
}

.ua-pc-safari .news_tag, .ua-sp-safari .news_tag {
  letter-spacing: 0em !important
}

.news_tag .item_node .item_node {
  display: none
}

.news_wrap {
  display: table;
  width: 100%
}

#shopcat {
  overflow: hidden
}

.item_wrap+.loader_wrap {
  margin-bottom: 120px
}

.ua-sp .item_wrap+.loader_wrap {
  margin-bottom: 80px
}

.ua-sp .item_wrap {
  padding-top: 9px
}

.item_wrap .item .item_box {
  padding-left: 10px;
  padding-right: 10px
}

.item_wrap .item_box {
  margin-bottom: 80px
}

.item_wrap .item_box a {
  position: relative;
  width: 100%
}

.item_wrap .item_box a:after {
  content: "";
  display: block;
  padding-top: 100%
}

.ua-sp .item_wrap .item_box a:after {
  display: none
}

.item_wrap .item_box a img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.ua-sp .item_wrap .item_box a img {
  position: static
}

.ua-sp .item_wrap .item_box {
  margin-bottom: 40px !important;
  min-height: 140px
}

.item_wrap .item_box:last-child {
  margin-bottom: 127px
}

.item .item_container {
  margin-top: 83px;
  margin-bottom: 90px
}

.ua-sp .item .item_container {
  margin-top: 0;
  margin-bottom: 0
}

.ua-sp .item .item_container ul {
  padding-top: 22px;
  margin-bottom: 22px
}

.item.top .container ul, .item.top .news_wrap ul, .item.top .side_nav_ttl ul, .item.top .ua-sp .news .main_area .detail_area ul, .ua-sp .news .main_area .item.top .detail_area ul, .item.top .ua-sp .relate_area ul, .ua-sp .item.top .relate_area ul {
  padding: 40px 0 92px 0px
}

.item .item_box {
  width: 25%;
  float: left;
  text-align: center;
  position: relative;
  padding: 0 33px
}

.ua-sp .item .item_box .item_name {
  line-height: 1.5;
  padding-top: 10px
}

.ua-sp .item .item_box {
  width: 50%;
  padding: 0 14px;
  margin-bottom: 40px
}

.ua-sp .item .item_box:nth-child(odd) {
  padding-left: 7px
}

.ua-sp .item .item_box:nth-child(even) {
  padding-right: 7px
}

.item .item_box img {
  width: 100%;
  height: auto
}

.item .item_hover {
  width: 236px;
  height: 132px;
  max-width: 95%;
  text-align: center
}

.item .item_hover .hover_wrap {
  height: 100%;
  overflow: hidden;
  padding: 38.5px 0
}

.shop .shop_box {
  width: 18.90909%;
  padding-left: 1.36364%;
  float: left
}

.shop .shop_box a {
  display: block
}

.shop .shop_box:first-child {
  padding-left: 0
}

.shop .shop_box img {
  width: 100%;
  height: auto
}

.trans_hover_fadein {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  zoom: 1;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0)
}

.trans_hover_fadein.ttl span:after {
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0)
}

.hover:hover .trans_hover_fadein {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.hover:hover .trans_hover_fadein.ttl span:after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1)
}

.trans_txt_fadein {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  zoom: 1;
  -webkit-transition: opacity 1s cubic-bezier(0.445, 0.05, 0.55, 0.95), -webkit-transform 0.8s cubic-bezier(0, 0.7, 0.3, 1);
  transition: opacity 1s cubic-bezier(0.445, 0.05, 0.55, 0.95), transform 0.8s cubic-bezier(0, 0.7, 0.3, 1);
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0)
}

.trans_txt_fadein.ttl span:after {
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0)
}

.loading .trans_txt_fadein {
  opacity: 0 !important;
  -webkit-transform: translate3d(0, 30px, 0) !important;
  transform: translate3d(0, 30px, 0) !important
}

.loading .trans_txt_fadein.ttl span:after {
  -webkit-transform: scaleX(0) !important;
  -ms-transform: scaleX(0) !important;
  transform: scaleX(0) !important
}

.firstload .trans_txt_fadein {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.firstload .trans_txt_fadein.ttl span:after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1)
}

.concept_wrap {
  background-color: #fff;
  width: 730px;
  padding: 88px 0;
  height: 495px
}

.ua-sp .concept_wrap {
  height: auto
}

.concept_txt {
  text-align: center;
  font-size: 13px;
  line-height: 2.76923
}

.ua-sp .concept_txt {
  margin-bottom: 32px;
  text-align: left
}

.concept_list {
  text-align: center;
  margin: 0 auto;
  padding: 55px 0 32px 0
}

.ua-sp .concept_list {
  padding-top: 0;
  margin-top: 10px;
  margin-bottom: 10px
}

.concept_list .concept_box {
  display: inline-block;
  text-align: center
}

.ua-sp .concept_list .concept_box {
  display: block;
  width: 100%;
  border-top: 1px solid #d9d9d9;
  border-left: none;
  padding: 25px 0;
  font-size: 0;
  line-height: 0
}

.ua-sp .concept_list .concept_box:first-child {
  padding: 20px 0 15px 0
}

.ua-sp .concept_list .concept_box a {
  display: block
}

.concept_list .concept_box:first-child {
  border-left: none
}

.concept_list .concept_box img {
  text-align: center
}

.modal-content {
  padding: 71px 48px 71px 30px;
  height: auto;
  width: auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  zoom: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  display: none;
  z-index: 100;
  background: #fff;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0)
}

.modal-content.modal-members {
  padding: 35px 58px 15px;
  margin-left: 0;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0)
}

.modal-content.modal-members .content_inner {
  width: auto
}

.modal-content.modal-stylebook {
  padding: 34px 30px 34px 30px
}

.modal-content.modal-stylebook .stylebook_itemttl, .modal-content.modal-stylebook .stylebook_price {
  display: block
}

.modal-content.modal-stylebook .item_info .stylebook_itemttl {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-align: left
}

.ua-sp .modal-content.modal-stylebook .item_info .stylebook_itemttl {
  letter-spacing: 0;
  text-align: left
}

.modal-content.modal-stylebook .stylebook_price {
  color: #666666;
  font-size: 11px;
  letter-spacing: 0.02em
}

.modal-content.modal-stylebook .stylebook_color {
  font-size: 11px;
  letter-spacing: 0.02em
}

.modal-content.modal-stylebook .content_inner {
  width: 762px
}

.ua-sp .modal-content.modal-stylebook .content_inner {
  padding: 15px 5% 0 5%
}

.modal-content.modal-stylebook .content_inner .box_l {
  max-width: 385px;
  width: 385px
}

.modal-content.modal-stylebook .content_inner .box_l img {
  max-width: 385px;
  padding: 0
}

.ua-sp .modal-content.modal-stylebook .content_inner .box_l img {
  padding: 0
}

.modal-content.modal-stylebook .content_inner .box_r {
  padding-bottom: 26px;
  width: 344px;
  padding-left: 31px
}

.ua-sp .modal-content.modal-stylebook .content_inner .box_r {
  margin-top: 20px
}

.ua-sp .modal-content.modal-stylebook .content_inner .box_r .item_info {
  text-align: left
}

.modal-content.modal-stylebook .content_inner .box_r .box_r_ttl {
  margin-bottom: 21px;
  margin-top: 21px
}

.modal-content.modal-stylebook .content_inner .box_r .box_r_ttl img {
  height: 22px;
  width: auto
}

.ua-sp .modal-content.modal-stylebook .content_inner .box_r .box_r_ttl img {
  height: 16.38298px
}

.modal-content.modal-stylebook .content_inner .box_r .box_r_ttl img[alt*="MOTOMACHI"] {
  height: 47px
}

.ua-sp .modal-content.modal-stylebook .content_inner .box_r .box_r_ttl img[alt*="MOTOMACHI"] {
  height: 35px
}

.modal-content.modal-stylebook .content_inner .box_r .box_r_ttl img[alt*="JUN"] {
  height: 20px
}

.ua-sp .modal-content.modal-stylebook .content_inner .box_r .box_r_ttl img[alt*="JUN"] {
  height: 14.89362px
}

.modal-content.modal-stylebook .close {
  right: -13px;
  bottom: -26px
}

.ua-sp .modal-content {
  max-width: 0;
  top: 54px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  position: absolute;
  min-width: 87.5%;
  width: 87.5%;
  max-height: none;
  height: auto;
  min-height: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 75px;
  overflow-y: scroll;
  background-color: transparent
}

.ua-sp .modal-content .content_inner {
  padding: 27px 5% 0 5%;
  background-color: #fff;
  height: auto
}

.modal-content .close {
  position: absolute;
  top: auto;
  right: -22px;
  bottom: -59px;
  left: auto;
  display: table;
  padding-bottom: 10px
}

.modal-content .close.center {
  position: static;
  margin: 0 auto
}

.ua-sp .modal-content .close {
  position: static;
  display: inline-block;
  margin-top: 21px;
  margin-bottom: 21px
}

.ua-sp .modal-content .close .close_txt {
  vertical-align: middle
}

.ua-sp .modal-content .close img {
  width: 12px;
  height: 12px
}

.modal-content .close .close_txt, .modal-content .close .close_img {
  display: table-cell;
  vertical-align: middle
}

.modal-content .close .close_img img {
  width: 14px;
  height: auto;
  vertical-align: middle
}

.ua-sp .modal-content .close .close_img img {
  width: 12px;
  height: auto
}

.modal-content .close .close_txt {
  vertical-align: middle;
  line-height: 1;
  color: #7d7d7d;
  padding-right: 15px;
  font-size: 12px;
  padding-top: 3px;
  letter-spacing: 0.04em
}

.ua-sp .modal-content .close .close_txt {
  font-size: 14px;
  padding-top: 0px
}

.modal-content .item_name {
  font-size: 16px;
  font-weight: bold;
  margin: 4px 0 22px 0;
  letter-spacing: 0.04em
}

.modal-content .item_name.small {
  font-size: 14px
}

.modal-content .item_name.small+.info_box+.small {
  margin-top: 22px
}

.ua-sp .modal-content .item_name.small {
  margin: 11px 0
}

.modal-content .item_txt {
  margin-bottom: 24px;
  text-align: left;
  font-size: 14px
}

.modal-content .sns_box {
  margin-top: 14px;
  text-align: left;
  display: none
}

.modal-content .sns_box dt {
  font-weight: bold;
  padding-right: 19px
}

.modal-content .sns_box dd img {
  vertical-align: middle;
  margin-bottom: 6px
}

.ua-sp .modal-content .sns_box dd img {
  margin-bottom: 0
}

.modal-content .sns_box li {
  padding-right: 11px
}

.modal-content .sns_box li, .modal-content .sns_box dt, .modal-content .sns_box dd {
  display: inline-block;
  line-height: 28px;
  vertical-align: middle
}

.modal-content .info_box {
  margin-bottom: 40px
}

.ua-sp .modal-content .info_box {
  margin-bottom: 7px
}

.modal-content .item_info {
  display: table;
  width: 100%;
  padding: 5px 0
}

.modal-content .item_info dt, .modal-content .item_info dd {
  display: table-cell;
  vertical-align: top;
  text-align: left
}

.modal-content .item_info dt {
  width: 64px
}

.modal-content .content_inner {
  display: table;
  position: relative;
  table-layout: fixed;
  width: 780px
}

.ua-sp .modal-content .content_inner {
  width: 100%
}

.modal-content .content_inner .box_l, .modal-content .content_inner .box_r {
  display: table-cell;
  vertical-align: middle
}

.ua-sp .modal-content .content_inner .box_l, .ua-sp .modal-content .content_inner .box_r {
  width: 100%;
  display: block;
  padding: 0
}

.modal-content .content_inner .box_l {
  width: 407px;
  vertical-align: top
}

.ua-sp .modal-content .content_inner .box_l img {
  padding: 17px 18px
}

.modal-content .content_inner .box_l img {
  max-width: 407px;
  width: 100%;
  height: auto;
  padding: 17px 0 22px 28px
}

.modal-content .content_inner .box_r {
  padding-left: 78px;
  width: 373px
}

.ua-sp .modal-content .content_inner .box_r {
  margin-top: 40px;
  text-align: center
}

.ua-sp .modal-content .content_inner .box_r h2, .ua-sp .modal-content .content_inner .box_r .box_r_ttl {
  text-align: center
}

.modal-content .content_inner .box_r h2 img, .modal-content .content_inner .box_r .box_r_ttl img {
  height: 18px;
  width: auto
}

.modal-content .content_inner .box_r h2 img[alt*="MOTOMACHI"], .modal-content .content_inner .box_r .box_r_ttl img[alt*="MOTOMACHI"] {
  height: 40px
}

.modal-content .content_inner .box_r h2 img[alt*="JUN"], .modal-content .content_inner .box_r .box_r_ttl img[alt*="JUN"] {
  height: 16px
}

#modal-overlay {
  z-index: 100;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  height: -o-calc(100% + 128px);
  height: calc(100% + 128px);
  background-color: rgba(0, 0, 0, 0.75)
}

.firstloading #modal-overlay {
  display: none !important
}

.ua-sp #modal-overlay {
  height: -o-calc(100% + 220px);
  height: calc(100% + 220px);
  z-index: 99;
  position: fixed
}

.modal-open {
  color: #00f;
  text-decoration: underline
}

.modal-open:hover {
  cursor: pointer;
  color: #f00
}

.modal-close:hover {
  cursor: pointer;
  color: #f00
}

.sub_nav {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 115px
}

.sub_nav.item_nav ul li a {
  font-size: 14px
}

.sub_nav ul {
  font-size: 0;
  line-height: 0
}

.sub_nav ul li {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  display: inline-block;
  font-style: 14px;
  padding: 0 10px;
  letter-spacing: 0.04em;
  line-height: 1
}

.sub_nav ul li a {
  color: #aaaaaa;
  line-height: 1
}

.sub_nav ul li a.current {
  color: #000;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1
}

.sub_nav ul li.archive {
  position: relative
}

.sub_nav ul li.archive.item_archive ul a:before {
  display: none
}

.sub_nav ul li.archive a {
  position: relative;
  padding: 0 0 0 16px
}

.sub_nav ul li.archive a:before {
  position: absolute;
  top: 5px;
  content: "";
  vertical-align: middle;
  margin: auto;
  left: 3px;
  width: 4px;
  height: 4px;
  border-top: 2px solid #aaaaaa;
  border-right: 2px solid #aaaaaa;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg)
}

.sub_nav ul li.archive.on a:before {
  border-top: 2px solid #000;
  border-right: 2px solid #000
}

.btn_pdown.current {
  opacity: .4;
  filter: alpha(opacity=40);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
  -moz-opacity: .4;
  -khtml-opacity: .4;
  zoom: 1
}

.pulldown {
  position: absolute;
  z-index: 100;
  padding-top: 35px;
  top: 0;
  left: -5px;
  display: none
}

.pulldown.show {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1
}

.item_archive .pulldown {
  width: 100%
}

.item_archive .pulldown a {
  padding-left: 0 !important
}

.pulldown.top {
  margin-top: 80px;
  padding-top: 20px
}

.pulldown.top:before {
  top: 15px
}

.pulldown.top ul li a:before {
  display: none
}

.pulldown.center {
  left: 50%;
  margin-left: -102px
}

header .pulldown.center {
  /*margin-top: 40px;*/
	margin-top: 31px;
  padding: 0;
  margin-left: -96px;
margin-left: -92px;
}

header .pulldown.center:before {
  top: -5px
}

.pulldown.center:before {
  left: 50%;
  margin-left: -5px
}

.pulldown:before {
  content: "";
  position: absolute;
  top: 30px;
  left: 10px;
  height: 0;
  width: 0;
  border-width: 0 5px 5px 5px;
  border-style: solid;
  border-color: transparent transparent #000
}

.pulldown ul {
  border: 1px solid #000
}

.pulldown ul li {
  background-color: #fff;
  display: block;
  border-top: 1px solid #000;
  line-height: 39px;
  padding: 0
}

.pulldown ul li a {
  padding: 0 25px;
  font-size: 14px;
  line-height: 2.85714;
  display: block;
  font-weight: normal;
  white-space: nowrap;
  color: #000000;
  letter-spacing: 0
}

.pulldown ul li:first-child {
  border-top: 0px
}

.news.main_area .main_area_inner {
  max-width: 780px
}

.news.main_area .news_box {
  width: 50%;
  float: none;
  display: inline-block;
  padding-bottom: 0
}

.news.main_area .news_box a {
  display: table;
  table-layout: fixed;
  width: 100%
}

.ua-sp .news.main_area .news_box {
  width: 100%;
  float: none
}

.news.main_area .pager {
  text-align: center;
  margin-top: 10px
}

.ua-sp .news.main_area .pager {
  margin-top: 0
}

.news.main_area .pager a, .news.main_area .pager .navipage_now_ {
  position: relative
}

.news.main_area .pager a:hover:before, .news.main_area .pager .navipage_now_:hover:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1)
}

/*
.news.main_area .pager a:before, .news.main_area .pager .navipage_now_:before {
  -webkit-transition: -webkit-transform .5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: transform .5s cubic-bezier(0.25, 0.1, 0.25, 1);
  top: auto;
  bottom: 0;
  background-color: #000;
  width: 100%;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  height: 2px
}
*/

.ua-sp .news.main_area .pager .navipage_reverse_ {
  margin-left: -48px
}

.ua-sp .news.main_area .pager .navipage_forward_ {
  margin-right: -48px
}

.news.main_area .pager a, .news.main_area .pager span {
  color: #000 !important;
  border: none;
  font-size: 16px;
  background: none !important;
  display: inline-block;
  margin: 0 6px;
  font-size: 16px;
  padding: 0px 4px
}

.news.main_area .pager a[rel="next"], .news.main_area .pager a[rel="prev"], .news.main_area .pager span[rel="next"], .news.main_area .pager span[rel="prev"] {
  text-indent: -999px;
  position: relative;
  display: block
}

.news.main_area .pager a[rel="next"]:before, .news.main_area .pager a[rel="prev"]:before, .news.main_area .pager span[rel="next"]:before, .news.main_area .pager span[rel="prev"]:before {
  display: none
}

.news.main_area .pager a[rel="next"]:after, .news.main_area .pager a[rel="prev"]:after, .news.main_area .pager span[rel="next"]:after, .news.main_area .pager span[rel="prev"]:after {
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 0;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: rotate(45deg) scaleX(1);
  -ms-transform: rotate(45deg) scaleX(1);
  transform: rotate(45deg) scaleX(1)
}

.news.main_area .pager a.navipage_last_, .news.main_area .pager a.navipage_first_, .news.main_area .pager span.navipage_last_, .news.main_area .pager span.navipage_first_ {
  display: none
}

.news.main_area .pager a[rel="prev"], .news.main_area .pager a.navipage_prev_ a, .news.main_area .pager span[rel="prev"], .news.main_area .pager span.navipage_prev_ a {
  text-indent: -999px;
  position: relative
}

.news.main_area .pager a[rel="prev"]:before, .news.main_area .pager a.navipage_prev_ a:before, .news.main_area .pager span[rel="prev"]:before, .news.main_area .pager span.navipage_prev_ a:before {
  display: none
}

.news.main_area .pager a[rel="prev"]:after, .news.main_area .pager a.navipage_prev_ a:after, .news.main_area .pager span[rel="prev"]:after, .news.main_area .pager span.navipage_prev_ a:after {
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 0;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: rotate(-135deg) scaleX(1);
  -ms-transform: rotate(-135deg) scaleX(1);
  transform: rotate(-135deg) scaleX(1)
}

.news.main_area .pager .navipage_now_ {
  position: relative;
  font-weight: normal
}

.news.main_area .pager .navipage_now_:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1)
}

.news.main_area .pager ul li:first-child {
  position: relative
}

.news.main_area .pager ul li:first-child:before {
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: -30px;
  content: "";
  width: 4px;
  height: 4px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg)
}

.news.main_area .pager ul li:last-child {
  position: relative
}

.news.main_area .pager ul li:last-child:after {
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: -30px;
  content: "";
  width: 4px;
  height: 4px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.side_nav_ttl {
  font-size: 14px;
  line-height: 3.67143;
  margin-top: 26px;
  font-weight: bold;
  border-top: 2px solid #000;
  margin-bottom: 23px
}

.side_nav {
  float: right;
  width: 220px
}

.ua-sp .side_nav #shopcatarchive a {
  padding-right: 10px
}

.ua-sp .side_nav {
  width: 100%;
  float: none
}

.ua-sp .side_nav.container, .ua-sp .side_nav.news_wrap, .ua-sp .side_nav.side_nav_ttl, .ua-sp .news .main_area .side_nav.detail_area, .ua-sp .side_nav.relate_area {
  width: 87.5%
}

.ua-sp .side_nav .sidebox {
  border: 1px solid #e4e4e4;
  border-bottom: none
}

.ua-sp .side_nav .sidebox .sidebox_ttl, .ua-sp .side_nav .sidebox ul li a {
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 2
}

.ua-sp .side_nav .sidebox ul li ul li a {
  font-size: 11px
}

.ua-sp .side_nav .sidebox ul {
  margin-left: 0
}

.ua-sp .side_nav .sidebox ul #shopcatarchive {
  border-top: 1px solid #e4e4e4
}

.ua-sp .side_nav .sidebox ul #shopcatarchive li:last-child {
  border-bottom: none
}

.ua-sp .side_nav .sidebox ul ul {
  margin-bottom: 0;
  margin-top: 0
}

.ua-sp .side_nav .sidebox ul li {
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 0
}

.ua-sp .side_nav .sidebox .sidebox_ttl {
  text-indent: 28px;
  margin-bottom: 0;
  font-weight: bold;
  display: block
}

.ua-sp .side_nav .sidebox .sidebox_ttl:before {
  left: 10px
}

.ua-sp .side_nav .sidebox ul li a:before {
  display: none
}

.side_nav+.side_nav {
  clear: both;
  margin-top: 44px
}

.ua-sp .side_nav+.side_nav {
  margin-top: 14px;
  margin-bottom: 34px
}

.side_nav .side_nav_inner {
  width: 220px;
  float: right
}

.side_nav .sidebox {
  border-top: 2px solid #000
}

.side_nav .sidebox .sidebox_ttl {
  border-bottom: 1px solid #e4e4e4;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  padding: 9px 0;
  margin-bottom: 18px;
  letter-spacing: 0.04em
}

.side_nav .sidebox ul {
  margin-left: 6px
}

.side_nav .sidebox ul li {
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 6px
}

.side_nav .sidebox ul li a {
  color: #000;
  display: block;
  position: relative;
  padding-left: 10px;
  line-height: 1.7
}

.side_nav .sidebox ul li a.current {
  color: #666666;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1
}

.side_nav .sidebox ul li a.current:before {
  border-color: #666666
}

.side_nav .sidebox ul li a:before {
  position: absolute;
  top: 8px;
  left: -5px;
  content: "";
  width: 4px;
  height: 4px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.side_nav .sidebox ul li ul {
  margin-bottom: 15px;
  margin-top: 15px;
  margin-left: 0
}

.side_nav .sidebox ul li ul li {
  padding-left: 14px;
  margin-bottom: 5px
}

.news .btn {
  margin-top: 8px
}

.ua-sp .news .btn {
  margin-top: 26px;
  padding-bottom: 26px
}

.news .main_area {
  max-width: 794px;
  float: none;
  width: -o-calc(97% - 220px);
  width: calc(97% - 220px)
}

.ua-sp .news .main_area {
  width: 100%;
  background-color: #fff;
  margin-bottom: 35px;
  margin-bottom: 35px
}

.news .main_area .news_pic {
  width: 44.94098%
}

.ua-sp .news .main_area .news_pic {
  width: 47.54098%
}

.news .main_area .news_txt {
  width: 55.05902%
}

.news .main_area .detail_area {
  width: 100%;
  background-color: #fff;
  margin-bottom: 30px
}

.news .main_area .detail_area figure {
  /*width: 50.37783%;*/
  /*padding-top: 5px;*/
  /*padding-left: 5px;*/
  /*padding-bottom: 55px;*/
  /*display: table-cell;*/
  vertical-align: top;
	 
	width: 100%;
    display: block;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.ua-sp .news .main_area .detail_area figure {
  width: 100%;
  display: block;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
  margin-bottom: 19px
}

.news .main_area .detail_area figure img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.news .main_area .detail_area time {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 0.04em
}

.ua-sp .news .main_area .detail_area time {
  padding-top: 48px;
  display: block;
  margin-bottom: 0
}

.news .main_area .detail_area .detail_ttl {
  font-size: 18px;
  margin-bottom: 40px;
  font-weight: bold;
  position: relative
}

.ua-sp .news .main_area .detail_area .detail_ttl {
  margin-bottom: 24px
}

.news .main_area .detail_area .detail_ttl:after {
  position: absolute;
  bottom: -10px;
  left: 0px;
  content: "";
  width: 14px;
  height: 1px;
  background-color: #7f7f7f
}

.ua-sp .news .main_area .detail_area .detail_ttl:after {
  display: none
}

.news .main_area .detail_area .detail_txt {
  font-size: 14px;
  line-height: 26px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 15px
}

.ua-sp .news .main_area .detail_area .detail_txt p {
  font-size: 14px
}

.news .main_area .detail_area .detail_txt p {
  min-height: 1em
}

.news .main_area .detail_area .detail_txt a {
  color: #44a2d6;
  text-decoration: underline
}

.news .main_area .detail_area .detail_txt a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  zoom: 1;
  text-decoration: none
}

.news .main_area .detail_area .detail_box {
  padding: 56px 53px 56px 60px;
  display: table-cell;
  vertical-align: middle;
  padding: 40px 40px 55px;
}

.ua-sp .news .main_area .detail_area .detail_box {
  padding: 0;
  display: block;
  margin-bottom: 28px
}

.news .main_area .detail_area .detail_box dl.sns_box {
  display: table
}

.news .main_area .detail_area .detail_box dl.sns_box dt {
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
  padding-right: 10px;
  color: #7d7d7d
}

.ua-sp .news .main_area .detail_area .detail_box dl.sns_box dt {
  padding-right: 20px
}

.news .main_area .detail_area .detail_box dl.sns_box dd {
  display: table-cell;
  vertical-align: middle
}

.ua-sp .news .main_area .detail_area .detail_box dl.sns_box dd ul {
  padding-top: 5px
}

.news .main_area .detail_area .detail_box dl.sns_box dd ul li {
  display: inline-block;
  padding: 0 5px
}

.relate_area {
  width: 100%
}

.relate_area .btn {
  padding-top: 46px
}

.relate_area .relate_area_ttl {
  border-top: 2px solid #000;
  border-bottom: 1px solid #e4e4e4;
  font-size: 14px;
  color: 000px;
  font-weight: bold;
  padding: 14px 0;
  margin-bottom: 30px
}

.ua-sp .relate_area .relate_area_ttl {
  margin-bottom: 20px
}

.relate_area ul {
  margin-bottom: 20px
}

.relate_area ul .news_box a {
  display: block
}

.ua-sp .relate_area ul .news_box{
	width: 48%;
}

.ua-sp .relate_area ul .news_pic{
  padding-right: 0px
}

.relate_area ul .news_box figure img {
  width: 100%;
  display: block
}

.relate_area ul .news_box time {
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 4px;
  color: #000
}

.relate_area ul .news_box .relate_ttl {
  color: #000;
  font-size: 14px;
  font-weight: bold
}

.bd_tp0 {
  border-top: 0px solid #ebebeb;
  padding-top: 0px !important;
  margin-top: 0px !important
}

.shop_area .info_box {
  border-top: 1px solid #ebebeb;
  width: 100%;
  padding-top: 85px;
  margin-top: 85px;
	display: flex;
	justify-content: space-evenly;
	  
}

.shop_area .info_box:first-child {
  padding-top: 0;
  border-top: none
}

.ua-sp .shop_area .info_box {
  padding-top: 35px;
  margin-top: 35px
}

.ua-sp .shop_area .info_box:first-child {
  padding-top: 0
}

.shop_area .info_box .ttl_box {
  /*width: 56.8181%;*/
	width: 30%;
  margin-bottom: 20px;
  display: table;
  float: left;
	padding-right: 3%;
}

.ua-sp .shop_area .info_box .ttl_box {
  display: block;
  float: none;
  width: 100%
}

.shop_area .info_box .ttl_box .ttl_box_ttl {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  display: table-cell;
  /*vertical-align: middle;*/
	vertical-align: top;
  text-align: left
}

.ua-sp .shop_area .info_box .ttl_box .ttl_box_ttl {
  display: block;
  font-size: 18px
}

.shop_area .info_box .ttl_box .brand_btn {
  display: table-cell;
  vertical-align: middle;
  text-align: right
}

.shop_area .info_box .ttl_box .brand_btn .brand_name {
  margin-left: 5px;
  display: inline-block;
  background-color: #78b5d7;
  font-weight: bold;
  padding: 2px 12px;
  border-radius: 20px;
  font-size: 11px;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px
}

.shop_area .info_box .ttl_box .brand_btn .brand_name a {
  color: #fff
}

.ua-sp .shop_area .info_box .box_l, .ua-sp .shop_area .info_box .box_r {
  float: none;
  width: 100%
}

.shop_area .info_box .box_l {
  /*width: 56.8181%;*/
	width: 50%;
  height: auto;
  float: left
}

.ua-sp .shop_area .info_box .box_l {
  float: none
}

.shop_area .info_box .box_l .shop_info {
  width: 100%;
  margin-bottom: 30px
}

.shop_area .info_box .box_l .shop_info dl {
  display: table;
  border-top: 1px solid #ebebeb;
  padding: 5px 0;
  color: #000;
  width: 100%
}

.ua-sp .shop_area .info_box .box_l .shop_info dl {
  padding: 3px 0;
  border-top: none
}

.ua-sp .shop_area .info_box .box_l .shop_info dl dt {
  font-weight: bold;
  line-height: 1.35
}

.ua-sp .shop_area .info_box .box_l .shop_info dl dt, .ua-sp .shop_area .info_box .box_l .shop_info dl dd {
  display: block;
  width: 100%
}

.shop_area .info_box .box_l .shop_info dl dt {
  display: table-cell;
  width: 136px;
  font-size: 14px
}

.shop_area .info_box .box_l .shop_info dl dd {
  display: table-cell;
  font-size: 14px
}

.shop_area .info_box .box_l .shop_info dl dd a {
  text-decoration: underline;
  word-break: break-all
}

.shop_area .info_box .box_l .shop_info dl dd a:hover {
  text-decoration: none
}

.shop_area .info_box .box_l .shop_news {
  width: 100%
}

.ua-sp .shop_area .info_box .box_l .shop_news {
  margin-top: 30px
}

.shop_area .info_box .box_l .shop_news .show_news_ttl {
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
  color: #000;
  margin-bottom: 10px
}

.ua-sp .shop_area .info_box .box_l .shop_news .show_news_ttl {
  font-size: 16px
}

.shop_area .info_box .box_l .shop_news ul li {
  float: left;
  width: 30.88%;
  margin-left: 3.68%;
  margin-right: 0
}

.ua-sp .shop_area .info_box .box_l .shop_news ul li {
  float: none;
  width: 100%;
  margin-left: 0
}

.shop_area .info_box .box_l .shop_news ul li a {
  display: block
}

.shop_area .info_box .box_l .shop_news ul li a img {
  width: 100%;
  height: auto
}

.shop_area .info_box .box_l .shop_news ul li:first-child {
  margin-left: 0 !important
}

.shop_area .info_box .box_l .shop_news ul li .news_pic {
  width: 100%;
  margin-bottom: 10px
}

.ua-sp .shop_area .info_box .box_l .shop_news ul li .news_pic {
  width: 47.54098%
}

.shop_area .info_box .box_l .shop_news ul li .news_pic img {
  width: 100%;
  display: block
}

.shop_area .info_box .box_l .shop_news ul li time {
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
  color: #000;
  margin-bottom: 5px
}

.shop_area .info_box .box_l .shop_news ul li h6 {
  font-size: 14px;
  color: #000;
  font-weight: bold;
  margin-bottom: 5px
}

.shop_area .info_box .box_l .shop_news ul li span {
  color: #78b5d7;
  font-size: 10px
}

.shop_area .info_box .box_r {
  width: 38.1818%;
  height: auto;
  float: right
}

.shop_area .info_box .box_r .shop_pic {
  margin-bottom: 22px;
  height: 315px;
  cursor: default
}

.shop_area .info_box .box_r .shop_pic .slider_wrap, .shop_area .info_box .box_r .shop_pic .slider_pic {
  width: 100%
}

.ua-sp .shop_area .info_box .box_r .shop_pic {
  height: 210px
}

.shop_area .info_box .box_r .shop_pic li {
  text-align: center
}

.shop_area .info_box .box_r .shop_pic img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%
}

.gmap {
  width: 420px;
  height: 315px
}

@media only screen and (max-width: 979px) {
  .gmap {
    width: 100%
  }
}

.gmap.large {
  width: 100%;
  height: 702px
}

.gmap.large .mapcanvas {
  width: 100%;
  height: 702px
}

.gmap .mapcanvas {
  width: 420px;
  height: 315px
}

@media only screen and (max-width: 979px) {
  .gmap .mapcanvas {
    width: 100%
  }
}

.ua-sp .gmap {
  display: none
}

.sharetw img, .shareline img, .sharefb img, #sharetw img, #shareline img, #sharefb img {
  width: auto;
  height: 14px
}

.gmapbtn a {
  font-family: 'Hiragino Kaku Gothic ProN', '貂ｸ繧ｴ繧ｷ繝�け Medium', '繝｡繧､繝ｪ繧ｪ', meiryo, sans-serif
}

.delay_s {
  -webkit-transition-delay: 0.2s !important;
  transition-delay: 0.2s !important
}

.delay, .trans_txt_fadein.ttl span:after {
  -webkit-transition-delay: 0.5s !important;
  transition-delay: 0.5s !important
}

.delay2 {
  -webkit-transition-delay: 1s !important;
  transition-delay: 1s !important
}

.delay3 {
  -webkit-transition-delay: 1.5s !important;
  transition-delay: 1.5s !important
}

.members__service {
  margin-right: auto;
  margin-left: auto
}

.ua-sp .members__service {
  text-align: center
}

.members__service__img {
  width: 100%;
  height: auto
}

.ua-sp .members__service__img {
  width: 307px;
  height: auto
}

footer {
  position: absolute;
  top: auto;
  right: auto;
  bottom: -128px;
  left: 0;
  background-color: #000;
  padding: 0;
  height: 128px
}

.ua-sp footer {
  bottom: -220px;
  height: 220px;
  padding: 30px 0 30px 0
}

footer .footer_wrap {
  display: table;
  width: 100%;
  height: 100%
}

footer .footer_logo, footer .footer_nav {
  display: table-cell;
  vertical-align: middle
}

.ua-sp footer .footer_logo, .ua-sp footer .footer_nav {
  display: block
}

footer .footer_logo ul {
  white-space: nowrap
}

footer .footer_logo li {
  display: inline-block;
  padding-right: 20px;
  vertical-align: top
}

.ua-sp footer .footer_logo {
  display: table
}

.ua-sp footer .footer_logo li {
  display: table-cell;
  padding-right: 0;
  width: 33%
}

.ua-sp footer .footer_logo li:first-child img {
  margin-top: 6px
}

footer .footer_nav {
  text-align: right
}

.ua-sp footer .footer_nav {
  text-align: left;
  margin-top: 13px;
  padding-top: 13px;
  border-top: solid 1px #222
}

.ua-sp footer .footer_nav ul {
  margin-left: 7px
}

.ua-sp footer .footer_nav li a {
  line-height: 2;
  padding-left: 0;
  padding-right: 12px;
  color: #fff;
  color: rgba(255, 255, 255, 0.5);
  font-size: 10px
}

.ua-sp footer .footer_nav li a:before {
  border-color: rgba(255, 255, 255, 0.5);
  width: 3px;
  height: 3px;
  margin-top: -3px
}

footer .footer_nav li {
  display: inline-block
}

footer .footer_nav li a {
  color: #fff;
  font-size: 11px;
  line-height: 0;
  letter-spacing: 0.04em;
  padding-left: 14px
}

footer .copy {
  text-align: right
}

.ua-sp footer .copy {
  text-align: left;
  margin-top: 10px
}

.ua-sp footer .copy p {
  line-height: 1
}

footer .copy p {
  font-size: 10px;
  line-height: 4;
  color: #ffffff;
  opacity: .5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
  -moz-opacity: .5;
  -khtml-opacity: .5;
  zoom: 1
}



@media print {
  * {
    -webkit-print-color-adjust: exact
  }
}

/*gfe追加*/

.relate_area ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

header .container {
	max-width: 1230px;
}
.styling ul {
	width: 100%;
	letter-spacing: -.40em;
	margin: 0 auto 50px;
    text-align: center;
    min-width: 768px;
    max-width: 1220px;
}
.styling li {
	display: inline-block;
	letter-spacing: normal;
	width: 25%;
	padding: 0 10px;
}
.styling img {
	width: 100%;
}
.motomachi, .junclub, .falkland {
	margin-top: 50px !important;
}
.recommend_wrap {
	display: flex;
	width: 100%;
	max-width: 900px;
    margin: 50px auto;
}
.recommend_wrap dt {
	width: 40%;
}
.recommend_wrap dt img {
	max-width: 100%;
}
.recommend_wrap dd {
	width: 60%;
	padding-left: 4%;
}
.recommend_wrap dd h1{
	font-size: 1.5em;
	font-weight: bold;
}
.recommend_wrap dd li.onlinestore{
	padding-top: 1em;
}

.recommend_wrap dd li.onlinestore a{
	font-family: 'Montserrat', sans-serif;
	display: block;
	width: 150px;
	text-align: center;
	border: 1px solid #ccc;
}
	
.recommend_btn{
	padding-bottom: 50px;
}
@media screen and (max-width: 800px) {
	.recommend_wrap {
		display: block;
			max-width: 800px;
	}
	.recommend_wrap dt {
		width: 100%;
	}
	.recommend_wrap dd {
		width: 100%;
		padding: 10px 5%;
	}
}


.item_wrap {
    width: 100%;
    max-width: 920px;
	margin: 0 auto;
	letter-spacing: -.40em;
}
.top_item_inner {
	max-width: 1220px;
	margin: auto;
	letter-spacing: -.40em;
}
.item li, .top_item li {
	display: inline-block;
	width: 25%;
	letter-spacing: normal;
   padding: 10px;
	vertical-align: top;
}
.item img, .top_item img {
	width: 100%;
}
.top_item {
	text-align: center;
}
.top_item .btn {
	margin-top: 50px;
}

@media screen and (max-width: 800px) {
	.item li, .top_item li {
		width: 50%;
	}
}

.recommend_text {
	margin: 1em 0;
}
.recommend_num {
	list-style: none;
}
.news_archive .container {
	max-width: 1140px;
}
.item_pager, .reccomend_btn {
	margin: 40px auto 0;
    padding-bottom: 50px;
}


.shop_detail {
	width: 20%;
    text-align: center;
}



.shop_detail .btn {
	display: inline-block;
	font-weight: 400;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	outline: none;
	background: #6c757d;
	border: 1px solid #6c757d;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: 0.15s;
	cursor: pointer;
}
.shop_detail .btn:hover {
	background: #5a6268;
	border-color: #545b62;
	opacity: 0.7;
	transition: 0.7s;
}

@media screen and (max-width: 800px){
	.page-brand .mv{
		margin-top: initial !important;
	}
}

.ua-sp .news .main_area .detail_area,
.ua-sp .relate_area{
	width: 100%;
}
.ua-sp .news .main_area .detail_area time{
	padding-top: 0;
}
.display-flex{
	display: flex;
}
.news_list{
	display: flex;
}
.ua-sp .news_list{
	display: block;
}

#appbanner {
	position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #f4f4f4;
    z-index: 100;
	display: none;
}
#appbanner #close {
	position: absolute;
    top: 0;
    left: 0;
    width: 10.93%;
    height: 60px;
    background: url(img/top/app_close.png) no-repeat center center;
    background-size: 12px;
}
#appbanner .icon {
	position: absolute;
    top: 0;
    left: 10.93%;
    width: 13.333%;
    height: 60px;
    background: url(img/top/app_icon.png) no-repeat left center;
    background-size: 40px;
}
#appbanner .text {
	position: absolute;
    top: 0px;
    left: 24%;
    width: 49.33%;
    height: 60px;
    line-height: 160%;
} 
#appbanner .text img {
	height: 60px;
    width: auto;
}
#appbanner .download {
	position: absolute;
    display: block;
    background: #FFF;
    top: 11px;
    right: 2.6%;
    width: 24%;
    border: 1px #cecece solid;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #999999;
    font-weight: bold;
    font-size: 10px;
}
#appbanner.none {
	display: none !important;
}
#sp_frontwrap {
	padding-top: 60px;
}
#sp_frontwrap.none {
	padding-top: 0;
}
#mvtop {
	margin-top: 0px;
}
.motomachi_img.block {
	display: block;
}
.motomachi_img.none {
	display: none;
}
.motomachi_text.block {
	display: block;
}
.motomachi_text.none {
	display: none;
}
@media screen and (max-width: 800px) {
	.sub_nav {
		margin-bottom: 30px;
	}
	.sub_nav ul li {
		display: block;
		line-height: 2;
	}
	#mvtop {
		margin-top: 57px;
	}
	.ua-sp main {
		margin-top: 58px;
	}
	#page.none {
		margin-top: 58px !important;
	}

}


	.shop_list{
		max-width: 1000px;
		margin: 0 auto;
		width: 90%;
	}
	.shop_list .shop{
		margin-bottom: 48px;
	}
	.shop_list .shop ul li{
		display: flex;
	}
	.shop_list .shop_name{
		width: 30%;
		font-size: 14px;
		font-weight: bold;
	}
	.shop_list .shop_address{
		width: 48%;
		margin: 0 1%;
	}
	.shop_list .shop_info{
		display: flex;
		width: 20%;
	}
	.shop_list .shop_info .map{
		width: 47%;
		margin-right: 3%;
	}
	.shop_list .shop_info .detail{
		width: 47%;
		margin-left: 3%;
	}
	.shop_list .shop_info a.button,
	.modal-shop .google_map a.button{
		display: block;
		letter-spacing: 0.18em;
		line-height: 1;
		text-align: center;
		border: 1px solid #000;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 5px 0;
	}
	.modal-shop{
		padding: 34px 48px 70px 48px;
	}
	.modal-shop .shop_name{
		font-size: 18px;
		color: #000;
		font-weight: bold;
		margin-bottom: .5em;
	}
	.modal-shop .shop_image img{
		max-width: 100%;
	}
	.modal-shop dl{
		display: table;
		border-top: 1px solid #ebebeb;
		padding: 5px 0;
		color: #000;
		width: 100%;
	}
	.modal-shop dl dt{
		display: table-cell;
		width: 136px;
	}
	.modal-shop dl dd{
		display: table-cell;
	}
	.word-break{
		word-break: break-all;
	}
	@media screen and (max-width: 900px){
		.shop_list{
			margin-top: 50px;
		}
		.shop_list .shop ul li{
			display: block;
		}
		.shop_list .shop_name{
			width: auto;
			font-size: initial;
			font-weight: bold;
		}
		.shop_list .shop_address{
			width: auto;
			margin: 0;
			font-size: initial;
		}
		.shop_list .shop_info{
			display: flex;
			width: auto;
			padding-top: 1em;
		}
		.modal-shop dl dt{
			width: 34%;
		}
		
	}