/* .wrapper, */
header.container {
	position: fixed;
    z-index: 20001;
    width: 100%;
    left: 0; top: 0; right: 0;
    background-color: #FFF;
    box-shadow: 0px 2px 3px rgba(0,0,0,.1);
}
.row{
	display:flex;
}
.container-fluid > .row{
	flex-wrap:wrap;
}
.container-fluid > .row > *{
	width:33.333%;
	padding: 0 15px;
}
.container-fluid > .row > .sf-menu-inner{
	padding: 10px 0px;
}
.header-wrap {
    position: relative;
    z-index: 1004;
	max-width:1200px;
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 1.5%;
	margin:0 auto;
	box-sizing: content-box;
}
header ul,
.header-wrap ul {
	padding:0;
	margin:0;
	list-style:none;
}
header * {
    box-sizing:border-box;
}
.logo-wrap a {
	display:block;
}
.logo-wrap img {
    width: 220px;
    transition: width 0.5s ease;
}
.mega-sub i {
	margin-right: 5px;
}

.sf-menu {
	display: flex;
	position: static;
	float: none;
}
.sf-menu a {
    color: #333;
}
.sf-menu a em {
    color: #82855e;
    font-style: normal;
}
.sf-menu .sf-mega {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}

.sf-menu a {
	display: block;
    padding: 5px 25px;
    text-decoration: none;
    zoom: 1;
}
.sf-menu p.description {
    opacity: .6;
    margin-left: 30px;
    margin-bottom: 0;
    padding: 0 15px;
    font-size: 0.9em;
    letter-spacing: 0;
    border-left: 1px solid #999;
}
.sf-menu li {
	white-space: normal;
	position: static;
}
.sf-menu > li > a {
    display: block;
    position: relative;
/*     font-weight: bold; */
}
.sf-menu > li.has-children > a::after {
    font-family: "FontAwesome";
	content: "\f107";
	position:absolute;
	left:50%;
	bottom:3px;
    margin-left:-0.5em;
    transition: bottom 0.3s ease;
}
.sf-menu > li.sfHover > a,
.sf-menu > li > a:hover  {
	background:#f2f2f2 !important;
}
.sf-menu > li > ul {
	width: 220px;
	left: auto;
}
.sf-menu ul li .sf-with-ul::after {
	font-family: "FontAwesome";
	content: "\f105";
	right: 1.5em;
	position: absolute;
}
.sf-menu ul ul {
	width: 100%;
    top: 0;
/*     left:calc(100% + 15px); */
    left:100%;
}

.sf-menu .sf-mega {
	background:#f2f2f2;
	padding:25px;
}
.sf-menu .sf-mega ul {
	display: block;
	float: none;
	position: relative;
	box-shadow: none;
}
.sf-menu .sf-mega {
    box-shadow: 0px 3px 3px rgba(0,0,0,.1);
    width: 100%;
}
.sf-menu .sf-mega .container-fluid{
	max-width:1350px;
	margin:0 auto;
}
.sf-menu .sf-mega ul {
    position: relative;
}
.sf-menu .sf-mega ul ul{
	width: 100%;
	position: absolute;
/* 	padding-left: 15px; */
}


.sf-menu-content{
	padding:15px 25px;
}
.sf-menu-content dt{
	font-size:1.1em;
	font-weight:700;
	margin-bottom:5px;
}

.room-search .rs-tit {
    margin-bottom: 0px;
}

.hdr_top_wrap{
	border-bottom:1px solid #ddd;
	position: relative;
	z-index: 1005;
}

.hdr_top {
	align-items: center;
	justify-content: flex-end;
	padding: 20px 10px;
	font-size: 12px;
	font-weight: 200;
	font-style: normal;
    line-height: 1;
    letter-spacing: 0;
    transition: padding 0.3s ease-in-out 0s;
}

.hdr_top_nav {
    display: flex;
    align-items: center;
}

.hdr_top_nav > * {
    padding: 2px 6px;
    color: #444;
    font-weight: 200;
    transition: color 200ms ease;
}

.hdr_top_nav > * i.fa:before {
    font-weight: 200;
}

.hdr_top_nav > a:hover {
    color: #82855e;
}

.goog-te-gadget-simple .goog-te-menu-value span {
    font-weight: normal;
}

.responsive-img {
	width: 100%;
}

/* Shrink on Scroll - Sean 2020/04/06 */
header.scroll-header .hdr_top {
    padding: 0;
}

header.scroll-header .logo-wrap img {
    width: 170px;
}

header.scroll-header .sf-menu > li > a {
    padding: 15px 30px 20px;
}

header.scroll-header .sf-menu > li.has-children > a::after {
    bottom: 0px;
}
/*-- --*/


.toggle-mnu {
	display: block;
	width: 40px;
	height: 24px;
	margin-top: 14px;
}
.toggle-mnu {
	float: right;
	margin-top: 20px;
	margin-right: 20px;
	position: relative;
	z-index: 2;
}
.toggle-mnu::after {
	display: block;
	width:40px;
	content:"MENU";
	font-size:0.8em;
	text-align:center;
	margin-top: 23px;
}
.toggle-mnu span:after,
.toggle-mnu span:before {
	content: "";
	position: absolute;
	left: 0;
	top: 11px;
}
.toggle-mnu span:after {
	top: 22px;
}
.toggle-mnu span {
	position: relative;
	display: block;
}
.toggle-mnu span,
.toggle-mnu span:after,
.toggle-mnu span:before {
	width: 100%;
	height: 2px;
	background-color: #666;
	-webkit-transition: all 0.3s;
	      transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	      backface-visibility: hidden;
	border-radius: 2px;
}

.toggle-mnu.on span {
	background-color: transparent;
}

.toggle-mnu.on span:before {
	-webkit-transform: rotate(45deg) translate(-1px, 0px);
	  -ms-transform: rotate(45deg) translate(-1px, 0px);
	      transform: rotate(45deg) translate(-1px, 0px);
}

.toggle-mnu.on span:after {
	-webkit-transform: rotate(-45deg) translate(6px, -7px);
	  -ms-transform: rotate(-45deg) translate(6px, -7px);
	      transform: rotate(-45deg) translate(6px, -7px);
}


.sf-menu > li > a {
  padding: 25px 30px;
/*   border-bottom: 5px solid transparent; */
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
  color: #333;
}

.sf-menu > li > a + * {
	
}

/* .sf-menu > li > a + * a, */
.mega-sub > li > a {
	-webkit-transition: all 0.25s ease;
	      transition: all 0.25s ease;
}

.sf-menu > li.sfHover > a,
.sf-menu .sf-mega li.sfHover > a,
.sf-menu > li > a:hover,
.sf-menu > li > a + * a:hover {
	color: #82855e;
}
.sf-menu > li:hover > a {
	background-color: #fff;
}

.sf-menu > li.sfHover > a,
.sf-menu .sf-mega li.sfHover > a,
.sf-menu > li > a,
.sf-menu > li > a + * a:hover{
	font-weight: 700;
}
.sf-menu .sf-mega li.sfHover > a{
	background: rgba(0,0,0,0.05);
}


.sf-menu-inner{
	border-left:1px solid rgba(0,0,0,0.2);
}

.menu-new-item a {
	padding: 15px;
	transition: all 0.25s ease;
}
.menu-new-item a:hover {
	background-color: #fff;
}
.menu-new-item .img {
	margin-bottom:10px;
}
.menu-new-item p {
	font-size:0.85em;
	margin:0 0 5px;
}
.menu-new-item a:hover p {
    font-weight: initial;
}
.menu-new-item h3 {
	font-size: 1.2em;
	font-weight: 400;
	margin: 0;
}

.sf-menu > li > a + * .menu-new-item a {
  border-bottom: none;
}

.sf-menu > li > a + * .menu-new-item a:hover {
  color: #333;
}




.goog-te-gadget-simple {
    font-size: 9pt;
    padding-top: 1px;
    padding-bottom: 1px;
}





/*==========  Desktop First Method  ==========*/
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
@media only screen and (max-width: 900px) {
header.container {
    position: static;
}
/*   .top-mnu ul, */
	.top-mnu,
	.hdr_top {
		display: none;
	}
	.header-wrap {
	/*     padding-bottom: 25px; */
		padding: 10px;
	}
	.container-fluid > .row > *,
	.container-fluid > .row > .sf-menu-inner {
		width: auto;
		padding: 0;
	}
	.sf-menu-inner {
	    border: 0px;
	}
	.container-fluid > .row > *,
	.container-fluid > .row > .sf-menu-inner {
	    width: 100%;
	    padding: 0;
	}
	#mobile-menu .menu-new-item{
		display:none;
	}
	
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  /*Disable Animation on Mobile Devices*/
  .animated {
    /*CSS transitions*/
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    animation: none !important;
  }
}

/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
@media only screen and (min-width: 900px) {
    .toggle-mnu {
        display: none;
    }
    .toggle-mnu, #mobile-menu, html.mm-blocking #mm-blocker {
        display: none;
    }
    html.mm-opening .mm-slideout {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    }
}

/* Large Devices, Wide Screens */


@media only screen and (min-width: 769px) {
	#sp-header-lang{
		display:none;
	}
}
@media screen and (min-width: 900px) {
    .fat-nav {
        display: none;
    }
}

@media only screen and (max-width: 900px) {
    .fat-nav #accordion-resv-wrap {
        width: 100%;
        position: relative;
        top: initial;
        left: initial;
    }
    .fat-nav #accordion-resv-wrap #sec-header-search-box {
        display: block;
    }
    .fat-nav .room-search .flex_box div:nth-child(2) {
        float: none;
    }
    .fat-nav .room-search .btn {
        margin-top: 0px;
    }
    .fat-nav .room-search .btn input[type="button"]{
        margin-bottom: 0px;
    }
}
@media only screen and (max-width: 900px) {
	#mobile-menu{
		display:none;
	}
	.home #home-top-slider-wrap .slick-dotted.slick-slider {
	    margin-top: 0px;
	}
	
	.logo-wrap img {
	    width: 162px;
	}
	#fat-nav_home img {
	    width: 28px;
	}
	
	
	#sp-header-lang{
        z-index: 99;
		line-height: 1;
		text-align: center;
		position: relative;
		top: 1px;
		right: 60px;
	}
	#sp-header-lang #google_translate_element {
	    display: block;
	}
	#sp-header-lang #google_translate_element .goog-te-gadget-simple {
	    border: 0;
	    padding:0;
	}
	#sp-header-lang #google_translate_element .goog-te-gadget-simple img,
	#sp-header-lang #google_translate_element .goog-te-gadget-simple .goog-te-menu-value span {
	    display:none;
	}
	#sp-header-lang #google_translate_element .goog-te-gadget-simple .goog-te-menu-value {
		display: block;
		white-space:normal;
		margin:0;
	}
	#sp-header-lang #google_translate_element .goog-te-gadget-simple .goog-te-menu-value::before {
	    content: "\f0ac";
		font-family: FontAwesome;
		font-size: 2em;
		color:#444;
	}
	#sp-header-lang #google_translate_element .goog-te-gadget-simple .goog-te-menu-value::after {
		display:block;
	    content: "LANG";
		font-size: 0.75em;
/* 		font-weight: 300; */
		color:#808080;
		font-family: sans-serif;
	    margin-top: 2px;
	}

    /* ハンバーガーメニュー
    -----------------------------------------------------------*/
	.hamburger {
        display: block;
		width: 50px;
		height: 50px;
		position: fixed;
		top: 5px;
		right: 10px;
		z-index: 20001;
		padding: 12px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-tap-highlight-color: transparent;
		-webkit-tap-highlight-color: transparent;
		-ms-touch-action: manipulation;
        touch-action: manipulation;
        
        background-color: rgba(255,255,255,0.8);
	}
	.hamburger__icon {
		position: relative;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {
		display: block;
		width: 30px;
		height: 2px;
		background-color: #404040;
		-moz-transition-property: background-color, -moz-transform;
		-o-transition-property: background-color, -o-transform;
		-webkit-transition-property: background-color, -webkit-transform;
		transition-property: background-color, transform;
		-moz-transition-duration: 0.4s;
		-o-transition-duration: 0.4s;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
	}
	.hamburger__icon:before, .hamburger__icon:after {
		position: absolute;
		content: "";
	}
	.hamburger__icon:before {
		top: -10px;
	}
	.hamburger__icon:after {
		top: 10px;
	}
	.hamburger.active .hamburger__icon {
		background-color: transparent;
	}
	.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {
		background-color: #000;
	}
	.hamburger.active .hamburger__icon:before {
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-webkit-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.hamburger.active .hamburger__icon:after {
		-moz-transform: translateY(-10px) rotate(-45deg);
		-ms-transform: translateY(-10px) rotate(-45deg);
		-webkit-transform: translateY(-10px) rotate(-45deg);
		transform: translateY(-10px) rotate(-45deg);
	}
	.fat-nav {
		top: 0;
		left: 0;
		z-index: 20000;
		position: fixed;
		display: none;
		width: 100%;
		height: 100%;
		background: #FFF;
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		-moz-transition-property: -moz-transform;
		-o-transition-property: -o-transform;
		-webkit-transition-property: -webkit-transform;
		transition-property: transform;
		-moz-transition-duration: 0.4s;
		-o-transition-duration: 0.4s;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
	}
	.fat-nav__wrapper {
		width: 100%;
		height: 100%;
		display: table;
		table-layout: fixed;
	}
	.fat-nav.active {
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.fat-nav .fat-nav__inner {
		/*  display: table-cell;
	  vertical-align: middle;*/
		padding: 0;
	}
	.fat-nav ul {
		margin: 0;
		padding: 0;/*  overflow:hidden;
	  clear:both;*/
	}
	.fat-nav li {
		list-style-type: none;/*  text-align: center;
	  padding: 0px;
	  font-size: 1.05em;*/
	/*  border-top:1px solid rgba(255,255,255,0.25);
	  border-bottom:1px solid rgba(255,255,255,0.25);*/
	}
	#menu > li {
		border-top: 1px solid #bfbfbf;
		background: #f5f5f5;
	}
	#menu > li#menu-sns {
		background: transparent;
	}
	#menu ul.sec {
		border-bottom: 1px solid #e5e5e5;
	}
	#menu ul.sec li {
		border-top: 1px solid #e5e5e5;
	}
	#menu li, #menu li a {
		color: #000;
	}
	#menu > li > span,
	#menu > li > a {
		font-weight:700;
	}
	#menu > li.has-chidren > span,
	#menu > li.has-chidren > a {
		padding-bottom: 5px;
	}
	#menu > li span,
	#menu > li a {
		display: block;
		font-size: 1.2em;
		text-decoration: none;
/* 		background: #f5f5f5; */
		padding: 10px 15px;
		position: relative;
	}
	#menu .menu-sub{
		padding-bottom:5px;
	}
	#menu .menu-sub > li span,
	#menu .menu-sub > li a {
		font-size: 1.1em;
		padding: 7px 15px 7px 30px;
    }
    #menu .menu-sub > li a em {
        color: #82855e;
        font-style: normal;
    }
	#menu .menu-sub > li span::after {
		content: "\f107";
		font-family: FontAwesome;
		position: absolute;
		top: 50%;
		right: 25px;
		margin-top: -0.75em;
	}
	#menu .menu-sub > li span.open::after {
		content: "\f106";
	}
	#menu .menu-sub > li#menu-contact > a::after {
		content: "\f105";
		font-family: FontAwesome;
		position: absolute;
		top: 50%;
		right: 25px;
		margin-top: -0.75em;
	}
	#menu .menu-sub > li > span > .fa, #menu > li > a > .fa {
		width: 1.7em;
		text-align: center;
	}
	#menu > li#menu-sns {
		text-align: center;
	}
	#menu > li#menu-sns > a {
		display: inline-block;
		font-size: 2.2em;
		background-color: transparent;
		padding: 12px 0;
	}
	#menu > li#menu-sns > a .fa {
		margin-right: 0;
	}
	#menu .sec span {
		display: block;
		font-size: 1.2em;
		background: #FaFaFa;
		padding: 12px 3% 12px 12%;
		position: relative;
	}
	#menu .sec a {
		display: block;
		font-size: 1.2em;
		background: #FFF;
		padding: 12px 3% 12px 12%;
		position: relative;
	}
	#menu .sec a::after {
		content: "\f105";
		font-family: FontAwesome;
		position: absolute;
		top: 50%;
		right: 25px;
		margin-top: -0.55em;
	}
	#menu .sec #menu-products-all > span {
		background: url(/img/logo_icon_artisan.png) 5% center no-repeat #FaFaFa;
		background-size: auto 40%;
	}
	#menu .sec #menu-products-toyooka-kaban > span,
	#menu .sec #menu-products-toyooka-kaban > a {
		background: url(/img/logo_icon_toyookakaban.png) 5% center no-repeat #FaFaFa;
		background-size: auto 40%;
	}
	#menu .sec #menu-products-toyooka-kaban2 > span,
	#menu .sec #menu-products-toyooka-kaban2 > a {
		background: url(/img/logo_icon_toyookakaban2.png) 5% center no-repeat #FaFaFa;
		background-size: auto 40%;
	}
	#menu .sec #menu-products-original > span,
	#menu .sec #menu-products-original > a {
		background: url(/img/logo_icon_original.png) 5% center no-repeat #FaFaFa;
		background-size: auto 40%;
	}
	#menu .sec #menu-products-toyookawallet > span,
	#menu .sec #menu-products-toyookawallet > a {
		background: url(/img/logo_icon_toyookawallet.png) 5% center no-repeat #FaFaFa;
		background-size: auto 40%;
	}
	/*
	.fat-nav #fat-nav_02 li {
		padding: 15px 0px;
	}
	.fat-nav #fat-nav_02 li a {
		display:inline;
		text-decoration: none;
	}
	.fat-nav ul span a{
		font-size: 0.95em;
	}
	
	#fat-nav_01 li,
	#fat-nav_03 li{
		width:50%;
		float:left;
	}
	#fat-nav_01{
		border-top:1px solid rgba(0,0,0,0.25);
	}
	*/
	.fat-nav li {
		box-sizing: border-box;
	}
	/*
	#fat-nav_01 li:nth-child(odd),
	#fat-nav_03 li:nth-child(odd){
		border-right:1px solid rgba(0,0,0,0.25);
	}
	*/
	
	
	#fat-nav_top {
		display:flex;
		flex-wrap:wrap;
	}
	#fat-nav_top li {
	/* 	display: inline-block; */
		width: 28%;
		border: 0px;
	}
	#fat-nav_top li a {
		display: block;
		color: #808080;
		font-size: 0.8em;
		text-align: center;
		font-family: sans-serif;
		padding: 9px 0;
	}
	#fat-nav_top li a .fa {
		font-size: 2.2em;
	}
	#sp-nav-search {
		padding: 0 2%;
		margin-bottom: 15px;
	}
	#sp-nav-search form {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#sp-nav-search form p {
		padding: 0 1%;
		box-sizing: border-box;
	}
	#sp-nav-search form p.h_keyword {
		width: 70%;
	}
	#sp-nav-search form p.h_submit {
		width: 28%;
	}
	#sp-nav-search form input {
		width: 100%;
		height: auto;
		box-shadow: none;
	}
	#sp-nav-search form p.h_submit input[type="submit"] {
		border-radius: 0;
		-webkit-box-sizing: content-box;
		-webkit-appearance: button;
		appearance: button;
		border: none;
		box-sizing: border-box;
		cursor: pointer;
	}
	#sp-nav-search form p.h_submit input[type="submit"]::-webkit-search-decoration {
	 display: none;
	}
	input[type="submit"]::focus {
	 outline-offset: -2px;
	}
	#sp-nav-search form p.h_submit input[type="submit"] {
		-webkit-appearance: none;
		display: block;
		width: 100%;
		height: 34px;
		border-style: none;
		border-radius: 2px;
		background-color: #808080;
		color: #FFF;
		padding: 0;
		margin: 0;
	}
	#sp-nav-search form p.h_submit input[type="submit"]:hover, #sp-nav-search form p.h_submit input[type="submit"]:active {
		background-color: #333;
	}
	ul.sec {
		display: none;
	}
	#fat-nav_login-logout a::before {
		content: "\f084";
		font-family: FontAwesome;
		display: block;
		font-size: 2.2em;
	}
	.hamburger {
		/*	width: 70px;
		height: 59px;
		background-color: #f5f5f5;
		padding: 13px 20px 20px;
		top: 0px;
		right: 0px;*/
		width: 50px;
		height: 50px;
/* 		background-color: #f5f5f5; */
		padding: 8px 10px;
		top: 5px;
		right: 5px;
	}
	.hamburger.active {
/* 		background-color: #fff; */
	}
	.hamburger::after {
		content: "MENU";
		font-size: 0.75em;
		line-height: 1;
		color: rgba(0,0,0,0.5);
		font-family: sans-serif;
		letter-spacing: 0;
		white-space: nowrap;
		position: relative;
		top: 0px;
        left: -1.5px;
	}
	
	
	
	.translated-ltr #fat-nav_top{
		margin-top:40px;
	}
	.translated-ltr .hamburger{
		top: 45px;
	}
	
}

/* Language Dropdown
------------------------------- */
/* PC */
.lang-drop {
    position: relative;
}

.lang-drop--sp {
    display: none;
}

.lang-drop > i {
    font-size: 1.4em;
    margin-right: 10px;
}

.lang-drop__tit {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.lang-drop__tit i {
    padding-right: 0.4em;
    font-size: 1.4em;
}

.lang-drop__list {
    position: absolute;
    z-index: 2;
    top: 100%;
    width: 220px;
    padding-top: 10px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;

    opacity: 0;
    pointer-events: none;
    transition: opacity 200ms ease;
}

.lang-drop--pc .lang-drop__list {
    left: 0;
    right: 0;
    transform: translateX(-25%);
}

header.scroll-header .lang-drop__list {
    padding-top: 0;
}

.lang-drop__list > * {
    display: block;
    width: 100%;
    padding: 7px 0;
    color: #555;
    background: #FFF;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.lang-drop__list  > *:first-child {
    border-top: 1px solid #CCC;
}

.lang-drop__list  > *:hover {
    color: #82855e;
}

.lang-drop:hover .lang-drop__list {
    opacity: 1;
    pointer-events: all;
}

@media (max-width: 900px) {
    .lang-drop.lang-drop--sp {
        display: block;
        margin-right: 60px;
    }

    .lang-drop.lang-drop--sp .lang-drop__tit {
        display: block;
    }

    .lang-drop.lang-drop--sp .lang-drop__tit i {
        display: block;
        padding-right: 0;
        font-size: 2.2em;
    }

    .lang-drop.lang-drop--sp .lang-drop__tit span {
        display: block;
        margin-top: 0.2em;
        font-size: 0.75em;
        line-height: 1;
        color: rgba(0,0,0,0.5);
        font-family: sans-serif;
        letter-spacing: 0;
        white-space: nowrap;
    }

    .lang-drop.lang-drop--sp .lang-drop__list {
        right: -70px;
    }
}