@charset "UTF-8";
/* core	================================================	*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size: 15px; }

body { width: 100%; height: 100%; margin: 0px; padding: 0px; font-family: 'Saira Semi Condensed','游ゴシック', YuGothic, 'メイリオ', 'Mairyo', 'sans-serif'; color: #000000; }

body a { color: #000000; text-decoration: none; }

body a:hover { text-decoration: none; }

.alphaBtn:hover { cursor: pointer; }

.obj { position: absolute; }

header { width: 100%; min-width: 1150px; height: 110px; /* background: #1a1a1a; */ background-color: rgba(0, 0, 0, 0.9); border-bottom: 1px solid #ffffff; position: fixed; z-index: 9999; }

header .headMain { width: 1150px; margin: 0 auto; }

header .headMain h1 { float: left; padding-top: 41px; }

header .headMain nav { float: right; padding-top: 38px; }

header .headMain nav ul li { float: left; position: relative; margin-left: 32px; }

header .headMain nav ul li a { display: block; position: relative; color: #ffffff; font-size: 14px; line-height: 36px; }

header .headMain nav ul li a .line { position: absolute; left: 50%; bottom: 0; width: 0; height: 1px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; background: #f5d216; }

header .headMain nav ul li a:hover .line { left: 0; width: 100%; }

header .headMain nav ul li a.current .line { left: 0; width: 100%; }

header .headMain nav ul li.hasSubnav { font-size: 14px; line-height: 36px; padding-right: 20px; color: #ffffff; }

header .headMain nav ul li.hasSubnav .line { position: absolute; left: 50%; bottom: 0; width: 0; height: 1px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; background: #f5d216; }

header .headMain nav ul li.hasSubnav .arrow { position: absolute; right: 0; top: 16px; font-size: 0; line-height: 0; }

header .headMain nav ul li.hasSubnav:hover .line, header .headMain nav ul li.hasSubnav.current .line { left: 0; width: 100%; }

header .headMain nav ul li.hasSubnav .subNav { position: absolute; left: -15px; width: 200px; top: 45px; height: 0; overflow: hidden; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

header .headMain nav ul li.hasSubnav .subNav ul { background-color: rgba(77, 77, 77, 0.9); width: 185px; padding: 7px 0 7px 15px; }

header .headMain nav ul li.hasSubnav .subNav ul li { float: none; margin-left: 0; }

header .headMain nav ul li.hasSubnav .subNav ul li a { color: #ffffff; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; line-height: 30px; }

header .headMain nav ul li.hasSubnav .subNav ul li a:hover, header .headMain nav ul li.hasSubnav .subNav ul li a.current { color: #f5d216; }

header .headMain nav ul li.hasSubnav:hover .subNav { height: 374px; }

#wrapper { padding-top: 111px; padding-bottom: 50px; min-width: 1150px; }

footer { width: 100%; min-width: 1150px; background: #1a1a1a; }

footer .brand { width: 100%; margin: 0 auto; padding: 40px 0 25px 0; background: #e6e6e6; }

footer .brand .brandMain { width: 1200px; margin: 0 auto; }

footer .brand h2 { width: 250px; position: relative; left: 25px; margin-bottom: 13px; }

footer .brand ul.shop-area { padding-top: 25px; border-top: 1px dotted #000000; }

footer .brand ul li { width: 250px; float: left; margin: 0 25px 25px 25px; text-align: center; border-bottom: 1px solid #000000; }

footer .brand ul li p { font-size: 13px; line-height: 29px; }

/*footer .footMain { width: 1150px; margin: 0 auto; padding: 42px 0 40px 0; padding-top: 50px; }

footer .footMain nav { width: 705px; float: left; }

footer .footMain nav ul li { width: 235px; float: left; }

footer .footMain nav ul li ul li { float: none; color: #999999; font-size: 15px; line-height: 30px; }

footer .footMain nav ul li ul li a { color: #ffffff; font-size: 15px; line-height: 30px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }

footer .footMain nav ul li ul li a:hover { color: #f5d216; }

footer .footMain nav ul li ul li a.current { color: #f5d216; }

footer .footMain .companyInfo { float: right; width: 430px; }

footer .footMain .companyInfo h1 { text-align: right; margin-bottom: 7px; }

footer .footMain .companyInfo p { color: #ffffff; font-size: 15px; line-height: 22px; text-align: right; }

footer .footMain .companyInfo .btn-recruit { margin-top: 10px; }

footer .footMain .companyInfo .social { margin: 10px 0 0 0; padding:0; }

footer .footMain .companyInfo .social li { padding:0 0 0 10px; list-style:none; float:right; }

footer .footMain .companyInfo .social li img { width:30px; height:30px;}

footer .footMain .companyInfo .social li a img {
	opacity:1.0;
	filter:alpha(opacity=100);
	-webkit-transition: 0.1s ease-in-out;  
	-moz-transition: 0.1s ease-in-out;  
	-o-transition: 0.1s ease-in-out;  
	transition: 0.1s ease-in-out;
}

footer .footMain .companyInfo .social li a:hover img {
	opacity:0.5;
	filter:alpha(opacity=50);
}


footer .footMain .companyInfo .copy { font-size: 13px; margin-top: 23px; }*/

h2 { position: relative; }

h2 p.bracketL { position: absolute; left: -3px; top: 0; font-size: 18px; line-height: 36px; }

h2 p.bracketR { position: absolute; right: -2px; top: 0; font-size: 18px; line-height: 36px; }

h2 .txt { font-size: 18px; line-height: 36px; text-align: center; }

h2 .txt span { font-size: 13px; }


.instagram {
  background: #ffffff;
  padding: 50px 0 60px 0;
  margin-top: 50px;
}

.instagram-title {
  width: 548px;
  margin: 0 auto 37px auto;
}

.instagram-list {
  width: 1160px;
  margin: 0 auto;
  letter-spacing: -.40em;
  box-sizing: border-box;
  padding-left: 5px;
}

.instagram-list > li {
  width: 380px;
  height: 380px;
  display: inline-block;
  letter-spacing: normal;
  position: relative;
  margin: 0 5px 5px 0;
}

.instagram-list > li > a {
  display: inline-block;
      -webkit-transition: all 2.2s ease-out 0s;
      -moz-transition: all 2.2s ease-out 0s;
      -o-transition: all 2.2s ease-out 0s;
      transition: all 2.2s ease-out 0s;
    opacity: 1;
      filter: alpha(opacity=100);
}

.instagram-list > li > a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.instagram-list > li > a > img {
  object-fit: cover;
  width: 380px;
  height: 380px;
  object-position: center top;
  font-family: 'object-fit: cover; object-position: center center;';
}