@charset "UTF-8";
/*///////////////////////////////////////////////////////////////////
CSS information
 file_name : style_ex.css
 style_info : MediaqueryStyle
///////////////////////////////////////////////////////////////////*/
/*====================================================================
	index
====================================================================

Breakpoint///
	width > 1240px
	width > 1120px

 841px < width < 1200px

 width < 1280px
 width < 1120px
 width < 1024px
 width < 900px
 width < 840px
 width < 800px
 width < 768px
 width < 700px
 width < 660pxau
 width < 600px
 width < 500px
 width < 445px
 width < 420px
 width < 320px


====================================================================
*/
/*====================================================================
z-index///
====================================================================

// LookBook

.innerwrap_detail .index_btn = 350;


*/
/*-----------------------------------------------------------------------------------------------
 XXXpx < width
-----------------------------------------------------------------------------------------------*/
/*===============================================================
	width > 1240px
===============================================================*/
@media screen and (min-width: 1241px) {
  /*---------------------------------------------------------
	NewArrival
*/
  /*毎7番目に当たるスタイル*/
  .newarrival .brndx li:nth-child(7n) {
    margin-right: 0;
  }
  /*==============================================================*/
}

/* end */
/*==============================================================*/
/*===============================================================
	width > 1120px
===============================================================*/
@media screen and (min-width: 1121px) {
  /*---------------------------------------------------------
	NewArrival
*/
  .lookbook .innerwrap_index {
    min-height: 1590px;
  }
  /*==============================================================*/
}

/* end */
/*==============================================================*/
/*
=================================================================================================================================
=================================================================================================================================
*/
/*-----------------------------------------------------------------------------------------------
 YYYpx > width > XXXpx
-----------------------------------------------------------------------------------------------*/
/*===============================================================
 840px < width < 1200px
===============================================================*/
@media screen and (min-width: 841px) and (max-width: 1200px) {
  /*==============================================================*/
}

/* end */
/*==============================================================*/
/*-----------------------------------------------------------------------------------------------
 XXXpx > width
-----------------------------------------------------------------------------------------------*/
/*===============================================================
 width < 1280px
===============================================================*/
@media screen and (max-width: 1280px) {
  .sp_menu a {
    text-align: left;
    font-size: 1.4em;
  }
  .sp_menu ul.main a {
    color: #000;
  }
  /*---------------------------------------------------------
	General
*/
  footer .menu_wrap {
    width: 100%;
    margin-left: 0;
    left: 0;
  }
  /*---------------------------------------------------------
	Top
*/
  .home .large_banner_wrap {
    padding-bottom: 100px;
  }
  .home .large_banner_wrap,
  .home .small_banner_wrap {
    width: 90%;
  }
  .home .large_banner_wrap .item,
  .home .small_banner_wrap .item {
    width: 23.5%;
    height: auto;
    /*margin-right: 2.6%;*/
  }
  /* .home .brndx li{
	width: 15%;
	margin-right: 2%;
} */
  .home .small_banner_wrap .top_sns {
    width: 100%;
  }
  .home .main_img {
    width: 90%;
    min-width: 90%;
  }
  /*---------------------------------------------------------
	Anniversary
*/
  .anniversary .section_wrap .item.single {
    width: 238.4px;
  }
  .anniversary .section_wrap .item.double {
    width: 488px;
  }
  .anniversary .content_wrap {
    width: 488px;
    height: 1450px;
  }
  .anniversary .section_wrap.second {
    left: -253px;
  }
  .anniversary .section_wrap.second .rightmost {
    right: -510px;
  }
  .anniversary .section_wrap.second .item.last {
    right: -5px;
  }
  .anniversary .section_wrap.third {
    top: 561px;
    left: 255px;
  }
  .anniversary .section_wrap.fourth {
    left: -253px;
    top: 1043px;
  }
  .anniversary .section_wrap.fifth {
    width: 996px;
    top: 1315px;
    left: -252px;
  }
  .anniversary .section_wrap.fifth .webstore_v1,
  .anniversary .section_wrap.fifth .webstore_v2,
  .anniversary .section_wrap.fifth .webstore_v3,
  .anniversary .section_wrap.fifth .webstore_v4,
  .anniversary .section_wrap.fifth .webstore_v5 {
    display: none;
  }
  .anniversary .section_wrap.fifth .webstore_v2 {
    display: inline;
  }
  /*---------------------------------------------------------
	NewArrival
*/
  .wrapper.newarrival {
    width: 984px;
  }
  /*毎7番目に当たるスタイル*/
  .newarrival .brndx li:nth-child(7n) {
    margin-right: 16px;
  }
  /*毎6番目に当たるスタイル*/
  .newarrival .brndx li:nth-child(6n) {
    margin-right: 0;
  }
  .newarrival .brndx li:nth-child(36) {
    display: inline-block;
    *display: inline;
    zoom: 1;
  }
  /*==============================================================*/
}

/* end */
/*==============================================================*/
/*===============================================================
 width < 1120px
===============================================================*/
@media screen and (max-width: 1120px) {
  /*---------------------------------------------------------
 General
*/
  html {
    padding-top: 70px;
  }
  header {
    width: 100%;
  }
  .header_bg_wrap {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
  }
  header nav.pc_ver {
    display: none;
  }
  .header_wrap {
    height: 70px;
  }
  .header_wrap nav {
    display: none;
  }
  .header_wrap h1.logo {
    left: 50%;
    margin-left: -65px;
    top: 14px;
  }
  .header_wrap .sp_menu_btn {
    top: 16px;
  }
  .sp_menu_wrap .close {
    top: 14px;
  }
  #main_visual_pc {
    display: none;
  }
  #main_visual_sp {
    display: block;
  }
  .sp_menu_btn {
    display: block;
  }
  footer .menu_wrap {
    position: relative;
    width: 100%;
    left: 0;
    margin-left: 0;
  }
  footer nav.pc_ver {
    display: none;
  }
  footer .copyright {
    right: auto;
    left: 50%;
    margin-left: -160px;
    text-align: center;
  }
  a.fixed_storebtn_wrap {
    display: block;
  }
  .home .scroll_navi {
    display: none;
  }
  /* ADD Sato [S] 2016.04.26 */
  .header_wrap #lang_sel_list {
    display: none;
  }
  .header_wrap .language_selector_mark {
    display: none;
  }
  /* ADD Sato [E] 2016.04.26 */
  .header_wrap .header_sns {
    display: none;
  }
  /*---------------------------------------------------------
	Top
*/
  .home .wrapper {
    padding-bottom: 40px;
    width: 90%;
  }
  .home header {
    bottom: auto;
    top: 0;
  }
  .home .header_wrap {
    width: 100% !important;
    height: 70px;
  }
  .home .header_wrap h1.logo {
    width: 130px;
    height: 45px;
    left: 50%;
    margin-left: -65px;
    top: 14px;
  }
  .home .main_v_wrap {
    height: auto !important;
    position: relative;
  }
  .header_wrap.sp_ver {
    display: block;
  }
  .header_wrap.pc_ver {
    display: none;
  }
  .home .frame_border {
    display: none;
  }
  /*.home .frame_border.top{	display: none; }
.home .frame_border.bottom{	display: none; }*/
  .home hr.header_separator {
    display: none;
  }
  .home .backstretch {
    top: 0 !important;
  }
  body.home {
    margin-bottom: 0px;
  }
  .home footer {
    position: relative;
  }
  /*---------------------------------------------------------
	Catalog
*/
  .catalog a.bx-prev,
  .catalog a.bx-next {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -ms-filter: "alpha(opacity=100)" !important;
    -khtml-opacity: 1 !important;
  }
  .catalog_mask_wrap {
    top: 120px;
  }
  /*---------------------------------------------------------
	Ranking
*/
  .wrapper.ranking {
    width: 100%;
  }
  img.ranking_title {
    width: 33%;
    max-width: 202px;
  }
  .ranking .brndx li {
    width: 23%;
    margin-right: 1%;
  }
  .ranking .brndx li:first-child,
  .ranking .brndx li:nth-child(2),
  .ranking .brndx li:nth-child(3) {
    width: 32%;
    margin-right: 1%;
  }
  .ranking .brndx li:first-child:before,
  .ranking .brndx li:nth-child(2):before,
  .ranking .brndx li:nth-child(3):before {
    width: 14%;
  }
  /*---------------------------------------------------------
	LookBook
*/
  .lookbook .innerwrap_title .side_menu {
    margin-left: -350px;
  }
  .lookbook .innerwrap_detail .detail_info {
    margin-left: 0px;
    bottom: -120px;
    top: auto;
  }
  .lookbook .bx-wrapper {
    padding-left: 0;
  }
  .lookbook_mask_wrap {
    top: 100px;
  }
  .lookbook .innerwrap_detail .bx-controls-direction {
    width: 600px;
    margin-left: -300px;
  }
  .lookbook .innerwrap_detail .index_btn {
    top: auto;
    bottom: -100px;
    margin-left: -130px;
    width: 65px;
    height: 50px;
  }
  .lookbook .innerwrap_detail {
    margin-bottom: 150px;
  }
  .lookbook .season_menu.sp {
    width: 320px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 0;
    padding-top: 15px;
    display: block;
  }
  .lookbook .season_menu.sp li {
    display: block;
    *display: inline;
    zoom: 1;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 7px;
    padding-bottom: 5px;
  }
  .lookbook .innerwrap_title {
    display: none;
  }
  .lookbook .season_menu.sp li a {
    color: #aaaaaa;
    text-align: left;
  }
  .lookbook .season_menu.sp li a:hover {
    color: #000000;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -khtml-opacity: 1;
  }
  .lookbook .season_menu.sp li a.now_page {
    color: #000000;
  }
  .lookbook .innerwrap_index .look_index {
    position: relative;
    margin: 0 auto;
    right: auto;
    top: auto;
  }
  .lookbook .innerwrap_index {
    min-height: auto;
  }
  /*---------------------------------------------------------
	Blog
*/
  .blog_inner {
    width: 100%;
    padding: 40px 5% 0;
    font-size: 0.9em;
  }
  .blog img.pc,
  .blog p.pc {
    display: none;
  }
  .blog h2 {
    margin: 0 auto 40px;
  }
  .blog img.sp {
    display: block;
  }
  .blog .blog_list li {
    display: block;
    margin: 10px auto;
  }
  .blog .blog_list li img {
    width: 100%;
    max-width: 583px;
    margin: 0 auto;
  }
  /*==============================================================*/
}

/* end */
/*==============================================================*/
/*===============================================================
 width < 1024px
===============================================================*/
@media screen and (max-width: 1024px) {
  /*---------------------------------------------------------
	Anniversary
*/
  .anniversary .content_wrap {
    width: 366px;
    height: 1100px;
  }
  .anniversary .section_wrap .item {
    margin-bottom: 10px;
  }
  .anniversary .section_wrap.first .item {
    padding: 6px;
  }
  .anniversary .section_wrap .item.single {
    width: 178.8px;
  }
  .anniversary .section_wrap .item.double {
    width: 366px;
  }
  .anniversary .section_wrap.second {
    left: -193px;
  }
  .anniversary .section_wrap.second .rightmost {
    right: -387px;
  }
  .anniversary .section_wrap.third {
    top: 419px;
    left: 194px;
  }
  .anniversary .section_wrap.fourth {
    left: -188px;
    top: 775px;
  }
  .anniversary .section_wrap.fifth {
    width: 750px;
    top: 984px;
    left: -190px;
  }
  .anniversary .section_wrap.fifth .webstore_v1,
  .anniversary .section_wrap.fifth .webstore_v2,
  .anniversary .section_wrap.fifth .webstore_v3,
  .anniversary .section_wrap.fifth .webstore_v4,
  .anniversary .section_wrap.fifth .webstore_v5 {
    display: none;
  }
  .anniversary .section_wrap.fifth .webstore_v3 {
    display: inline;
  }
  /*---------------------------------------------------------
	NewArrival
*/
  .wrapper.newarrival {
    width: 824px;
  }
  /*毎6番目に当たるスタイル*/
  .newarrival .brndx li:nth-child(6n) {
    margin-right: 16px;
  }
  /*毎5番目に当たるスタイル*/
  .newarrival .brndx li:nth-child(5n) {
    margin-right: 0;
  }
  .newarrival .brndx li:nth-child(36) {
    display: none;
  }
  /*==============================================================*/
}

/* end */
/*==============================================================*/
/*===============================================================
 width < 900px
===============================================================*/
@media screen and (max-width: 900px) {
  /*---------------------------------------------------------
	Top
*/
  .home .large_banner_wrap .ti_anniversary {
    width: 116px;
    margin-left: -58px;
  }
  .home .large_banner_wrap .ti_catalog {
    width: 110px;
    margin-left: -55px;
  }
  .home .large_banner_wrap .ti_lookbook {
    width: 149px;
    margin-left: -74px;
  }
  .home .large_banner_wrap .ti_news {
    width: 60px;
    margin-left: -30px;
  }
  .home .large_banner_wrap .ti_concept {
    width: 71px;
    margin-left: -35px;
  }
  /*---------------------------------------------------------
	Blog
*/
  .blog_link_wrap {
    width: 560px;
    margin: 0 auto;
  }
  .blog_link {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 5%;
  }
  .blog_link.return {
    margin-right: 0;
  }
  /*---------------------------------------------------------
	Shop List
*/
  .wrapper.shoplist {
    width: 100%;
    max-width: 880px;
  }
  .tabs ul {
    width: 100%;
  }
  .tabs li {
    width: 50%;
    max-width: 436px;
  }
  /*==============================================================*/
}

/* end */
/*==============================================================*/
/*===============================================================
 width < 880px
===============================================================*/
@media screen and (max-width: 880px) {
  /*---------------------------------------------------------
	Shop List
*/
  .shop_web {
    max-width: 540px;
    margin: 50px auto;
  }
  .shop_web li {
    margin: 0;
    width: 50%;
    max-width: 268px;
    vertical-align: top;
    border-top: none;
    border-left: none;
  }
  .shop_web li:nth-child(3n) {
    margin: 0;
  }
  .shop_web li:first-child,
  .shop_web li:nth-child(2) {
    border-top: 1px solid #e6e6e6;
  }
  .shop_web li:nth-child(2n-1) {
    border-left: 1px solid #e6e6e6;
  }
  /*==============================================================*/
}

/* end */
/*==============================================================*/
/*===============================================================
 width < 840px
===============================================================*/
@media screen and (max-width: 840px) {
  /*---------------------------------------------------------
	NewArrival
*/
  .wrapper.newarrival {
    width: 664px;
  }
  /*毎6番目に当たるスタイル*/
  .newarrival .brndx li:nth-child(5n) {
    margin-right: 16px;
  }
  /*毎5番目に当たるスタイル*/
  .newarrival .brndx li:nth-child(4n) {
    margin-right: 0;
  }
  .newarrival .brndx li:nth-child(36) {
    display: inline-block;
    *display: inline;
    zoom: 1;
  }
  /*==============================================================*/
}

/* end */
/*==============================================================*/
/*===============================================================
 width < 800px
===============================================================*/
@media screen and (max-width: 800px) {
  footer .footer_sns {
    display: inherit;
  }
  /*---------------------------------------------------------
		Top
	*/
  .home .main_img {
    width: 100%;
    min-width: 100%;
  }
  .home .main_img .title_area {
    display: none;
  }
  .home .wrapper {
    padding: 0 0 20px;
  }
  .home .large_banner_wrap,
  .home .small_banner_wrap {
    width: 100%;
    background: none;
  }
  .home .large_banner_wrap .item,
  .home .small_banner_wrap .item {
    width: 48.4%;
    height: auto;
    margin-right: 1%;
    margin-bottom: 3%;
  }
  .home .small_banner_wrap .item {
    width: 100%;
    max-width: 548px;
    height: auto;
    margin-right: 0;
    margin-bottom: 2%;
    border: none;
  }
  .home .large_banner_wrap .item.sp_return,
  .home .small_banner_wrap .item.sp_return {
    margin-right: 0;
  }
  .home .large_banner_wrap {
    padding-bottom: 10px;
  }
  /*4番目以降に当たるスタイル*/
  .home .brndx li:nth-child(n + 4) {
    display: none;
  }
  .home .brndx li {
    width: 32%;
    margin-right: 2%;
  }
  .home .brndx li:nth-child(3) {
    margin-right: 0;
  }
  .home .small_banner_wrap .sp_ver {
    display: inline;
  }
  .home .small_banner_wrap .pc_ver {
    display: none;
  }
  .home .small_banner_wrap .top_sns {
    width: 100%;
  }
  /*.home .main_img.main_img_pc{*/
  /*display: none;*/
  /*}*/
  /*.home .main_img.main_img_sp{*/
  /*display: inherit;*/
  /*}*/
  .home .large_banner_wrap .item {
    margin-bottom: 70px;
    overflow: inherit;
  }
  .home .large_banner_wrap .item p {
    top: auto;
    bottom: -55px;
    color: #000;
  }
  .home .large_banner_wrap .item p span {
    font-size: 1.5em;
  }
  .home .newarrival_wrap {
    margin-bottom: 30px;
  }
  .home .newarrival_wrap .link_button {
    width: 230px;
    font-size: 0.9em;
  }
  .home .top_movie {
    margin: 20px auto 20px;
  }
  .home .top_style {
    width: 100%;
    margin-bottom: 60px;
  }
  .home .top_style ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .home .top_style ul li {
    width: 48%;
    margin-bottom: 15px;
    margin-right: 0;
  }
  .home .top_style ul li:nth-child(3) {
    margin-right: 0;
  }
  .home .top_style ul li p {
    font-size: 0.8em;
    text-align: left;
  }
  .home .top_style .link_wrap {
    margin-top: 20px;
  }
  .home .top_style .link_wrap a {
    width: 230px;
    font-size: 0.9em;
  }
  .home .top_style ul li p.shop span.span_pc {
    display: none;
  }
  .home .top_style ul li p.shop span.span_sp {
    display: initial;
  }
  .home .top_news {
    width: 100%;
    margin: 0 auto 50px;
  }
  .home .top_news ul li {
    position: relative;
    display: block;
    width: 100%;
    letter-spacing: -0.4em;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #d7d7d7;
  }
  .home .top_news ul li:nth-child(2) {
    margin: 0;
  }
  .home .top_news ul li img {
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
  .home .top_news ul li .title_area {
    letter-spacing: normal;
    display: block;
    width: 48%;
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 52%;
    margin: auto;
  }
  .home .top_contents {
    width: 100%;
    margin: 0 auto 50px;
  }
  .home .top_contents ul li {
    width: 100%;
  }
  .home .top_contents ul li:first-child {
    margin: 0 0 20px 0;
  }
  /*---------------------------------------------------------
		Anniversary
	*/
  .wrapper.anniversary {
    padding-bottom: 20px;
  }
  .anniversary .content_wrap {
    height: auto;
  }
  .anniversary .section_wrap.second,
  .anniversary .section_wrap.third,
  .anniversary .section_wrap.fourth,
  .anniversary .section_wrap.fifth {
    position: relative;
  }
  /* second */
  .anniversary .section_wrap.second {
    top: auto;
    left: auto;
  }
  .anniversary .section_wrap.second .rightmost {
    position: relative;
    right: auto;
  }
  .anniversary .section_wrap.second .item.last {
    position: relative;
    bottom: auto;
    right: auto;
  }
  /* third */
  .anniversary .section_wrap.third {
    top: auto;
    left: auto;
    right: auto;
  }
  /* fourth */
  .anniversary .section_wrap.fourth {
    left: auto;
    top: auto;
  }
  .anniversary .section_wrap.fifth {
    top: auto;
    left: auto;
    width: 100%;
  }
  .anniversary .section_wrap.fifth .webstore_v1,
  .anniversary .section_wrap.fifth .webstore_v2,
  .anniversary .section_wrap.fifth .webstore_v3,
  .anniversary .section_wrap.fifth .webstore_v4,
  .anniversary .section_wrap.fifth .webstore_v5 {
    display: none;
  }
  .anniversary .section_wrap.fifth .webstore_v4 {
    display: inline;
  }
  .anniversary .content_wrap {
    width: 80%;
  }
  .anniversary .section_wrap .left_block,
  .anniversary .section_wrap .right_block {
    width: 49%;
  }
  .anniversary .section_wrap .item.single,
  .anniversary .section_wrap .item.double {
    width: 100%;
  }
  /*---------------------------------------------------------
		Concept
	*/
  .concept_wrap .concept_title {
    border-color: #000000;
  }
  .concept h2 {
    font-size: 1.2em;
    margin-bottom: 10px;
  }
  .concept .pc_ver {
    display: none;
  }
  .concept .sp_ver {
    display: block;
  }
  .concept span.pc_block {
    display: none;
  }
  .concept span.sp_block {
    display: block;
  }
  .concept_detail img {
    width: 60%;
  }
  .season_concept .concept_title img {
    width: 140px;
  }
  .concept_title img {
    width: 280px;
  }
  .concept .content_wrap {
    color: #000000;
    background-image: none;
    width: 100%;
    padding: 0 15%;
  }
  .concept_wrap {
    position: relative;
    left: auto;
    width: 100%;
    margin-left: 0;
    padding-top: 0;
  }
  .concept .bg_wall {
    /*background-image: url(../img/bg_concept_wall.jpg);*/
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 100%;
    min-height: 0;
  }
  .concept_wrap .text {
    text-align: 0;
  }
  .season_concept {
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 50px;
  }
  .brand_concept {
    padding-bottom: 10px;
  }
  .season_concept:before {
    top: 5px;
    left: 5px;
  }
  .season_concept:after {
    bottom: 5px;
    right: 5px;
  }
  /*---------------------------------------------------------
		Business
	*/
  .wrapper.business {
    width: 90%;
    margin: 0 auto;
  }
  .business_btn .fl_right,
  .business_info .fl_left {
    float: none;
  }
  .business_btn,
  .business_info {
    width: 100%;
  }
  .business_btn {
    margin: 30px 0;
  }
  .business_info {
    margin-top: 20px;
  }
  .business_info_ms {
    margin: 0 0 50px;
  }
  /*---------------------------------------------------------
		LookBook
	*/
  .lookbook .innerwrap_index .index_item {
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 3.5%;
  }
  .lookbook .innerwrap_index .index_item:nth-child(4n) {
    margin-right: 3.5%;
  }
  .lookbook .innerwrap_index .index_item:nth-child(3n) {
    margin-right: 0;
  }
  .lookbook .innerwrap_index .look_index {
    width: 100%;
  }
  /*---------------------------------------------------------
		News Photo
	*/
  .news_archive ul li {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .news_archive ul li:nth-child(3n) {
    margin-right: 0;
  }
  /*---------------------------------------------------------
		Style Photo
	*/
  .style_archive .styling-shop-nav {
    margin: 0 20px 20px;
  }
  .style_archive .styling-height-nav {
    margin: 0 20px 20px;
  }
  .style_archive .keyword {
    text-align: center;
  }
  .style_archive .keyword p {
    display: block;
    margin-bottom: 10px;
  }
  .style_archive .style_list li {
    width: 49%;
    margin: 0 0 20px;
    text-align: center;
  }
  .style_archive .style_list li:nth-child(4n) {
    margin-right: auto;
  }
  .style_archive .style_list li:nth-child(2n) {
    margin-left: 2%;
  }
  .style_archive .style_list li p span.span_pc {
    display: none;
  }
  .style_archive .style_list li p span.span_sp {
    display: initial;
  }
  .style_archive .style_list li p span.shop_name {
    font-size: 1em;
  }
  .style_single .style_img_area,
  .style_single .style_text_area {
    width: 100%;
  }
  .style_single .style_img_area {
    position: inherit;
  }
  .style_single .style_img_area img {
    display: block;
  }
  .style_single .style_text_area {
    padding: 20px 5%;
    margin: 0;
  }
  .style_single .style_text_area .item_area li {
    width: 46%;
    margin-right: 0;
  }
  .style_single .style_text_area .item_area li:nth-child(3n) {
    margin-right: 0;
  }
  .style_single .style_text_area .item_area li:nth-child(2n) {
    margin-left: 8%;
  }
  .style_single .other_style ul li {
    width: 49%;
    margin: 0 0 20px 0;
    text-align: center;
  }
  .style_single .other_style ul li:nth-child(2n) {
    margin-left: 2%;
  }
  .style_single .other_style ul li p span.span_pc {
    display: none;
  }
  .style_single .other_style ul li p span.span_sp {
    display: initial;
  }
  .style_single .other_style ul li p span.shop_name {
    font-size: 1em;
  }
  /*==============================================================*/
}

/* end */
/*==============================================================*/
/*===============================================================
 width < 768px
===============================================================*/
@media screen and (max-width: 768px) {
  /*---------------------------------------------------------
	Top
*/
  .top_main_mask {
    width: 270px;
    height: 72px;
    margin-left: -135px;
    margin-top: -36px;
  }
  .home .small_banner_wrap {
    padding-bottom: 0;
  }
  .home .rows-wrap {
    flex-direction: column;
  }
  .home .rows-inner {
    width: 100%;
  }
  .home .rows-bg {
    padding-top: 15px;
  }
  .home .link_area {
    flex-direction: column;
    margin: 0 auto 40px;
  }
  .home .link_area div {
    display: block;
    width: 98%;
    margin: 10px auto;
    overflow: inherit;
  }
  .home .link_area div img {
    height: 180px;
    object-fit: cover;
    object-position: top center;
  }
  .home .newarrival_wrap .ranking-list-item::before {
    top: 5px;
    left: 5px;
    width: 22%;
  }
  /*---------------------------------------------------------
	Ranking
*/
  .wrapper.ranking {
    width: 100%;
  }
  img.ranking_title {
    margin: 10px auto 20px;
  }
  .wrapper.ranking h2 {
    font-size: 2em;
    margin-bottom: 10px;
  }
  .ranking .brndx li {
    width: 31%;
    margin-right: 1%;
  }
  .ranking .brndx li:first-child {
    width: 100%;
  }
  .ranking .brndx li:nth-child(2),
  .ranking .brndx li:nth-child(3) {
    width: 49%;
  }
  .ranking .brndx li:nth-child(2) {
    margin-right: 1%;
  }
  .ranking .brndx li:nth-child(3) {
    margin-right: 0;
  }
  /*---------------------------------------------------------
	Catalog w768
*/
  .wrapper.catalog .pc {
    display: none;
  }
  .catalog h2 {
    font-size: 2em;
    margin-bottom: 10px;
  }
  .catalog_modal {
    width: 100%;
  }
  .modal_inner {
    width: 100%;
    margin-top: 20px;
    padding: 65px 10px 30px;
  }
  img.catalog_img {
    width: 90%;
  }
  .modal_item_all {
    width: 100%;
  }
  .modal_item {
    width: 47%;
    margin: 20px 1%;
  }
  .slick-slide img {
    height: 100%;
    margin: 0 auto;
  }
  .slider li {
    padding: 20px;
  }
  .slick-prev,
  .slick-next {
    width: 40px;
    height: 40px;
    top: 45%;
  }
  .slick-prev:before,
  .slick-next:before {
    width: 15px;
    height: 15px;
    top: 12px;
  }
  .slick-prev:before {
    left: 17px;
  }
  .slick-next:before {
    right: 17px;
  }
  /*---------------------------------------------------------
	LookBook
*/
  .innerwrap_index .look_index {
    width: 100%;
  }
  .innerwrap_index .index_item {
    width: 31.3%;
    margin-right: 3%;
    margin-bottom: 3%;
  }
  .innerwrap_index .index_item:nth-child(4n) {
    margin-right: 3%;
  }
  .innerwrap_index .index_item:nth-child(3n) {
    margin-right: 0;
  }
  /*---------------------------------------------------------
  ShopList
*/
  .wrapper.shoplist {
    width: 100%;
    padding-top: 25px;
  }
  .shoplist h2 {
    margin-bottom: 10px;
  }
  .tab_wrap {
    width: 94%;
    margin: 0 auto;
  }
  .tabs dl dt {
    width: 100%;
    padding-left: 4%;
    padding-top: 6%;
    float: none;
  }
  .tabs dl dd {
    width: 100%;
    padding-left: 4%;
    padding-top: 0.5%;
    float: none;
  }
  .tabs h3 {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .tabs ul {
    text-align: center;
    border: none;
  }
  .tabs li {
    width: 100%;
    text-align: left;
    border-left: 1px solid #eaeaea;
  }
  .tabs li:nth-child(2) {
    border-top: none;
  }
  .area_wrap {
    display: none;
  }
  .area_select_all {
    display: block;
    margin: 15px auto 30px;
    width: 150px;
    height: 40px;
    font-size: 1.1em;
    position: relative;
  }
  #area_select {
    width: 100%;
    height: 100%;
    background: none;
    border-radius: 0;
    padding-left: 15px;
  }
  .area_select_all:before {
    content: "";
    position: absolute;
    top: 1px;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 8px solid #707070;
    border-left: 4px solid transparent;
  }
  .area_select_all:after {
    content: "";
    position: absolute;
    bottom: 1px;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    border-top: 8px solid #707070;
    border-right: 4px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 4px solid transparent;
  }
  /*---------------------------------------------------------
	Instagram
*/
  .insta h2 {
    font-size: 2em;
    margin: 10px auto 30px;
  }
  .insta_wrap {
    max-width: 100%;
    margin: 0 auto 50px;
  }
  .insta_img li {
    width: 30%;
    height: auto;
    margin: 5px 1%;
    vertical-align: top;
  }
  /*---------------------------------------------------------
	MOVIE
*/
  .movie_single {
    max-width: 100%;
  }
  .movie_single p.movie_ttl {
    font-size: 14px;
    padding: 0 19px;
    box-sizing: border-box;
  }
  .movie_archive p.archive_title {
    font-size: 17px;
  }
  .movie_archive ul {
    display: block;
    margin-bottom: 55px;
    padding: 0 19px;
    box-sizing: border-box;
  }
  .movie_archive li {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 15px 0;
  }
  .movie_archive li a {
    width: 50%;
    margin-right: 8px;
  }
  .movie_archive li img {
    margin-bottom: 0;
  }

  .catalog .slick-slide img {
      width: auto;
    width: 80%;
    height: auto;
  }
    .catalog .slider li{
      min-height: 490px
    }

  /*==============================================================*/
}

/* end */
/*==============================================================*/
/*===============================================================
 width < 700px
===============================================================*/
@media screen and (max-width: 700px) {
  /*---------------------------------------------------------
	NewArrival
*/
  .wrapper.newarrival {
    width: 504px;
  }
  /*毎6番目に当たるスタイル*/
  .newarrival .brndx li:nth-child(4n) {
    margin-right: 16px;
  }
  /*毎5番目に当たるスタイル*/
  .newarrival .brndx li:nth-child(3n) {
    margin-right: 0;
  }
  /*---------------------------------------------------------
  Recruit
*/
  .recruit_box {
    letter-spacing: 0.7px;
  }
  .wrapper.recruit {
    width: 90%;
    margin: 0 auto 40px;
  }
  .recruit h2,
  .recruit h3 {
    padding-bottom: 0;
  }
  .pc_title {
    display: none;
  }
  .recruit_1 th {
    border-right: none;
    font-weight: bold;
    padding: 4% 0 1% 0;
    padding-right: 0;
    text-align: left;
    width: 100%;
  }
  .recruit th,
  .recruit td {
    float: left;
  }
  .recruit_1 td {
    padding-left: 0;
  }
  .recruit .sp_title {
    display: block;
  }
  .recruit h3 {
    padding-top: 50px;
  }
  /*==============================================================*/
}

/* end */
/*==============================================================*/
/*===============================================================
 width < 660px
===============================================================*/
@media screen and (max-width: 660px) {
  /*---------------------------------------------------------
	Concept
*/
  .concept .content_wrap {
    padding: 20px 10% 0;
    margin-top: 20px;
  }
  /*---------------------------------------------------------
	LookBook
*/
  .lookbook .innerwrap_detail .bx-controls-direction {
    width: 480px;
    margin-left: -240px;
  }
  /*---------------------------------------------------------
	404
*/
  .error_page h3 {
    text-align: center;
  }
  /*==============================================================*/
}

/* end */
/*==============================================================*/
/*===============================================================
 width < 600px
===============================================================*/
/* ADD 2016.04.26 [S] Sato 多言語化対応 */
/*@media screen and (max-width: 600px) {*/
@media screen and (max-width: 760px) {
  /* ADD 2016.04.26 [E] Sato 多言語化対応 */
  /*---------------------------------------------------------
	Concept
*/
  .concept .content_wrap {
    margin-top: 20px;
    padding: 20px 7% 0;
  }
  /*---------------------------------------------------------
	News
*/
  .news article.item {
    width: 100%;
    padding-bottom: 50px;
  }
  /*---------------------------------------------------------
	Blog
*/
  .blog_link_wrap {
    width: 100%;
  }
  /*---------------------------------------------------------
	Shop List
*/
  .area_wrap .separator.return {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    font-size: 10px;
    line-height: 0.5;
  }
  /*==============================================================*/
}

/* end */
/*==============================================================*/
/*===============================================================
 width < 550px
===============================================================*/
@media screen and (max-width: 550px) {
  /*---------------------------------------------------------
	top
*/
  /*.top_shoplist {
	display: block;
}*/
  /*==============================================================*/
}

/* end */
/*==============================================================*/
/*===============================================================
 width < 500px
===============================================================*/
@media screen and (max-width: 500px) {
  /*---------------------------------------------------------
  General
*/
  html {
    padding-top: 50px;
  }
  .home .link_area div img {
    height: 130px;
  }
  .home .header_wrap,
  .header_wrap {
    height: 50px;
  }
  .header_wrap h1.logo,
  .home .header_wrap h1.logo {
    width: 90px;
    height: 45px;
    top: 10px;
    margin-left: -45px;
  }
  .home .large_banner_wrap .item p {
    font-size: 0.8em;
  }
  .home .large_banner_wrap .item p span {
    font-size: 1.3em;
  }
  .sp_menu_wrap {
    top: 50px;
  }
  .header_wrap .sp_menu_btn {
    font-size: 30px;
    right: 12px;
    top: 8px;
    color: #333;
  }
  .sp_menu_wrap .close {
    right: 12px;
    top: 8px;
    width: 30px;
    height: 30px;
    font-size: 30px;
  }
  /* MOD Sato [S] 2016.04.26 */
  .sp_menu ul.main .zh-main_menu a {
    padding: 8px 0;
  }
  /* MOD Sato [E] 2016.04.26 */
  .sp_menu ul.main {
    margin-top: 0 !important;
  }
  .title_separator hr {
    margin-bottom: 15px !important;
  }
  /*---------------------------------------------------------
	Top
*/
  .home h3.title {
    /*width: 140px;*/
    padding-bottom: 20px;
    font-size: 1.4em;
    font-weight: 600;
  }
  .home .brndx li p.cart_icon {
    width: 28px;
    margin-top: -32px;
    margin-left: -12px;
  }
  .home .brndx li p.link_text {
    margin-top: 18px;
  }
  .home .small_banner_wrap {
    margin: 45px auto 0px;
  }
  .home .link_area div p {
    font-size: 1.4em;
    font-weight: 600;
  }
  /*---------------------------------------------------------
	Concept
*/
  .concept_detail img {
    width: 85%;
  }
  .concept_detail img.sp_ss {
    width: 75%;
    margin-top: 20px;
  }
  .concept .content_wrap {
    padding: 0 7% 0;
    margin-top: 20px;
  }
  .concept_wrap .concept_title {
    padding: 12px 0px;
  }
  .concept .bg_wall {
    /*background-image: url(../img/bg_concept_sp_wall.jpg);*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    min-height: 0;
  }
  /*---------------------------------------------------------
		news
	*/
  .news_single p.title {
    font-size: 1.4em;
  }
  .news article.item .content p {
    text-align: left;
  }
  /*---------------------------------------------------------
	catalog
*/
  .wrapper.catalog {
    padding-top: 30px;
  }
  /* 設定 */
  .catalog .slide_all {
    width: 240px;
    height: 345px;
  }
  .catalog .slide_wrap {
    width: 720px;
    /* 240x3 */
    margin-left: -360px;
    /* (240x3)/2 */
  }
  .catalog a.bx-prev,
  .catalog a.bx-next {
    width: 30px;
    height: 30px;
    padding: 5px 8px;
  }
  .catalog .bx-prev_arrow,
  .catalog .bx-next_arrow {
    height: 20px;
  }
  .catalog_mask_wrap {
    top: 98px;
  }
  /*---------------------------------------------------------
		Style Photo
	*/
  .style_archive .keyword a {
    margin: 0 5px 10px;
  }
  /*---------------------------------------------------------
	LookBook
*/
  /*
mask
*/
  .lookbook_mask_wrap {
    top: 60px;
  }
  .wrapper.lookbook {
    padding-bottom: 20px;
  }
  /* responsive */
  .lookbook .bx-wrapper img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  .lookbook .innerwrap_detail .bx-controls-direction {
    width: 400px;
    margin-left: -200px;
  }
  .lookbook .season_menu.sp {
    width: 280px;
  }
  .lookbook .innerwrap_detail .detail_info {
    margin-left: -90px;
  }
  .lookbook .innerwrap_detail .index_btn {
    bottom: -195px;
    margin-left: -25px;
    width: 50px;
    height: 40px;
    z-index: 350;
  }
  .lookbook .season_menu.sp {
    padding-top: 80px;
  }
  /*---------------------------------------------------------
	NewArrival
*/
  .wrapper.newarrival {
    width: 100%;
  }
  .newarrival .brndx li {
    margin-right: 5%;
    margin-bottom: 5%;
    width: 30%;
  }
  .newarrival .brndx li:nth-child(4n),
  .newarrival .brndx li:nth-child(5n),
  .newarrival .brndx li:nth-child(6n),
  .newarrival .brndx li:nth-child(7n) {
    margin-right: 5%;
  }
  /*毎5番目に当たるスタイル*/
  .newarrival .brndx li:nth-child(3n) {
    margin-right: 0;
  }
  /*---------------------------------------------------------
  ShopList
*/
  .area_wrap .area {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0px;
  }
  .tabs {
    letter-spacing: 0px;
  }
  /*---------------------------------------------------------
	Business
*/
  .wrapper.business {
    width: 100%;
  }
  /*---------------------------------------------------------
	MailMagazine
*/
  .mail_box {
    width: 94%;
    margin: 0 auto 70px;
  }
  /*---------------------------------------------------------
	404
*/
  .error_page ul.main {
    width: 40%;
  }
  .error_page ul.sub {
    width: 55%;
  }
  /*==============================================================*/
}

/* end */
/*==============================================================*/
/*===============================================================
 width < 450px
===============================================================*/
@media screen and (max-width: 450px) {
  /*---------------------------------------------------------
	Top
*/
  .top_main_mask {
    width: 220px;
    height: 60px;
    margin-left: -110px;
    margin-top: -30px;
  }
  /*---------------------------------------------------------
	LookBook
*/
  /* responsive */
  .lookbook .bx-wrapper img {
    max-width: 85%;
  }
  .lookbook .innerwrap_detail .bx-controls-direction {
    top: 260px;
  }
  /*---------------------------------------------------------
	MailMagazine
*/
  .mail_pc {
    display: none;
  }
  .mail_sp {
    display: block;
  }
  .mail_info {
    margin: 0px auto 12%;
  }
  .mailmagazine .fl_left {
    float: none !important;
  }
  .mailmagazine .fl_right {
    float: none !important;
  }
  .mail_img_sp {
    width: 35%;
    margin: 0 auto;
  }
  .mail_btn_sp {
    font-size: 14px;
    font-size: 1.4rem;
    width: 60%;
    margin: 8% auto 16%;
  }
  /*==============================================================*/
}

/* end */
/*==============================================================*/
/*===============================================================
 width < 420px
===============================================================*/
@media screen and (max-width: 420px) {
  /*---------------------------------------------------------
		General
	*/
  body {
    margin-bottom: 0;
  }
  a.fixed_storebtn_wrap {
    width: 58px;
    height: 58px;
    padding: 10px;
    right: -80px;
    bottom: -80px;
  }
  .fixed_storebtn_wrap.on {
    right: 15px;
    bottom: 15px;
  }
  .fixed_storebtn .inner_border {
    position: absolute;
    width: 54px;
    height: 54px;
    top: 2px;
    left: 2px;
  }
  /*---------------------------------------------------------
		Top
	*/
  /*
	 once_animation
	*/
  .once_animation .logoanime_set {
    margin-top: -160px;
    margin-left: -155px;
    width: 300px;
    height: 300px;
  }
  .once_animation .anniversary {
    margin-left: -100px;
    width: 230px;
  }
  /*.home .wrapper{*/
  /*padding: 20px 14px;*/
  /*}*/
  .home .large_banner_wrap .ti_anniversary {
    width: 75px;
    margin-left: -37px;
  }
  .home .large_banner_wrap .ti_catalog {
    width: 71px;
    margin-left: -35px;
  }
  .home .large_banner_wrap .ti_lookbook {
    width: 97px;
    margin-left: -48px;
  }
  .home .large_banner_wrap .ti_news {
    width: 42px;
    margin-left: -21px;
  }
  .home .large_banner_wrap .ti_concept {
    width: 46px;
    margin-left: -23px;
  }
  .home .top_news ul li .title_area p.news_title {
    font-size: 1em;
  }
  .home .top_contents ul li a .title_area {
    font-size: 1.16em;
  }
  .home .top_contents ul li a .title_area span {
    font-size: 1.25em;
  }
  footer,
  footer .menu_wrap {
    position: relative;
    height: auto;
  }
  footer .copyright {
    letter-spacing: 0px;
    position: relative;
    top: auto;
    width: 100%;
    text-align: center;
    left: auto;
    margin-left: 0;
    padding: 20px 0;
  }
  /*---------------------------------------------------------
		Anniversary
	*/
  .anniversary .content_wrap {
    width: 98%;
  }
  .anniversary .section_wrap .item {
    border: 4px solid #ffffff;
    margin-bottom: 10px;
  }
  .anniversary .section_wrap.fifth .webstore_v1,
  .anniversary .section_wrap.fifth .webstore_v2,
  .anniversary .section_wrap.fifth .webstore_v3,
  .anniversary .section_wrap.fifth .webstore_v4,
  .anniversary .section_wrap.fifth .webstore_v5 {
    display: none;
  }
  .anniversary .section_wrap.fifth .webstore_v5 {
    display: inline;
  }
  /*---------------------------------------------------------
	Concept
	*/
  .concept_title img {
    width: 280px;
  }
  .concept_wrap .concept_detail {
    padding: 0px 0 25px;
  }
  /*---------------------------------------------------------
	Look Book
	*/
  .lookbook.wrapper {
    padding-bottom: 75px;
  }
  .lookbook .innerwrap_detail .bx-controls-direction {
    width: 350px;
    margin-left: -175px;
  }
  .lookbook .innerwrap_detail .bx-controls-direction {
    top: 220px;
  }
  /*---------------------------------------------------------
	ShopList
	*/
  .area_wrap .separator.return {
    line-height: 0.2;
  }
  /*---------------------------------------------------------
	Blog
	*/
  .blog_link .official img {
    width: 90%;
  }
  .blog_link .info img {
    width: 90%;
  }
  .blog_link .shop_east img {
    width: 90%;
  }
  .blog_link .shop_west img {
    width: 90%;
  }
  /*---------------------------------------------------------
		404
	*/
  .error_page ul.sub a {
    color: #999999;
    border-color: #999999;
  }
  .error_page .sitemap ul {
    width: 100%;
    float: none;
  }
  .error_page .sitemap {
    width: 90%;
  }
  /*==============================================================*/
}

/* end */
/*==============================================================*/
/*===============================================================
 width < 320px
===============================================================*/
@media screen and (max-width: 380px) {
  /*---------------------------------------------------------
  Top
*/
  .home .brndx li p.link_text,
  .newarrival .brndx li p.link_text {
    font-size: 11px;
    letter-spacing: 1px;
  }
  .home .brndx li p.cart_icon,
  .newarrival .brndx li p.cart_icon {
    width: 24px;
    margin-top: -25px;
    margin-left: -10.5px;
  }
  /*---------------------------------------------------------
  Look Book
*/
  .lookbook.wrapper {
    padding-bottom: 60px;
  }
  .lookbook .innerwrap_detail .bx-controls-direction {
    width: 310px;
    margin-left: -155px;
  }
  .lookbook .innerwrap_detail .bx-controls-direction {
    top: 180px;
  }
  /*---------------------------------------------------------
	Business
*/
  .business_box {
    width: 90%;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
  .business h2 {
    font-size: 11px;
    font-size: 1.1rem;
    text-align: center;
    letter-spacing: 0;
  }
  .business_text p {
    padding-bottom: 25px;
  }
  .business_btn {
    margin: 15px 0;
  }
  /*---------------------------------------------------------
  Blog
*/
  .blog_link .official img {
    width: 80%;
  }
  .blog_link .info img {
    width: 80%;
  }
  .blog_link .shop_east img {
    width: 80%;
  }
  .blog_link .shop_west img {
    width: 80%;
  }
  /*==============================================================*/
}

/* end */
/*==============================================================*/