@charset "utf-8";
/* CSS Document */


body {
		background-color:#ffffff;
	color:#000000;
}

.navbar {
	background: #000000;
}


.navbar-brand {
  background: url("img_msd/title_logo_wh.png") no-repeat left center;
  background-size: contain;

  height: 40px;
  width: 121px;
}



/*ナビゲーションテキスト*/

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.8);
	
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.9);
}

.navbar-darked .navbar-naved .nav-linked {
    color: rgba(255,255,255,.5);
}


/*ハンバーガーメニュー*/
.navbar-dark .navbar-toggler{
  border-color: #eeeeee;
}

.navbar-dark .navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}





/*ナビゲーションテキストの位置*/
.navbar-nav>li>a {
    padding: 10px 0px 0px 0px;
	margin:  0px 0px 0px 20px;
	font-size:13px;


}

.navbar {
	padding: 10px 0px 10px 0px;
	margin:  0px 0px 0px 0px;
	}

.nav-link {
	padding: 10px 0px 10px 0px;
	margin:  0px 0px 0px 0px;
	}


.navbar-nav {
	padding: 0px 0px 0px 10px;
	}


 .jumbotron { background:url(images/bana.jpg) center no-repeat; background-size: cover;}

.jumbotron2 { background:url(st-img24/bana.jpg) center no-repeat; background-size: cover;}


:root{
	
	
    font-family:"Sawarabi Gothic&display", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

body {
    font-family:"Sawarabi Gothic&display", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family:"Sawarabi Gothic&display", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*letter-spacing: 0.07em;*/
	
}


.nav-link {
    font-family: "Roboto", sans-serif;
	white-space: nowrap;
	}


.nav-linked {
	color:#5C5C5C;
	}
	

.txt_main {
	font-family:"Sawarabi Gothic&display", sans-serif;
	font-size:14px;
	line-height:1.7em;
	letter-spacing: 0.05em;
	color:#000000;
	text-align: justify;
}

.txt_main_t_title {
	font-family:"Sawarabi Gothic&display", sans-serif;
	font-size:14px;
	line-height:2.0em;
	letter-spacing: 0.05em;
	color:#000000;
	text-align: justify;
}


.txt_main2b {
	font-size:14px;
	line-height:1.5em;
	letter-spacing: 0.05em;
	font-weight: 500;
	color:#000000;
}

.txt_main3b {
	font-size:14px;
	line-height:1.5em;
	letter-spacing: 0.05em;
	font-weight: 700;
	color:#000000;
}

.txt_mainb {
	font-size:12px;
	line-height:1.5em;
	letter-spacing: 0.05em;
	font-weight: 700;
	color:#000000;
}

.txt_main_sale {
	font-size:14px;
	line-height:1.5em;
	letter-spacing: 0.05em;
	font-weight: 700;
	color:#ff0000;
}

.txt_main_s {
	font-family:"Sawarabi Gothic&display", sans-serif;
	font-size:10px;
	line-height:1.2em;
	letter-spacing: 0.05em;
	color:#000000;
}

.txt_main_s3 {
	font-family:"Sawarabi Gothic&display", sans-serif;
	font-size:12px;
	line-height:1.5em;
	letter-spacing: 0.05em;
	color:#000000;
	text-align: justify;
}

.txt_main_s2 {
	font-size:11px;
	line-height:150%;
	/*letter-spacing: 0.05em;*/
	color:#000000;
}

.txt_title_s {
	font-size:15px;
	line-height:200%;
	color:#000000;
	font-weight: 700;
}

.txt_title_m {
	font-size:16px;
	line-height:18px;
	color:#000000;
	font-weight: 700;
}

.txt_title_main {
	font-size:20px;
	line-height:120%;
	color:#000000;
	font-weight: 700;
}

.txt_title_main_2025 {
	font-family:"Roboto Condensed", sans-serif;
	font-size:30px;
	line-height:120%;
	color:#000000;
	font-weight: 700;
}

.txt_title_main_2025{
	font-size: 35px;
}

/*---iPad Pro---*/
@media only screen and (max-width: 1280px) {
    .txt_title_main_2025{font-size: 24px;}
}
 
/*---iPad,タブレット---*/
@media only screen and (max-width: 800px) {
    .txt_title_main_2025{font-size: 24px;}
}
 
/*---スマートフォン---*/
@media only screen and (max-width: 767px) {
    .txt_title_main_2025{font-size: 24px;}
}
 
/*---スマートフォン 小サイズ---*/
@media only screen and (max-width: 350px) {
    .txt_title_main_2025{font-size:24px;}
}






.txt_ol_main {
	font-family:"Sawarabi Gothic&display", sans-serif;
	font-size:13px;
	line-height:130%;
	color:#aaaaaa;
	display:block;
	
}

.txt_ol_main_j {
	font-family:"Sawarabi Gothic&display", sans-serif;
	font-size:12px;
	line-height:200%;
	color:#000000;
	display:block;
	
}

.txt_ol_main_w {
	font-family: Oswald, "Times New Roman", Times, "serif";
	font-size:15px;
	line-height:200%;
	color:#000000;
	display:block;
	
}


.txt_ol_title3 {
	font-family: Oswald, "Times New Roman", Times, "serif";
	font-size:15px;
	line-height:150%;
	
}


.txt_ol_title {
	font-family: Oswald, "Times New Roman", Times, "serif";
	font-size:25px;
	line-height:100%;
	
}

.txt_ol_title2 {
	font-family: Oswald, "Times New Roman", Times, "serif";
	font-size:30px;
	line-height:290%;
	
}



.txt_ol_cebter {
	font-family: Oswald, "Times New Roman", Times, "serif";
	font-size:10px;
	color:#ffffff;
}


.txt_ol_footer_menu {
	font-family: Oswald, "Times New Roman", Times, "serif";
	font-size:12px;
}

.txt_ol_s {	
	font-family: Oswald, "Times New Roman", Times, "serif";
	text-align:left;	
	font-size:12px;	
}



.txt_ol_m {
	font-family: Oswald, "Times New Roman", Times, "serif";
	text-align:left;	
	font-size:14px;	
}


.txt_ol_mb {
	font-family: Oswald, "Times New Roman", Times, "serif";
	text-align:left;	
	font-size:14px;	
	font-weight:700;
}




.txt_ol_l {
	font-family: Oswald, "Times New Roman", Times, "serif";
	font-size:16px;	
	line-height:18px;
	font-weight:700;
}

.txt_ol_l_black {
	font-family: Oswald, "Times New Roman", Times, "serif";
	background:#000000;
	color:#ffffff;
	font-size:16px;	
	font-weight:700;
    padding: 0px 10px 0px 10px;

	
}

.txt_ol_l_red {
	font-family: Oswald, "Times New Roman", Times, "serif";
	background:#ff0000;
	color:#ffffff;
	font-size:16px;	
	font-weight:700;
    padding: 0px 10px 0px 10px;

	
}
.txt_ol_xl {
	font-family: Oswald, "Times New Roman", Times, "serif";
	font-size:30px;
	font-weight:700;
}

.txt_ol_xl2 {
	font-family: Oswald, "Times New Roman", Times, "serif";
	font-size:4em;
	color:#020068;
	line-height:100%;
	font-weight:600;
}

/*インスタエリアリンク*/
.insta_link {
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.insta_link a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}

/*インデント*/
.indent1{
  padding-left: 1em;
  text-indent: -1em;
}


    html, body {
      position: relative;
      height: 100%;
    }
    body {
      margin: 0;
      padding: 0;
    }
    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
 
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    
	
	
	.swiper-slide a {
        width: 100%;
    }
    .swiper-slide img {
        width: 100%;
    }

.j_title{
	
	background-color:#000000;
	color:#FFFFFF;
	font-size: 2em;
	font-weight: 700;
	
}

.white_line {
	background-color:#FFFFFF;
	color:#000000;
	padding:50px 0px 50px 0px;


}


.grey_line {
	background-color:#000000;
	color:#FFFFFF;
}

.grey_line2 {

	position:fixed;
	bottom: 0;
  width: 100%;
}


.video {
	position: relative;
	height: 0;
	padding: 30px 0 56.25%;
	overflow: hidden;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.flex{
    display: flex;
    flex-wrap: wrap;
}


.shoplist_s {
	font-family:'Questrial',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:smaller;
	line-height:2em;
	color:#000000;
	

}



.shoplist {
	font-family:'Questrial',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:small;
	/*line-height:1.3;*/
	color:#000000;
	text-align:left;


}



hr {
height: 1px;
background-color: #000000;
border: none;
color: #ff0000;
	margin-top: 5px;
	margin-bottom: 10px;
}


a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #000000; }
a:active { color: #000000; }


.bat-back{
background-image: url("img_msd/bataleon_back.jpg");
background-size: cover;
	height: 100vh;
	
}

.lob-back{
background-image: url("img_msd/lobster_back.jpg");
background-size: cover;
	background-position: center center;
	height: 100vh;
	
}

.bat-back2{
margin: 0% 10% 0% 10%;
}


.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}