@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Teko:400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700,800");
/* CSS Document */

/*共通*/
.title h2{
	padding: 80px 0 20px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 900;
}
@media screen and (max-width: 767px) {
	.title h2{
		padding: 70px 0 0;
	}
}
/*共通 ここまで*/

/*CONCEPT*/
.logo-image img{
	max-width: 680px;
}
@media screen and (max-width: 767px) {
	.logo-image img{
		
	}
}
/*CONCEPT ここまで*/

/*short movie*/
.short_movie_enu_area{
	
}
.short_movie_enu_block{
	
}
.short_movie_enu_area .short_movie_enu_block .element{
	width: 20%;
}
/*.short_movie_enu_area .short_movie_enu_block .element{
	width: 16.66%;
}*/
@media screen and (max-width: 767px) {
	.short_movie_enu_area .short_movie_enu_block .element{
		width: 50%;
	}
}
.short_movie_enu_area .short_movie_enu_block .element iframe{
	aspect-ratio: 9 / 16;
	width: 100%;
	height: 100%;
}
/*short movie ここまで*/

/*a-link*/
@media screen and (max-width: 767px) {
	.a-link .nav .nav-item{
		width: 68%;
	margin:0 auto;
	}
}
/*a-link ここまで*/

/*slide*/
@media screen and (max-width: 767px) {
  .slick-slide {
    padding:0;
  }
}
/*slide ここまで*/

/*movie*/
.short-movie-enu-area ul{
	gap: 0 1.25%;
}
.short-movie-enu-area ul li{
	flex: auto;
	max-width: 24%;
	padding-left: 0;
}
.short-movie-enu-area ul li .c-video .c-video__frame{
	height: 460px;
}
/*movie ここまで*/

/*style*/
.style h4{
	font-family: 'Roboto'; font-style: normal; font-weight: 900;
}
@media screen and (max-width: 767px) {
	.style h4{
		
	}
}
@media screen and (max-width: 767px) {
	.styling-item h5{
		text-align: center;
	}
}
.styling-item .name{
	font-size: 1.4rem;
	text-align: center;
	line-height: 2.3rem;
	margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
	.styling-item .name{
		line-height: 2.0rem;
	}
}
.styling-item .price{
	font-size: 1.3rem;
	text-align: center;
	line-height: 2.4rem;
	display: block;
}
@media screen and (max-width: 767px) {
	.styling-item .price{
		line-height: 2.0rem;
	}
}
.styling-item .style_view_btn{
	color: #000;
	display: inline-block;
	font-size: 1.4rem;
	text-decoration:none;
	margin:10px auto 40px;
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	.styling-item .style_view_btn{
		font-size: 1.3rem;
	}
}
.styling-item .style_view_btn a{
	text-decoration: none;
}
.styling-item .btn-area{
	text-align: center;
}
.styling-item .comingsoon{
	color: #c8c8c8;
	font-weight: 600;
	font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
	.styling-item .comingsoon{
		font-size: 1.0rem;
		margin-top: 10px;
	}
}
/*style ここまで*/

/*YouTube動画*/
#enu_movie .enu-movie-list ul li a{
	text-decoration: none;
}
/*YouTube動画 ここまで*/

/*item list*/
.c-black {
	width: 15px;
	height: 15px;
	border:2px solid #BFBFBF;
	background:#000;
	display: inline-block;
	margin-right: 10px;
}
.c-beige {
	width: 15px;
	height: 15px;
	border:2px solid #BFBFBF;
	background:#b8a978;
	display: inline-block;
	margin-right: 10px;
}
.c-khaki {
	width: 15px;
	height: 15px;
	border:2px solid #BFBFBF;
	background:#525c46;
	display: inline-block;
}
.c-gray {
	width: 15px;
	height: 15px;
	border:2px solid #BFBFBF;
	background:#6a6d76;
	display: inline-block;
}
.c-orange {
	width: 15px;
	height: 15px;
	border:2px solid #BFBFBF;
	background:#f9a33d;
	display: inline-block;
}
.c-violet {
	width: 15px;
	height: 15px;
	border:2px solid #BFBFBF;
	background:#41303b;
	display: inline-block;
}
.c-blue {
	width: 15px;
	height: 15px;
	border:2px solid #BFBFBF;
	background:#446ca5;
	display: inline-block;
}
.c-blue1 {
	width: 15px;
	height: 15px;
	border:2px solid #BFBFBF;
	background:#0d5db2;
	display: inline-block;
}
.c-blue2 {
	width: 15px;
	height: 15px;
	border:2px solid #BFBFBF;
	background:#30567a;
	display: inline-block;
}
.c-navy {
	width: 15px;
	height: 15px;
	border:2px solid #BFBFBF;
	background:#314260;
	display: inline-block;
}
.c-brown {
	width: 15px;
	height: 15px;
	border:2px solid #BFBFBF;
	background:#965b39;
	display: inline-block;
}
.c-brown1{
	width: 15px;
	height: 15px;
	border:2px solid #BFBFBF;
	background:#56484a;
	display: inline-block;
}
.list_view_btn{
	color: #fff;
	background-color: #111;
	display: inline-block;
	font-size: 1.4rem;
	text-decoration:none;
	padding:8px 40px;
	border-radius:0;
	line-height: 1;
	margin:20px auto 40px;
}
@media screen and (max-width: 767px) {
	.list_view_btn{
		width: 100%;
		font-size: 1.0rem;
	}
}
.list_view_btn a{
	color: #fff;
	text-decoration: none;
}
@media screen and (max-width: 767px) {
	#link-itemlist p{
		line-height: 1.6;
	}
}
#link-itemlist p .kakaku{
	font-size: 1.4rem;
	line-height: 2.4rem;
	display: block;
}
#link-itemlist .comingsoon{
	color: #c8c8c8;
	font-weight: 600;
	font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
	#link-itemlist .comingsoon{
		font-size: 1.0rem;
		margin-top: 10px;
	}
}
@media screen and (max-width: 767px) {
	.item-list-accordion div ul li p .kakaku{
		font-size: 1.2rem;
	}
}
.item-list-accordion div ul li .comingsoon {
  color: #c8c8c8;
  font-weight: 600;
  font-size: 1.4rem;
}
/*item list ここまで*/

/*fotter*/
.footer-img01{
	width: 121px;
	margin: 100px auto 40px;
}
@media screen and (max-width: 767px) {
	.footer-img01{
		margin-bottom: 20px;
	}
}
.footer-img02{
	max-width: 390px;
	margin: 0 auto 100px;
}
@media screen and (max-width: 767px) {
	.footer-img02{
		max-width: 260px;
	}
}
/*fotterここまで*/

/*snap*/
/*img {
  width: auto;
}*/

.node__content .mz-block-basic {
  margin-bottom: 0;
}

/* http://media.mizuno.com/~/media/css/jp/working/category_navi.css?v=5cc61d54-10ed-407b-9a1f-c4c83b9c3a97 */
.pc_nav {
  display: block;
}

.sp_nav {
  display: none;
}

.mz_gNavi {
  margin: 0;
  border: none;
}
/*ナビゲーション*/
.w_gNavi.pc_nav {
  opacity: 0;
  /*padding:20px 0; 
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
  border-bottom: 1px solid #cecece;
}
.w_gNavi.pc_nav ul {
  max-width: 1180px;
  width: 100%;

  margin: auto;
  font-size: 0;
  position: relative;
}

.w_gNavi.pc_nav ul li {
  display: inline-block;
  /*width:16.6666%;
	height: 100px;*/
  /*position:relative;*/
  vertical-align: top;
  cursor: pointer;
  padding: 24px 0 0;
}
.w_gNavi.pc_nav ul li > p {
  font-size: 1.5rem;
  font-weight: 900;
  position: relative;
  padding: 14px 32px 20px 24px;
}
.w_gNavi.pc_nav ul li > p > a {
  color: inherit;
}
.w_gNavi.pc_nav ul li > p.sg:after {
  content: "";
  /* left: 3px; */
  width: 10px;
  height: 10px;
  border-top: 3px solid #001489;
  border-right: 3px solid #001489;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  right: 12px;
  top: 18px;
  border-radius: 2px;
}
.w_gNavi.pc_nav ul li > p.sg:hover {
  color: #fff;
  background: #001489;
}
.w_gNavi.pc_nav ul li > p:hover:after {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}
.w_gNavi.pc_nav ul li a {
  padding: 0;
}
.w_gNavi.pc_nav ul li a:hover {
  text-decoration: none;
}
.w_gNavi.pc_nav ul li ul.sub_nav {
  max-width: 1180px;
  width: 100%;
  display: none;
  position: absolute;
  left: 0;
  top: 79px;
  padding: 20px 0 21px 32px;
  background: rgba(0, 20, 137, 1);
  z-index: 999999;
}
.w_gNavi.pc_nav ul li ul.sub_nav li {
  padding: 0 34px 0 0;
  font-size: 1.4rem;
  font-weight: 400;
  vertical-align: top;
  position: relative;
}

.w_gNavi.pc_nav ul li ul.sub_nav li:after {
  content: "";
  width: 1px;
  height: 14px;
  background: #fff;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
  position: absolute;
  right: 17px;
  top: 4px;
}
.w_gNavi.pc_nav ul li ul.sub_nav li:last-child:after {
  display: none;
}
.w_gNavi.pc_nav ul li ul.sub_nav li span {
  vertical-align: middle;
  color: #fff;
  line-height: 1;
}

.w_gNavi.pc_nav ul li:nth-child(3) ul.sub_nav:before {
  left: 90px;
}
.w_gNavi.pc_nav ul li.comming img {
  opacity: 0.4;
}
@media only screen and (max-width: 1080px) {
  /*ナビゲーション*/

  .w_gNavi.pc_nav ul li > p {
    font-size: 1.3rem;
    padding: 14px 2vw 20px 1.4vw;
  }
  .w_gNavi.pc_nav ul li > p.sg:after {
    width: 8px;
    height: 8px;
    right: 5px;
  }
  .w_gNavi.pc_nav ul li ul.sub_nav {
    top: 76px;
    padding: 20px 0 21px 1vw;
  }
  .w_gNavi.pc_nav ul li ul.sub_nav li {
    padding: 0 2vw 0 0;
    font-size: 1.2rem;
  }

  .w_gNavi.pc_nav ul li ul.sub_nav li:after {
    height: 12px;
    right: 8px;
    top: 2px;
  }
}
/*@media only screen and (max-width: 876px) {

.w_gNavi.pc_nav ul li > p{
	font-size:1.2rem;
	padding: 16px 32px 22px 24px;
}
.w_gNavi.pc_nav ul li ul.sub_nav {
	padding:20px 0 21px 22px;
}
.w_gNavi.pc_nav ul li ul.sub_nav li{
	font-size:1.15rem;
	padding:0 20px 0 0;
}
.w_gNavi.pc_nav ul li ul.sub_nav li:after{
	right: 10px;
	top:2px;
}
}*/
@media only screen and (max-width: 798px) {
  /*ナビゲーション*/

  .w_gNavi.pc_nav ul li > p {
    padding: 14px 2vw 20px 0.8vw;
  }
}
@media only screen and (max-width: 767px) {
  .mz_gNavi {
    position: static;
    display: block !important;
    z-index: 99999;
  }
  .navbar-header .navbar-toggle {
    display: none;
  }
  .pc_nav {
    display: none;
  }

  .sp_nav {
    display: block;
  }
  .w_gNavi.sp_nav {
    font-family: "Noto Sans JP", Helvetica, "Yu Gothic", "游ゴシック", YuGothic,
      "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    letter-spacing: 0.08em;
    position: fixed;
    top: 104px;
    bottom: 0;
    width: 100%;
    height: 0;
    z-index: 99999;
    overflow-y: scroll;
    transition: all 0.3s;
  }
  .w_gNavi.sp_nav.active {
    height: 100%;
  }
  .w_gNavi_button.sp_nav .menu-trigger,
  .menu-trigger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .w_gNavi_button.sp_nav .menu-trigger {
    position: fixed;
    top: 58px;
    right: 25px;
    width: 23px;
    height: 18px;
    /* zoom:0.5; */
    z-index: 999;
  }
  .w_gNavi_button.sp_nav .menu-trigger:after {
    font-family: "Oswald", sans-serif;
    content: "MENU";
    font-size: 1rem;
    position: absolute;
    bottom: -25px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .w_gNavi_button.sp_nav .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    z-index: 999999;
  }
  .w_gNavi_button.sp_nav .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  .w_gNavi_button.sp_nav .menu-trigger span:nth-of-type(2) {
    top: 8px;
  }
  .w_gNavi_button.sp_nav .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  .w_gNavi_button.sp_nav .menu-trigger.active_menu span:nth-of-type(1) {
    -webkit-transform: translateY(18px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
  }
  .w_gNavi_button.sp_nav .menu-trigger.active_menu:after {
    content: "CLOSE";
  }
  .w_gNavi_button.sp_nav .menu-trigger.active_menu span:nth-of-type(2) {
    left: 50%;
    opacity: 0;
    -webkit-animation: active-menu-bar02 0.8s forwards;
    animation: active-menu-bar02 0.8s forwards;
  }
  @-webkit-keyframes active-menu-bar02 {
    100% {
      height: 0;
    }
  }
  @keyframes active-menu-bar02 {
    100% {
      height: 0;
    }
  }
  .menu-trigger.active_menu span:nth-of-type(3) {
    -webkit-transform: translateY(-14px) rotate(45deg);
    transform: translateY(-7px) rotate(45deg);
  }
  .acMenu {
    width: 100%;
    background: rgba(0, 20, 137, 1);
  }
  .acMenu.active_open {
    height: 100%;
  }

  .acMenu li img {
    width: auto;
    height: 16px;
  }
  .acMenu li ul {
    padding: 0px;
  }
  .acMenu li ul a:hover {
    text-decoration: none;
  }
  .menu-ttl {
    padding: 20px 0 20px 24px;
    background: #fff;
  }

  .sub-menu-ttl {
    background: #001489;
    border-bottom: 1px solid #fff;
    padding: 20px 0 20px 24px;
    position: relative;
    cursor: pointer;
    font-size: 1.45rem;
    font-weight: 900;
    color: #fff;
  }
  .sub-menu-ttl span {
    display: block;
    position: relative;
  }
  .sub-menu-ttl span:after {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 12px;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  dd {
    margin: 0px;
  }
  .acMenu dd {
    display: none;
    padding-bottom: 60px;
  }
  .acMenu2 {
    background: #cccccc;
  }
  .acMenu3 {
    font-size: 0;
  }
  .acMenu3 li {
    display: inline-block;
    width: 100%;
    font-size: 1.32rem;
    font-weight: 500;
    line-height: 1;
    /*padding:20px 0 20px 30px;*/
    /*background:rgba(6,164,234,0.9);*/
    border-bottom: 1px solid #fff;
    position: relative;
  }
  .acMenu3 li:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    position: absolute;
    right: 22px;
    top: 50%;
    border-radius: 2px;
    -webkit-transform: rotate(45deg) translate(0, -50%);
    transform: rotate(45deg) translate(0, -50%);
  }
  .acMenu3 li a {
    color: #000;
    display: block;
    padding: 15px 0 20px 30px;
  }
  .acMenu3 li a:hover {
    text-decoration: none;
  }
  .acMenu3 li:nth-child(odd) {
    border-right: 1px solid #fff;
  }
  .acMenu dt {
    position: relative;
    cursor: pointer;
    display: none;
  }
  .acMenu dt.open {
    /*	background: #ccc;*/
  }

  .acMenu dt:after,
  .acMenu dt:before {
    display: block;
    content: "";
    background-color: #000;
    position: absolute;
    width: 14px;
    height: 1.75px;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
  }
  .acMenu dt:before {
    width: 1.75px;
    height: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 26.125px;
  }
  .acMenu dt.open:after {
    display: none;
  }
  .acMenu dt.open:before {
    transform: rotate(90deg);
    transition: 0.5s;
  }
  .sub-menu-ttl:after,
  .sub-menu-ttl:before {
    display: block;
    content: "";
    background-color: #fff;
    position: absolute;
    width: 14px;
    height: 1.75px;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    transition: 0.5s;
  }
  .sub-menu-ttl.sub-menu-none:after,
  .sub-menu-ttl.sub-menu-none:before {
    display: none;
  }
  .sub-menu-ttl:before {
    width: 1.75px;
    height: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 26.125px;
  }
  .sub-menu-ttl.openAcd:after {
    opacity: 0;
  }
  .sub-menu-ttl.openAcd:before {
    transform: rotate(90deg);
    transition: 0.5s;
  }

  body.fixed {
    position: fixed;
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .mf_finder_searchBox_items_wrapper {
    clear: both;
    padding-top: 20px;
  }
}

/* http://media.mizuno.com/~/media/css/jp/working/inscroll.css?v=a7113233-1053-4963-a55b-0722e58ce369 */
.inscroll {
  margin-top: -150px !important;
  padding-top: 150px !important;
}

/* http://media.mizuno.com/~/media/css/jp/working/category_navi_sns.css?v=8f0a30f5-3d49-44cf-9589-86385a8ecbb4 */
.w_gNavi.pc_nav ul li.nav_sns {
  position: absolute;
  right: 0;
  /*transform:translate(0,-100%);*/
}
.w_gNavi.pc_nav ul li.nav_sns p {
  padding: 7px 0 0;
}
.w_gNavi.pc_nav ul li.nav_sns img {
  height: 32px;
}
/*.w_gNavi.pc_nav ul li.nav_sns span{
	font-size:0.75em;
	margin-left:0.5em;
}
.w_gNavi.pc_nav ul li.nav_sns a{
	display:flex;
	align-items:center;
}*/
@media only screen and (max-width: 1200px) {
  .w_gNavi.pc_nav ul li.nav_sns {
    right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .sub-menu-ttl img.sns_ic {
    height: 20px;
    width: auto;
    margin-right: 0.5em;
  }
}

/* http://media.mizuno.com/~/media/css/jp/working/coporateapparel/21ss/common.css?v=47f46178-4ae3-44b5-8f30-0ee2d955c4f5 */
.pc {
  display: block;
}
.sp {
  display: none;
}

.main-col--shingle {
  padding: 0;
}

/*
.mz_gNavi{
	display:none!important;

}
.mz_gHeader{
	display:none!important;
}
.mz_gNavi{
	display:none!important;

}
.mz_footer_top{
	display:none!important;

}
.mz_footer_bottom_wrap {
	max-width: 900px;
}
.mz_container {
	width: 100%;
	margin: 0;
	padding: 0;
	max-width: 100%;
	background:#000;
}
.main-col--shingle {
	padding: 0;
}
.mz_footer_local_navi {
	display:none;
}

*/

.node__content .mz-block-basic .mz_container {
  width: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  max-width: 100%;
}
.mz_gNavi {
  display: none !important;
}
.node__content .mz-block-basic a,
.node__content .mz-block-basic a:active,
.node__content .mz-block-basic a:hover,
.node__content .mz-block-basic a:visited,
.node__content .mz-block-basic a:focus {
  text-decoration: none;
  color: #000;
  outline: none;
}
#contents,
#common_area {
  width: 100%;
  margin: auto;
  /*overflow:hidden;*/
  position: relative;
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",
    sans-serif;
  color: #000;
  line-height: 1.5;
  /*font-feature-settings: 'palt' 1;*/
}
#contents .font-min,
#common_area .font-min {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 500;
}
header#btb {
  width: 100%;
  position: relative;
  /*border-bottom:2px solid #000;*/
  background: #ededed;
}
header#btb ul {
  font-size: 0;
  text-align: center;
  /*margin-left:-38px;*/
}
header#btb ul li {
  font-family: "Teko", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",
    sans-serif;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  padding: 30px 38px 28px 38px;
  position: relative;
  vertical-align: top;
  letter-spacing: 0.05em;
}
header#btb ul li a {
  transition: color 0.8s;
  position: relative;
  display: inline-block;
}

#contents .txt_sp2 {
  letter-spacing: -1em;
}
#contents .txt_sp {
  letter-spacing: -0.4em;
}
.node__content .mz-block-basic .clearfix:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
.node__content .mz-block-basic .clearfix {
  display: inline-block;
}
* html .node__content .mz-block-basic .clearfix {
  height: 1%;
}
.node__content .mz-block-basic .clearfix {
  display: block;
}

@media screen and (max-width: 767px) {
  .navbar-header .navbar-toggle {
    display: none;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .mz_gHeader {
    z-index: 99999;
  }
  .mz_gNavi {
    z-index: 99999;
  }
  /*
.main-col--shingle {
	margin: 0;
}
.mz_footer_bottom {
	margin-top: 0;
}
*/
  .node__content .mz-block-basic .mz_container {
    margin: 0 auto;
    padding-top: 106px;
    padding-bottom: 0;
  }
  .main-col--shingle {
    margin: 0 auto 0 auto;
  }

  #contents {
    width: 100%;
    min-width: auto;
  }
  header#btb {
    position: relative;
    height: 60px;
  }
  header#btb ul {
    display: block;
    margin: 0;
  }

  header#btb .gblnv_block {
    background: rgba(0, 0, 0, 0.95);
    color: #fff;
    width: 100%;
    /*height:50vh;*/
    display: none;
    position: absolute;
    top: 60px;
    z-index: 9999;
  }
  header#btb .gblnv_block ul {
    /*padding:10px*/
  }
  header#btb .gblnv_block a {
    text-decoration: none;
    color: #fff;
  }
  header#btb .gblnv_block ul li {
    padding: 25px 20px;
    display: list-item;
    font-size: 1.6rem;
    color: #fff;
    border-bottom: 1px solid #666;
    margin-left: 0;
  }
  header#btb .gblnv_block ul li:nth-child(2) {
    padding: 25px 20px 0;
  }
  header#btb .gblnv_block ul li ul.sub li {
    padding: 1em 1.5em;
    position: relative;
  }
  header#btb .gblnv_block ul li ul.sub li:after {
    content: "";
    width: 0.3em;
    height: 0.3em;
    border: 0.08em solid;
    border-color: #fff #fff transparent transparent;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -74%) rotate(45deg);
  }
  header#btb .gblnv_block ul li ul.sub li:last-child {
    border-bottom: none;
  }
  header#btb ul li:last-child {
    padding: 25px 20px;
  }
  header#btb ul li span {
    font-size: 1.1rem;
    display: initial;
    margin-left: 10px;
    margin-top: 0;
  }
  header#btb .onanimation {
    display: block;
  }
  header#btb .menu-trigger,
  .menu-trigger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  header#btb .menu-trigger {
    position: absolute;
    top: 21px;
    right: 25px;
    width: 23px;
    height: 18px;
    /* zoom:0.5; */
  }
  header#btb .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
  }
  header#btb .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  header#btb .menu-trigger span:nth-of-type(2) {
    top: 8px;
  }
  header#btb .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  header#btb .menu-trigger.c_active_menu span:nth-of-type(1) {
    -webkit-transform: translateY(18px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
  }
  header#btb .menu-trigger.c_active_menu span:nth-of-type(2) {
    left: 50%;
    opacity: 0;
    -webkit-animation: active-menu-bar02 0.8s forwards;
    animation: active-menu-bar02 0.8s forwards;
  }
  @-webkit-keyframes active-menu-bar02 {
    100% {
      height: 0;
    }
  }
  @keyframes active-menu-bar02 {
    100% {
      height: 0;
    }
  }
  .menu-trigger.c_active_menu span:nth-of-type(3) {
    -webkit-transform: translateY(-14px) rotate(45deg);
    transform: translateY(-7px) rotate(45deg);
  }
  .nav-open_jj {
    position: fixed;
    overflow: hidden;
    width: 100%;
  }

  header#btb ul li {
    text-align: left;
  }
  .btb_drawer_menu {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .mz_gHeader {
    margin-bottom: 10px;
  }
  header#btb ul li a:hover {
    color: #1f2182;
  }
  header#btb ul li a::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    content: "";
    width: 100%;
    height: 2px;
    background: #1f2182;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.3s;
  }
  header#btb ul li a:hover::after {
    transform: scale(1, 1);
  }
  header#btb ul li span {
    display: block;
    font-size: 1.3rem;
    line-height: 1;
    margin-top: 6px;
    letter-spacing: 0;
  }
  /*PCナビ*/
  .btb_drawer_menu * {
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
    font: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: left;
    text-decoration: none;
    list-style: none;
  }

  .btb_drawer_menu a {
    color: inherit;
    text-decoration: none;
  }

  .btb_drawer_menu a:visited {
    color: inherit;
  }

  .btb_drawer_menu .btb_drawer_bg {
    /*width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.9);
  display: none;
  top: 0;
  left: 0;*/
  }

  .btb_drawer_menu .btb_drawer_button {
    display: block;
    background: none;
    border: none;
    padding: 0 10px;
    width: 52px;
    height: 52px;
    letter-spacing: 0.1em;
    cursor: pointer;
    position: fixed;
    top: 92px;
    right: 32px;
    z-index: 1001;
    text-align: center;
    outline: none;
    background: #000;
  }
  .btb_drawer_menu .btb_drawer_button_top {
    top: 32px;
  }
  .btb_drawer_menu .btb_drawer_button.active {
    background: #fff;
  }
  .btb_drawer_menu .btb_drawer_button.active .btb_drawer_bar {
    width: 49px;
  }

  .btb_drawer_menu .btb_drawer_button.active .btb_drawer_bar1 {
    transform: translateY(-5px) rotate(45deg);
    background: rgba(85, 85, 85, 1);
  }

  .btb_drawer_menu .btb_drawer_button.active .btb_drawer_bar2 {
    opacity: 0;
  }

  .btb_drawer_menu .btb_drawer_button.active .btb_drawer_bar3 {
    transform: translateY(5px) rotate(-45deg);
    background: rgba(85, 85, 85, 1);
  }

  .btb_drawer_menu .btb_drawer_button.active .btb_drawer_menu_text {
    display: none;
  }

  .btb_drawer_menu .btb_drawer_button.active .btb_drawer_close {
    display: block;
  }

  .btb_drawer_menu .btb_drawer_bar {
    display: block;
    height: 2px;
    margin: 10px 0;
    transition: all 0.2s;
    transform-origin: 0 0;
  }

  .btb_drawer_menu .btb_drawer_text {
    text-align: center;
    font-size: 10px;
  }

  .btb_drawer_menu .btb_drawer_close {
    letter-spacing: 0.08em;
    display: none;
  }

  .btb_drawer_menu .btb_drawer_menu_text {
    display: block;
  }

  .btb_drawer_menu .btb_drawer_nav_wrapper {
    width: 200px;
    /*height: 100%;*/
    transition: all 0.2s;
    transform: translate(200px);
    position: fixed;
    top: 70px;
    right: 0;
    z-index: 1000;
    background: rgba(85, 85, 85, 0.46);
  }
  .btb_drawer_menu_top .btb_drawer_nav_wrapper {
    top: 10px;
  }
  .btb_drawer_menu .btb_drawer_nav_wrapper.open {
    transform: translate(0);
  }

  .btb_drawer_menu.left .btb_drawer_button {
    right: auto;
    left: 32px;
  }

  .btb_drawer_menu.left .btb_drawer_nav_wrapper {
    transform: translate(-200px);
    right: auto;
    left: 0;
  }

  .btb_drawer_menu.left .btb_drawer_nav_wrapper.open {
    transform: translate(0);
  }

  /*+++ Default Navigation CSS +++*/
  .btb_drawer_menu .btb_drawer_nav {
    padding: 62px 34px;
  }

  .btb_drawer_menu .btb_drawer_nav li {
    font-family: "Teko", "Noto Sans JP", "メイリオ", Meiryo,
      "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,
      "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 2.3rem;
    font-weight: 600;
    color: #fff;
    /*margin-bottom: 15px;*/
    border-bottom: 1px solid #fff;
    padding: 16px 0;
  }
  .btb_drawer_menu .btb_drawer_nav li ul.sub {
    font-size: 0.8em;
    padding-left: 1em;
  }
  .btb_drawer_menu .btb_drawer_nav li ul.sub li {
    font-size: 1em;
    border-bottom: 1px solid #fff;
    padding: 0.5em 0;
    position: relative;
  }
  .btb_drawer_menu .btb_drawer_nav li ul.sub li:after {
    content: "";
    width: 0.3em;
    height: 0.3em;
    border: 0.08em solid;
    border-color: #fff #fff transparent transparent;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -70%) rotate(45deg);
  }
  .btb_drawer_menu .btb_drawer_nav li ul.sub li:last-child {
    border-bottom: none;
    padding: 0.5em 0 0;
  }
  .btb_drawer_menu .btb_drawer_nav li:last-child {
    border-bottom: none;
  }
  .btb_drawer_menu .btb_drawer_nav li span {
    font-size: 1.3rem;
    display: block;
  }
  /*+++ Default Button Color +++*/
  .btb_drawer_menu .btb_drawer_button {
    color: #276490;
  }

  .btb_drawer_menu .btb_drawer_button .btb_drawer_bar {
    background-color: #fff;
  }
}

/* http://media.mizuno.com/~/media/css/jp/working/coporateapparel/collection/collectin.css?v=a10f4371-fd67-4e25-a40a-374cfe8f0840 */
.node__content .mz-block-basic .mz_container {
  max-width: 1280px;
  margin-bottom: 100px;
}
.sortSection {
  display: flex;
  align-items: flex-start;
  /*flex-wrap:wrap;*/
  margin: 30px 0;
}
.sortSection h2 {
  font-family: "Oswald", sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.15em;
  text-indent: 0.15em;
  color: #1d2089;
  font-weight: 600;
  padding: 0.5em 2em 0.5em 1.5em;
  border: 1px solid #1d2089;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  position: relative;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.6);
}
.sortSection h2:after {
  content: "filter_list";
  font-size: 1em;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sortSection .sortControl {
  max-width: calc(100% - 100px);
  padding-left: 52px;
}
.sortSection .sortControl {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Noto Sans JP", Helvetica, "Yu Gothic", "游ゴシック", YuGothic,
    "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  line-height: 1;
}
.sortSection .sortControl h3 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #1d2089;
  width: 117px;
}
.sortSection .sortControl h3 sup {
  font-size: 0.5em;
}
.sortSection .sortControl ul {
  width: calc(100% - 147px);
  margin: 0 0 22px;
  font-weight: 500;
}
.sortSection .sortControl ul li {
  display: inline-block;
  margin-right: 2.66em;
  vertical-align: top;
  margin-bottom: 1em;
}
.sortSection .sortControl ul li label {
  cursor: pointer;
}
.sortSection .sortControl ul li label:hover {
  color: #1d2089;
}
.sortSection .sortControl ul li label span {
  padding-left: 2em;
  position: relative;
  display: inline-block;
}

.sortSection .sortControl ul li label span:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #626262;
  background: #f1f1f1;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.sortSection .sortControl ul li label input:checked + .m_radio::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 3px;
  width: 6px;
  height: 12px;
  transform: rotate(40deg);
  border-bottom: 2px solid #1d2089;
  border-right: 2px solid #1d2089;
}
.sortSection .sortControl ul li input {
  display: none;
}
.noitem {
  display: none;
  font-size: 1.8rem;
  margin: 3em 0;
}
#drawer-checkbox {
  display: none;
}
.shoes_end {
  display: block;
  font-size: 1.6rem;
  width: 80%;
  max-width: 520px;
  border: 1px solid #000;
  text-align: center;
  line-height: 3.635em;
  color: #000;
  margin: 7% auto;
}
.shoes_end:hover,
.shoes_end:visited {
  color: #000;
}
.composite_tiles-company {
  display: flex;
  flex-wrap: wrap;
  font-family: "Noto Sans JP", Helvetica, "Yu Gothic", "游ゴシック", YuGothic,
    "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.composite_tiles-company li {
  position: relative;
  opacity: 0;
}

.composite_tiles-company li img {
  margin: 0;
}
.composite_tiles-company li.col {
  /*width:20%;*/
  width: 25%;
}
.composite_tiles-company li dl {
  position: absolute;
  bottom: 0;
  left: 20px;
  color: #fff;
  font-size: 1.3rem;
  /*background: rgba(0, 0, 0, 0.67);
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.7) 100%
  );*/
  padding: 0 0.2em 1.6846em 0.8em;
  width: calc(100% - 20px);
  letter-spacing: 0.03em;
  font-family: "Noto Serif JP", "Arial", "メイリオ";
}
.composite_tiles-company li dl dt {
  font-size: 1.2em;
  font-weight: 500;
  margin: 0;
  background: rgba(0, 0, 0, 0.7);
  display: inline-block;
  padding: 0.1em 0.4em 0.2em;
  /* line-height: 1.5; */
  vertical-align: middle;
}
.composite_tiles-company li a:hover dl dt {
  text-decoration: none;
}
.composite_tiles-company li dl dt.txt-st {
  transform: scale(0.67, 1);
  transform-origin: top left;
  white-space: nowrap;
}
/*.composite_tiles-company li:after {
  content: "how_to_reg";
  font-size: 1.5em;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  -webkit-transform: translate(-30%, -50%);
  transform: translate(-30%, -50%);
}*/
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .node__content .mz-block-basic .mz_container {
    padding: 0 15px;
  }
  .sortSection h2 {
    font-size: 2vw;
  }
  .sortSection .sortControl h3 {
    font-size: 1.09375vw;
    width: 11.484375vw;
    margin-bottom: 2.34vw;
  }
  .sortSection .sortControl ul {
    margin-bottom: 1.71875vw;
  }
  .sortSection .sortControl ul li {
    font-size: 1.09375vw;
  }
  .composite_tiles-company li dl {
    font-size: 1.015625vw;
  }
  .composite_tiles-company li.col {
    width: 33.33333%;
  }
}
@media only screen and (max-width: 767px) {
  .node__content .mz-block-basic .mz_container {
    /* padding: 106px 5% 0; */
    padding: 0 5% 0;
  }
  .sortSection h2 {
    display: none;
  }
  #drawer-icon {
    cursor: pointer;
    display: inline-block;
    height: 40px;
    position: relative;
    width: 40%;
    z-index: 1;
    border-radius: 4px;
    border: 1px solid #1d2089;
    border-radius: 3em;
    transition: all 0.3s ease-in-out 0s;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.6);
  }
  #drawer-icon span {
    transition: all 0.3s ease-in-out;
    display: block;
    width: 100%;
    height: 100%;
  }
  #drawer-icon :before {
    font-family: "Oswald", sans-serif;
    content: "SEARCH";
    font-size: 3.5vw;
    letter-spacing: 0.15em;
    text-indent: 0.15em;
    color: #1d2089;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #drawer-icon :after {
    content: "filter_list";
    font-size: 1em;
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    color: #1d2089;

    line-height: 1;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
  }
  /*#drawer-icon span::before,
#drawer-icon span::after {
  -webkit-transform: rotate(0);
  background: #333;
  border-radius: 4px;
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin: -8% 0 0 -50%;
  position: absolute;
  top: 50%;
  transform: rotate(0);
  transition: all 0.3s ease-in-out;
  width: 100%;
}
#drawer-icon span::before {
  margin-top: -38%;
}
#drawer-icon span::after {
  margin-top: 19%;
}
#drawer-checkbox:checked ~ #drawer-icon span {
  background: rgba(51, 51, 51, 0);
}
#drawer-checkbox:checked ~ #drawer-icon span::before,
#drawer-checkbox:checked ~ #drawer-icon span::after {
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin: -8% 0 0 -42%;
  position: absolute;
  top: 50%;
  width: 100%;
}
#drawer-checkbox:checked ~ #drawer-icon span::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#drawer-checkbox:checked ~ #drawer-icon span::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}*/
  #drawer-checkbox:checked ~ #drawer-icon {
    position: fixed;
    top: 30px;
    left: 15px;
    width: 40%;
    z-index: 999999;
    background:#fff;
  }
  #drawer-checkbox:checked ~ #drawer-icon span::before {
    content: "CLOSE";
  }
  #drawer-checkbox:checked ~ #drawer-icon span:after {
    content: "clear";
  }
  .sortSection .sortControl {
    display: block;
    padding: 140px 5% 30px;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 99999;
    width: 70%;
    max-width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    transition: all 0.3s ease-in-out 0s;
    transform: translateX(-100%);
    flex-direction: column;
    overflow-y: scroll;
  }
  #drawer-checkbox:checked ~ .sortControl {
    transform: translateX(0);
    box-shadow: 6px 0 25px rgba(0, 0, 0, 0.16);
  }
  .sortSection .sortControl h3 {
    width: auto;
  }
  .sortSection .sortControl ul {
    width: calc(100% - 20px);
  }
  .sortSection .sortControl ul li {
    width: 100%;
    margin: 0 0 10px;
  }
  #drawer-close {
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
    z-index: 9999;
  }
  #drawer-checkbox:checked ~ #drawer-close {
    display: block;
    opacity: 0.3;
  }

  .composite_tiles-company li.col {
    width: 50%;
  }
  .composite_tiles-company li dl {
    left: 10px;
    width: calc(100% - 10px);
    font-size: 1.8vw;
  }
}

/* http://media.mizuno.com/~/media/css/jp/working/coporateapparel/collection/modal.css?v=be0662f1-7fc0-4685-a807-15f675944c90 */
#modal-win {
  width: 100%;
  position: absolute;
}
#modal-win-inner {
  max-width: 100%;
  left: 50%;
  margin: 0 auto;
  position: fixed;
  z-index: 99999;
  top: 50%;
  transform: translate(-50%, -50%);
  /*background:rgba(255,255,255,0.97);*/
}

#modal-bg {
  width: 100%;
  height: 100%;
  background-color: #1E1E1E;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  cursor: pointer;
  opacity: 0.8;
}
.modal-lnk {
  position: static;
  top: initial;
  right: initial;
  bottom: initial;
  left: initial;
  display: block;
}
.modal_w {
  font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体",
    "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI",
    "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  line-height: 1;
  display: none;
  width: 100vw;
  max-width: 1280px;
  max-height: 95vw;
  height: auto;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#CC231815,EndColorStr=#CC231815);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#CC231815,EndColorStr=#CC231815);
  top: 0;
  bottom: 0;
  padding: 0.5vw;
  margin: auto;
  /*padding:50px;*/
  background: #fff;
  box-sizing: border-box;
}
.modal_w .md_cnt {
  /*overflow-y: scroll;*/
  position: relative;
  height: 100%;
}
#modal-win-inner .modal_w {
  width: 100%;
  height: 100%;
}
.modal_w .modal-close {
  position: absolute;
  top: -1%;
  right: 0;
  font-size: 8rem;
  cursor: pointer;
  /*text-stroke: 3px #ffffff;
	-webkit-text-stroke: 3px #ffffff;*/
  opacity: 0.8;
}
/*詳細*/
.modal_w .company {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.modal_w .company .main_photo {
  width: 40.89%;
}

.modal_w .company .main_photo .photos {
  position: sticky;
  top: 0;
  left: 0;
}
.modal_w .company .main_photo .mainImg {
  width: 100%;
}
.modal_w .company .main_photo ul {
  display: flex;
  justify-content: space-between;
  margin-top: 1.4%;
}
.modal_w .company .main_photo ul li {
  width: 24%;
  overflow: hidden;
  padding-bottom: 28.997%;
  position: relative;
}
.modal_w .company .main_photo ul li.current {
  border: 2px solid #00169f;
}
.modal_w .company .main_photo ul li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  cursor: pointer;
}
ul.subImg li {
  margin: 0;
}
.modal_w .company .comment {
  width: 59.11%;
  padding: 0 0 0 2.45%;
  position: relative;
}

.modal_w .company .comment.comment-sm {
  padding-top: 3%;
}
.modal_w .company .comment:after {
  content: "※記事コメントは個人の感想によるものです。";
  font-size: 1rem;
  position: absolute;
  bottom: -2em;
  right: 0;
}
.modal_w .company .comment .organization {
  font-size: 2.4rem;
  margin: 0 0 0.416em;
}
.modal_w .company .comment .organization small {
  font-size: 0.642em;
}
/*.modal_w .company .comment .comment_ttl {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.7;
  margin: 0 0 0.7em;
}*/
.modal_w .company .comment .comment_ttl .name{
	font-size: 4.2rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.2;
	/*margin: 0 0 0.7rem 1.2rem;*/
	/*position: relative;
	display: inline-block;*/
	/*margin-bottom: 10px;*/
}
/*.modal_w .company .comment .comment_ttl .name:before{
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 60px;
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
	border-radius: 2px;
}*/
@media only screen and (max-width: 767px) {
	.modal_w .company .comment .comment_ttl .name{
		font-size: 2.8rem;
	}
}
.modal_w .company .comment .comment_ttl.comment_ttl_palt {
  font-feature-settings: "palt" 1;
}
/*.modal_w .company .comment .comment_ttl span {
  color: #fff;
  padding: 0 0.25em;
  background: linear-gradient(
    rgba(0, 22, 159, 0) 10%,
    rgba(0, 22, 159, 1) 10%,
    rgba(0, 22, 159, 1) 100%,
    rgba(0, 22, 159, 0) 100%
  );
}*/
.modal_w .company .comment .comment_ttl .company-job {
	color: #fff;
	line-height: 1.4;
	/*padding: 0 0.25em;
	background: linear-gradient(
	rgba(0, 22, 159, 0) 10%,
	rgb(86, 86, 86) 10%,
	rgb(30, 30, 30) 100%,
	rgba(0, 22, 159, 0) 100%
	);*/
}
.modal_w .company .comment .nickname {
  font-size: 1.4rem;
  font-weight: 400;
  color: #1d2089;
  font-style: italic;
  padding-left: 0.75em;
  margin: 0 0 1.666em;
}
.modal_w .company .comment .nickname em {
  font-size: 1.333em;
  font-weight: 400;
  color: #000000;
  font-style: normal;
  margin-left: 0.5em;
}
.modal_w .company .comment ul.point,.industry,.region,.order-type{
  display: flex;
  flex-wrap: wrap;
  padding-left: 2em;
  position: relative;
  margin: 0 1.6em 0.6em 0;
}
.modal_w .company .comment .company-info{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.4rem;
}
.modal_w .company .comment ul.trans:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  background-image: url(/sites/default/files/2025-09/wb_collection_icon_industry_trans_20250908.svg);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  translate: 0 -50%;
}
.modal_w .company .comment ul.eq:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  background-image: url(/sites/default/files/2025-09/wb_collection_icon_industry_eq_20250908.svg);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  translate: 0 -50%;
}
.modal_w .company .comment ul.mfg:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  background-image: url(/sites/default/files/2025-09/wb_collection_icon_industry_mfg_20250908.svg);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  translate: 0 -50%;
}
.modal_w .company .comment ul.ci:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  background-image: url(/sites/default/files/2025-09/wb_collection_icon_industry_ci_20250908.svg);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  translate: 0 -50%;
}
.modal_w .company .comment ul.re:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  background-image: url(/sites/default/files/2025-09/wb_collection_icon_industry_re_20250908.svg);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  translate: 0 -50%;
}
.modal_w .company .comment ul.srv:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  background-image: url(/sites/default/files/2025-09/wb_collection_icon_industry_srv_20250908.svg);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  translate: 0 -50%;
}
.modal_w .company .comment ul.region:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  background-image: url(/sites/default/files/2025-09/wb_collection_icon_region_20250908.svg);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  translate: 0 -50%;
}
.modal_w .company .comment ul.order-type:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  background-image: url(/sites/default/files/2025-09/wb_collection_icon_order-type_20250908.svg);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  translate: 0 -50%;
}
.modal_w .company .comment ul.point:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  background-image: url(/sites/default/files/2025-09/wb_collection_icon_point_20250908.svg);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  translate: 0 -50%;
}
.modal_w .company .comment ul.point{
  margin-bottom: 2.0em;
}
.modal_w .company .comment ul.order-type li {
  font-size: 1.3rem;
  padding: 0.2em 1em;
  background: #eeeeee;
  margin-right: 0.45em;
  margin-top: 0;
  line-height: 1.8rem;
  /*margin-bottom: 0.4rem;*/
}
.modal_w .company .comment ul.point li {
  font-size: 1.3rem;
  padding: 0.2em 1em;
  background: #eeeeee;
  margin-right: 0.45em;
  margin-top: 0;
  line-height: 1.8rem;
  margin-bottom: 0.4rem;
}
.modal_w .company .comment h3 {
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0 0 0.5em;
  border-bottom: 1px solid #000;
  margin: 0 0 0.3em;
}
.modal_w .company .comment h4 {
  font-size: 1.6rem;
  font-weight: 600;
  color: #0086b8;
  line-height: 1.875;
  text-indent: -1em;
  padding-left: 1em;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.03em;
  margin: 0 0 0.4625em;
}
.modal_w .company .comment h4 + p {
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
  margin: 0 0 1.25em;
}
.modal_w .company .comment h4 + p:last-child {
  margin: 0;
}
#modal-win-inner .modal_w::-webkit-scrollbar {
  width: 7px;
  height: 20px;
}
#modal-win-inner .modal_w::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #0093cf;
}
#modal-win-inner .modal_w::-webkit-scrollbar-track {
  border-radius: 6px;
  background: #c1c1c1;
}
@media only screen and (min-width: 768px) and (max-width: 1180px) {
  .modal_w .company .comment .organization {
    font-size: 2.2222vw;
  }

  .modal_w .company .comment .comment_ttl {
    font-size: 2.2222vw;
  }

  .modal_w .company .comment .nickname {
    font-size: 1.1111vw;
  }
  .modal_w .company .comment ul.order-type li{
	 margin-bottom: 0;	
  }
  .modal_w .company .comment ul.point li {
    font-size: 1.2037vw;
  }
  .modal_w .company .comment h3 {
    font-size: 1.271vw;
  }
  .modal_w .company .comment h4 {
    font-size: 1.48148vw;
  }
  .modal_w .company .comment h4 + p {
    font-size: 1.48148vw;
  }
}
@media only screen and (max-width: 767px) {
  #modal-win-inner {
    top: 0;
    transform: translate(-50%, -0%);
  }
  .modal_w {
    padding: 10% 3% 5%;
  }
  .modal_w .md_cnt {
    position: static;
  }
  .modal_w .company {
    padding-bottom: 105px;
  }
  .modal_w .company .main_photo {
    width: 100%;
    margin-bottom: 5%;
  }

  .modal_w .company .main_photo .photos {
    position: static;
  }
  .modal_w .company .comment {
    width: 100%;
    padding: 0;
  }
  .modal_w .company .comment.comment-sm {
    padding-top: 0;
  }
  .modal_w .company .comment .organization {
    font-size: 4.28vw;
  }

  .modal_w .company .comment .comment_ttl {
    font-size: 3.88vw;
  }

  .modal_w .company .comment .nickname {
    font-size: 2.6655vw;
  }
  .modal_w .company .comment ul.order-type li{
	 margin-bottom: 0;	
  }
  .modal_w .company .comment ul.point li {
    font-size: 2.88888vw;
  }
  .modal_w .company .comment ul.order-type:before {
    top: 0;
	translate: 0;
  }
  .modal_w .company .comment h3 {
    font-size: 3.3328vw;
  }
  .modal_w .company .comment h4 {
    font-size: 3.555vw;
  }
  .modal_w .company .comment h4 + p {
    font-size: 3.555vw;
  }
  .modal_w .modal-close {
    font-size: 10vw;
    top: 0;
    /*transform: translate(0, -100%);*/
    right: 3%;
  }
}

/* customize */
.node__content .mz-block-basic .row:before {
  display: table;
  content: " ";
}

.node__content .mz-block-basic .row:after {
  clear: both;
}

.node__content .mz-block-basic .col {
  flex-basis: auto;
  flex-grow: unset;
}

.btb_drawer_menu .btb_drawer_nav li a {
  color: #fff !important;
}

/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu72xKOzY.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu5mxKOzY.woff2)
    format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7mxKOzY.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4WxKOzY.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7WxKOzY.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7GxKOzY.woff2)
    format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2)
    format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2)
    format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBBc4.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2)
    format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2)
    format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBBc4.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

/* fallback */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v125/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2)
    format("woff2");
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  color: #fff;
}


/*snap*/

.enu_snap .composite_tiles-company li.col a img{
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.9);
}
.img-monochrome{
	filter: grayscale(100%);
}
.modal_w {
	background-image: url(/sites/default/files/2026-08/wb_wb_wear_enu_snap_bg_20260827_image.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-color: #1e1e1e;
}
.modal_w .company .comment {
	color: #fff;
}
.modal_w .company .comment .info{
	/*border-bottom: 1px solid #fff;*/
	/*margin-bottom: 30px;*/
}
.modal_w .comment .name,.company-job,.company-name{
	font-weight: 500;
	color: #fff;
	/*margin: 0 2em 0 0;*/
}
.modal_w .company .comment .comment_ttl small {
	font-size: 0.642em;
	margin-left: 6px;
}
.company-job{
	font-size: 2.2rem;
}
.company-name{
	font-size: 1.6rem;
}
/*.modal_w .comment p{
	line-height: 1.2;
	font-size: 1.6rem;
}*/
.textbox-comment{
	/*background-color: #ededed;*/
	/*padding: 10px 20px;*/
	background-color: #222;
	border: 1px solid #fff;
}
.company-voice{
  background-color: white;
  color: #333;
  padding: 3px 20px;
  display: block;
}
.company-comment{
	display: block;
	/*border-bottom: 2px solid #000;*/
	line-height: 1.8;
	color:#fff;
	font-size: 2.0rem;
	padding: 0 20px 20px;
}
@media screen and (max-width: 767px) {
	.company-comment{
		font-size: 1.8rem;
	}
}
/*styling-item*/
.style h4{
	font-family: 'Roboto'; font-style: normal; font-weight: 900;
}
@media screen and (max-width: 767px) {
	.style h4{
		
	}
}
.styling-item h5{
	padding: 20px 20px;
}
@media screen and (max-width: 767px) {
	.styling-item h5{
		text-align: center;
	}
}
/*.styling-item{
	background-color: #fff;
}*/
.styling-item .product-name{
	font-size: 1.4rem;
	text-align: center;
	line-height: 2.3rem;
	margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
	.styling-item .product-name{
		line-height: 2.0rem;
	}
}
.styling-item .product-price{
	font-size: 1.3rem;
	text-align: center;
	line-height: 2.4rem;
	display: block;
}
@media screen and (max-width: 767px) {
	.styling-item .product-price{
		line-height: 2.0rem;
	}
}
.styling-item .btn-area .list_view_btn {
  color: #fff;
  background-color: #111;
  display: inline-block;
  font-size: 1.4rem;
  text-decoration: none;
  padding: 8px 40px;
  border-radius: 0;
  line-height: 1;
  margin: 20px auto 40px;
}
@media screen and (max-width: 767px) {
	.styling-item .btn-area .list_view_btn{
		font-size: 1.3rem;
	}
}
.styling-item .list_view_btn a{
	text-decoration: none;
	color: #fff;
}
.styling-item .btn-area{
	text-align: center;
}
.styling-item .comingsoon{
	color: #c8c8c8;
	font-weight: 600;
	font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
	.styling-item .comingsoon{
		font-size: 1.0rem;
		margin-top: 10px;
	}
}
/*styling-item ここまで*/
/*snap ここまで*/