@charset "UTF-8";

/*
=====================================================================
*
*    初期設定
*
* ===================================================================
*/

/****
 * RESET
 ***/
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

img {
  vertical-align: bottom;
  border: none;
  max-width: 100%;
  height: auto;
}

button,
input,
select,
textarea {
  vertical-align: middle;
}

input {
  outline: 0;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

textarea {
  overflow: auto;
  vertical-align: top;
  font-family: sans-serif;
}

/****
 * clearfix
 ***/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;

	font-size: 0;
	line-height: 0;
}
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}
/* End hide from IE-mac */


/****
 * BASE
 ***/
html {
  font-size: 62.5%;
  min-height: 100%;
  height: 100%;
}

body {
  color: #000;
  background: #FFF;
  font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
  font-size: 62.5%;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
}

a:link, a:visited {
  color: #FFF;
  text-decoration: underline;
}
a:hover, a:active {
  text-decoration: none;
}

/* レイアウト　*/
#GloablWrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  /*background: #FFF;*/
  background: #FFF;
}

#GloablWrapper.comingsoon{
	background: #000 !important;
}

#GloablWrapper.collection.withfan{
  /*background: #FFF !important;*/
  color: #000;
}


/* ステート（状態） */
.isLleft {
  float: left;
}

.isRight {
  float: right;
}

.isCenter {
  text-align: center;
}

.isHide {
  display: none;
}


/* 改行指定　*/
@media screen and (min-width: 769px){   
  .pcNewline { display:block; }
  .spNewline { display:none; }
}
@media screen and (max-width: 769px){   
  .pcNewline { display:none; }
  .spNewline { display:block; }
}








/*
=====================================================================
*
*    header
*
* ===================================================================
*/
#GloablWrapper {
  position: relative;
  padding-top: 140px;
}
#GloablWrapper:before {
  content: "";
  display: block;
  width: 100%;
  height: 140px;
  z-index: -1;
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
}

header.global {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  height: 140px;
  background: #000;
  /*background: rgb(230,230,230);
  background: linear-gradient(270deg, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 48%, rgba(255,255,255,1) 100%);*/
}

header.global.bk{
	background: #FFF;
}
header.global .layoutFrame {
  text-align: center;
  max-width: 980px;
  margin: auto;
  padding-top: 30px;
  overflow: hidden;
}
header.global .siteLogo {
  margin-bottom: 25px;
}
header.global .siteMenu {
  opacity: 1;
  position: relative;
  height: 15px;
}
header.global .siteMenu .menu {
  float: left;
  padding-left: 20px;
}

header.global .siteMenu .sns {
  float: right;
  width: 84px;
  padding-right: 0;
  background: url(../img/common/nav_bg_slash.svg) no-repeat 0 50%;
  background-size: 12px 16px;
}
header.global .siteMenu .menu li {
  display: inline-block;
  margin-right: 32px;
}
header.global .siteMenu .menu li img {
  height: 18px;	
}
header.global .siteMenu .menu li.navCollection{
	/*margin-right: 32px !important;*/
}
header.global .siteMenu .menu li.navBustmake{
	/*margin-right: 20px !important;*/
}
header.global .siteMenu .menu li.navBlog{
	/*margin-right: 20px !important;*/
}
header.global .siteMenu .menu li.navFair{
	/*margin-right: 22px !important;*/
}
header.global .siteMenu .menu li.navShop{
	/*margin-right: 20px !important;*/
}

header.global .siteMenu .menu a {
  display: block;
  position: relative;
}

header.global .siteMenu .menu .navWebstore {
  margin-right: 0;
}

header.global .siteMenu .menu .navWithFan {
  margin-right: 21px !important;
}


header.global .siteMenu .menu.language li {
  display: inline-block;
  margin-right: 26px;
}
header.global .siteMenu .menu.language li.spOnly{
	@media screen and (min-width: 768px) {
		display: none;
	}
}

header.global .siteMenu .menu.language .navWebstore {
  margin-right: 40px !important;
}



header.global .siteMenu .menu.language .slashicon{
  margin-right: 16px;
}

header.global .siteMenu .menu.language .xicon{
  margin-right: 10px;
}

header.global .siteMenu .menu.language .xicon img{
  width: 15px;
  height: 15px;

}
header.global .siteMenu .menu.language.snsArea{
  margin-top: -3px;	
}

header.global .siteMenu .menu.language .instaicon{
  margin-right: 30px;
  @media screen and (max-height: 800px), screen and (max-width: 768px) {
	margin-right: 20px;	  
  }
}
header.global .siteMenu .menu.language .instaicon img{
  width: 16px;
  height: 16px;
}

header.global .siteMenu .menu.language .langicon{
  margin-right: 3px;
}

header.global .siteMenu .menu.language .langicon img{
  width: 15px;
}



header.global .siteMenu .menu.language .arrowicon{
  margin-left: -7px;
}

header.global .siteMenu .menu.language .arrowicon img{
  width: 11px;
}

/*
header.global .siteMenu .menu .navFair {
  margin-right: 28px;
}
*/
header.global .siteMenu .sns li {
  display: inline-block;
  margin-left: 15px;
}
header.global .siteMenu .sns li.xicon {
  width: 15px;
}

header.global .siteMenu a {
  position: relative;
  display: block;
  height: 15px;

}
header.global .siteMenu .menu img {
  opacity: 1;
  -webkit-transition: 0.35s ease opacity;
  transition: 0.35s ease opacity;
}
header.global .siteMenu .menu .over {
  position: absolute;
  left: 0;
  top: 1px;
  opacity: 0;
}

@media screen and (min-width: 769px) {
  
  header.global .siteMenu{
    width: 880px;
    /*width: 980px;*/
    margin: 30px auto 0px auto; 
  }
  
  header.global .siteMenu.language{ 
    width: 980px;
    margin: 30px auto 0px auto; 
  }
  
  header.global .siteMenu.language .selectLanguage{
    margin-top: -7px;
  }
  header.global .siteMenu.language .menu.language.selectLanguage li{
  	margin-right: 0px;
  }
  
  
  
  header.global .siteMenu.short{
    width: 930px;
    margin: 30px auto 0px auto; 
  }
  
  header.global .siteMenu.short .menu li.navCollection{
    margin-right: 28px !important;
  }
  header.global .siteMenu.short .menu li.navBustmake{
    margin-right: 28px !important;
  }
  header.global .siteMenu.short .menu li.navBlog{
    margin-right: 28px !important;
  }
  header.global .siteMenu.short .menu li.navFair{
    margin-right: 28px !important;
  }
  header.global .siteMenu.short .menu li.navShop{
    margin-right: 28px !important;
  }
  
  header.global .siteMenu a:after {
    content: '';
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: -28px;
    display: block;
    height: 1px;
    background: transparent;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
  }
  header.global .siteMenu a:hover:after,
  header.global .siteMenu a.current:after {
    left: 0;
    right: 0;
    background: #fff;
  }
  header.global .siteMenu .menu a:hover img {
    opacity: 0;
  }
  header.global .siteMenu .menu a:hover .over {
    opacity: 1;
  }
  
  
  #withfanBanner{
    width: 980px;
    margin: 80px auto 150px auto;
  }
  #withfanBanner p{
    margin: 45px 0px 45px 0px;
  }
  #withfanBanner p.high{
    margin-bottom: 70px !important;
  }

  
  
#Comingsoon{
	width: 980px;
	margin: 200px auto 200px auto;
}

#Comingsoon h1{
	text-align: center;
	margin-bottom: 100px;
}

#Comingsoon h2{
	text-align: center;
}
  
  
#Items .bannerLink {
	width: 440px;
    position: absolute;
    margin-top: 360px;
    margin-left: 510px;
}

/*
.group03 #Items{
	height: 840px;
}


.group24 #Items{
  height: 840px;
}
.group04 #Items{
  height: 790px;
}
.group20 #Items{
  height: 1050px;
}
.group00 #Items{
  height: 1000px;
}
*/
.specArea{
  width: 1080px;
  margin: 0 auto;
  min-height: 1px;
}


/*
.group00 .specArea{
  height: 100px;
}
.group13 .specArea{
  height: 400px;
}
.group22 .specArea{
  height: 220px;
}
.group24 .specArea{
  width: 440px;
  margin-top: 40px;
}
.group04 .specArea{
  width: 440px;
  margin-top: 40px;
}

*/
.group33 #Items .detailBlock .item{
  height: 610px;
}
/*
.group22 #Items .detailBlock .item{
  min-height: 600px;
}
*/

  
.specArea .leftImg img,
.specArea .rightImg img{
  width: 520px;
}

.specArea .leftImg {
  width: 520px;
  float: left;
}
.specArea .rightImg {
  width: 520px;
  float: right;
}

.specArea .notes{
	clear: both;
	text-align: right;
	padding-top: 20px;
	color: #333;
	font-size: 12px;
}




 /*******************************
 * With Fan
 *******************************/
 
 
 .page_withfan .inner{
   width: 1100px;
   margin: 0 auto;
   background: url(../img/withfan/main-bg_pc.png) no-repeat left top;
   background-size: 1100px auto;
   margin-top: 80px;
 }
 
 .page_withfan .titleImg{
   width: 288px;
   margin: 0px auto 50px auto;
   padding-top: 150px;
 }
 
 .page_withfan .readtxt{
   font-size: 14px;
   color: #7c5e16;
   text-align: center;
   line-height: 2.5;
   padding-bottom: 150px;
 }
 
 .ribbon{
   margin-top: -30px;
   /*height: 70px;*/
 }
 .ribbon img{
   width: 100vw;
 }
 
 
 .loop {
     /*padding-top: 30px;
     padding-bottom: 30px;*/
     margin-top: -30px;
     overflow: hidden;
 }
 .loop__box {
     display: flex;
     width: 100vw;
 }
 .loop__box img {
     min-width: 100vw;
     /*height: 58px;
     object-fit: cover;*/
 }
 .loop__box img:first-child {
     animation: loop 80s -40s linear infinite;
 }
 .loop__box img:last-child {
     animation: loop2 80s linear infinite;
 }
 
 
 
 .loop2 {
      /*padding-top: 30px;
      padding-bottom: 30px;*/
      margin-top: -15px;
      overflow: hidden;
      background: #FFF;
  }
  
  
  .loop2 .loop__box {
       display: flex;
       width: 200vw;
   }
   .loop2 .loop__box img {
       min-width: 260vw;
       /*height: 58px;
       object-fit: cover;*/
   }
   .loop2 .loop__box img:first-child {
       animation: loop 80s -40s linear infinite;
   }
   .loop2 .loop__box img:last-child {
       animation: loop2 80s linear infinite;
   }

 .loop2.last{
   margin-top: 100px;
 }
 
 
 @keyframes loop {
     0% {
         transform: translateX(100%);
     }
     to {
         transform: translateX(-100%);
     }
 }
 @keyframes loop2 {
     0% {
         transform: translateX(0);
     }
     to {
         transform: translateX(-200%);
     }
 }
 
 .sec10 .lastTxt2{
   margin: 80px auto -70px auto;
 }
 
 
 
 #NowCampaign{
    margin-top: 30px;
    background: #000;
    padding-top: 70px;
    margin-bottom: -30px;
  }
  
  #NowCampaign .inner{
    width: 1258px;
    background: url(../img/withfan/survey_bg_pc01.png) no-repeat left top;
    background-size: 1258px auto;
    margin: 0 auto;
  }
  
  #NowCampaign .arrow{
    width: 66px;
    padding-top: 150px;
    margin: 0px auto 50px auto;
  }
  
  #NowCampaign .campaignTitle{
    width: 200px;
     margin: 0px auto 40px auto;
  }
  #NowCampaign .campaignTitle img{
    width: 200px;
  }
  
  #NowCampaign .banner{
     width: 800px;
      margin: 0px auto 30px auto;
      padding-bottom: 74px;
   }
  
  #NowCampaign.plural .inner{
     width: 1258px;
     background: url(../img/withfan/survey_bg_pc_b01.png) no-repeat left top;
     background-size: 1258px auto;
     margin: 0 auto;
   }
   
   
   #NowCampaign.plural .banner{
     width: 800px;
      /*margin: 0px auto 20px auto;*/
   }
   
   #NowCampaign.plural .banner.first{
     padding-bottom: 0px;
   }
   
   #NowCampaign.plural .banner.second{
      padding-bottom: 60px;
    }
 
 
 #SNSBannerArea{
    /*background: #FFF;*/
    padding-bottom: 80px;
  }
  
  #SNSBannerArea .topBg{
    width: 1246px;
    margin: 0 auto;
  }
  
  #SNSBannerArea .inner{
     width: 1246px;
      background: url(../img/withfan/survey_bg_pc04.png) no-repeat left top;
      background-size: cover;
      margin: 0 auto;
   }
   
   #SNSBannerArea.plural .inner{
     width: 1258px;
     background: url(../img/withfan/survey_bg_pc_b02.png) no-repeat left top;
     background-size: cover;
     margin: 0 auto;
   }
   
   
   #SNSBannerArea .surveyTitle{
     width: 315px;
     margin: -20px auto 0px auto;
     padding-bottom: 30px;
   }
   
   #SNSBannerArea .surveyTxt{
     font-size: 14px;
     text-align: center;
     margin-bottom: 50px;
     color: #000;
   }
   
   #SNSBannerArea.plural .surveyTitle{
     padding-top: 60px;
   }
   
  #SNSBannerArea .bannreInner{
    width: 994px;
    margin: 0 auto;
  }
  
  #SNSBannerArea .bannreInner img{
    width: 450px;
  }
  
  #SNSBannerArea .bannreInner .bannerTop .leftArea{
    width: 450px;
    float: left;
    margin-left: 15px;
  }
  
  #SNSBannerArea .bannreInner .bannerTop .rightArea{
    width: 450px;
    float: right;
    margin-top: -15px;
    margin-right: 7px;
  }
  
  #SNSBannerArea .bannreInner .bannerTop .centerArea{
    width: 450px;
    margin: 0px auto 20px auto;
    padding-right: 30px;
  }
  
 
  
  
  
  
  
  #SNSBannerArea .bannreInner .bannerMiddle .leftArea{
    width: 450px;
    float: left;
    margin-left: 15px;
    margin-bottom: 50px;
  }
  
  #SNSBannerArea .bannreInner .bannerMiddle .rightArea{
    width: 450px;
    float: right;
    margin-top: -15px;
    margin-right: 7px;
    margin-bottom: 50px;
  }
  
  #SNSBannerArea .bannreInner .bannerMiddle2 .leftArea{
    width: 450px;
    float: left;
    margin-left: 15px;
    margin-bottom: 10px;
  }
  
  #SNSBannerArea .bannreInner .bannerMiddle2 .rightArea{
    width: 450px;
    float: right;
    margin-top: -15px;
    margin-right: 7px;
    margin-bottom: 10px;
  }
  
  
  #SNSBannerArea .bannreInner .bannerBottom .leftArea{
    width: 450px;
    float: left;
    margin-top: 30px;
    padding-bottom: 100px;
    margin-left: 15px;
  }
  
  #SNSBannerArea .bannreInner .bannerBottom .rightArea{
    width: 450px;
    float: right;
    margin-top: 50px;
    margin-right: 27px;
  }
  
  #BottomArea{
    width: 980px;
    margin: 0 auto;
    margin-top: 20px;
  }
  
  #BottomArea .banner{
    margin-bottom: 30px;
  }
  
  #BottomArea .last{
    margin-bottom: 100px;
  }
 
 
 .page_40th h1{
   text-align: center;
   /*font-size: 300%;*/
   font-size: 20px !important;
   /*font-weight: bold;*/
   /*background: #FFF;*/
   padding-top: 100px !important;
   /*padding-bottom: 150px;*/
   font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
 }
 
 
 #Color_wrapper{
   background: #FFF !important;
 }
 
 
 .page_color .titleImg{
   text-align: center;
   margin-top: -15px;
 }
 
 .page_color .readtxt{
   text-align: center;
    font-size: 15px !important;
    padding-top: 50px !important;
    line-height: 2.0;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    color: #000;
 }
 
 .page_color .snsLink{
   padding-top: 50px !important;
   text-align: center;
   font-size: 15px !important;
   font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
   color: #000;  
 }
 .page_color .snsLink a:link,
 .page_color .snsLink a:visited{
   color: #000 !important;
 }
 
 .page_color .snsLink img{
   width: 30px;
   margin-right: 10px;
 }
 
 #FirstArea{
   padding-top: 60px;
 }
 
 #FirstArea h2{
   background: url(../img/withfan/color_first_bg.png) no-repeat center;
   background-size: 100%;
 }
 
 #FirstArea h2 p{
   padding: 30px 0px 60px 0px;
   width:580px;
   margin: 0 auto;
 }
 
 #FirstArea .bg{
   background: url(../img/withfan/color_first_bg2.png) no-repeat top;
   /*background-size: 100%;*/
   margin-top: -20px;
 }
 #FirstArea .inner{
   width: 920px;
   margin: 0 auto;
   padding-bottom: 70px;
 }
 
 #FirstArea .inner img{
   margin-top: -20px;
 }
 
 #FirstArea .inner.sp{
   display: none;
 }
 
 
 
 
 .middleArea .top {
   text-align: center;
   position: relative;
   /*display: inline-block;*/
   font-size: 17px;
   height: 250px;
   font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
   padding-top: 110px;
   line-height: 1.8;
   margin-top: -40px;
   color: #000;
 }
 
 .middleArea .top::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   width: 0.5px;
   height: 100px;
   margin: auto;
   background-color: #222222;
 }
 
 .middleArea .top::after {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   top: 100px;
   width: 0.5px;
   height: 100px;
   margin: auto;
   background-color: #c9eaf2;
 }
 
 
 #Voting01{
   position: relative;
   margin-top: -180px;
 }
 
 #Voting01 .inner{
   width: 980px;
    margin: 0 auto;
    background: url(../img/withfan/color_voting1_bg.png) no-repeat top;
    background-size: 980px auto;
    padding-top: 150px;
 }
 
 #Voting01 .inner p:first-child{
   margin-bottom: 80px;
 }
 
 #Voting01 .inner p:last-child{
    padding-bottom: 180px;
  }
 
 #Voting01 .inner.sp{
    display: none;
  }
  
  
  
  
  .middleArea .second {
     text-align: center;
     position: relative;
     /*display: inline-block;*/
     font-size: 17px;
     height: 180px;
     font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
     padding-top: 90px;
     line-height: 1.8;
     margin-top: -90px;
     color: #000;
   }
   
   .middleArea .second::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     width: 0.5px;
     height: 70px;
     margin: auto;
     background-color: #c9eaf2;
   }
   
   .middleArea .second::after {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     /*top: 100px;*/
     width: 0.5px;
     height: 100px;
     margin: auto;
     background-color: #cfcced;
   }
   
   
   
   
   
   #Voting02{
      position: relative;
      margin-top: -110px;
    }
    
    #Voting02 .inner{
      width: 980px;
       margin: 0 auto;
       background: url(../img/withfan/color_voting2_bg.png) no-repeat top;
       background-size: 980px auto;
       padding-top: 150px;
    }
    
    
    #Voting02 .inner p{
       padding-bottom: 180px;
     }
    
    #Voting02 .inner.sp{
       display: none;
     }
     
     
     
     
     .middleArea .third {
        text-align: center;
        position: relative;
        /*display: inline-block;*/
        font-size: 17px;
        height: 380px;
        font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
        padding-top: 110px;
        line-height: 1.8;
        margin-top: -130px;
        color: #000;
      }
      
      .middleArea .third::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 0.5px;
        height: 100px;
        margin: auto;
        background-color: #cfcced;
      }
      
      .middleArea .third::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 100px;
        width: 0.5px;
        height: 100px;
        margin: auto;
        background-color: #e7f9c5;
      }
      
      
      
      #Voting03{
        position: relative;
        margin-top: -250px;
      }
      
      #Voting03 .inner{
        width: 980px;
         margin: 0 auto;
         background: url(../img/withfan/color_voting3_bg.png) no-repeat top;
         background-size: 980px auto;
         padding-top: 150px;
      }
      
      
      #Voting03 .inner p{
         padding-bottom: 180px;
       }
      
      #Voting03 .inner.sp{
         display: none;
       }
 
 
 .middleArea .last {
    text-align: center;
    position: relative;
    /*display: inline-block;*/
    font-size: 17px;
    height: 180px;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    padding-top: 90px;
    line-height: 1.8;
    margin-top: -130px;
    color: #000;
  }
  
  .middleArea .last::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 0.5px;
    height: 70px;
    margin: auto;
    background-color: #e7f9c5;
  }
  
  .middleArea .last::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    /*top: 100px;*/
    width: 0.5px;
    height: 100px;
    margin: auto;
    background-color: #222222;
  }
  
  
  #LastArea{
    margin: 50px auto 0px auto;
    padding-bottom: 100px;
  }
  
  #LastArea h3{
    width: 418px;
    margin: -170px auto 0px auto;    
  }
  
  
  #LastArea .btn{
    width: 328px;
    margin: 120px auto 80px auto;
  }
 
 
 #Campaign04 .bgArea{
   background: #FFF;
 }
 
 #Campaign04 .lead_block{
   text-align:center;
   /*margin-bottom:52px;*/
   color: #9b8741;
   padding-top: 100px;
 }
 #Campaign04 .section_title{
   font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
   font-size:36px;
   line-height:1.33;
   margin-bottom:10px;
 }
 
 #Campaign04 .section_title_small{
   font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    font-size:15px;
    line-height:1.33;
    margin-bottom:-70px;
 }
 
 #Campaign04 h1{
    width: 980px;
    margin: 0px auto 50px auto;
    padding-top: 100px;
  }
  
 #Campaign04 .resultTxt{
    font-size: min(15px,1.17vw);
    line-height: 1.8;
    width: 100%;
    text-align: center;
    margin: 40px 0px 0px 0px;
    padding-bottom: 100px;
    color: #000;
  }
  #Campaign04 .cam04cap{
    width: 400px;
    margin: 50px auto 80px auto;
  }
  
  #Campaign04 .scroll-infinity__list p{
    font-size: 200%;
    width: 80%;
    margin: 10px auto 0px auto;
  }
  
  #Campaign04 .deco{
  position: absolute;
      width: 170px;
      top: 750px;
      right: 150px;
    }
    
    .cpBtn{
      text-align: center;
      margin-top: 100px;
      margin-bottom: 100px;
    }
    
    .cpBtn.high{
      margin-bottom: 150px;
    }
    
    
    .cpBtn a {
    color: #9b8741 !important;
    font-size: 280%;
    text-decoration: none;
    border: 1px solid;
    padding: 20px 80px;
    background: url(../img/withfan/btn-arrow.svg) no-repeat 95% center;
  }
  
  .moreBtn{
    position: absolute;
    margin-top: -130px;
    margin-left: 370px;
  }
  
  
  @keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
    to {
    transform: translateX(-100%);
  }
  }
  .scroll-infinity__wrap {
    display: flex;
    overflow: hidden;
  }
  .scroll-infinity__list {
    display: flex;
    list-style: none;
    padding: 0
  }
  .scroll-infinity__list--left {
    animation: infinity-scroll-left 60s infinite linear 0.5s both;
  }
  .scroll-infinity__item {
    width: calc(145vw / 6);
    margin-left: 30px;
    margin-bottom: 60px;
  }
  .scroll-infinity__item>img {
    width: 100%;
  }
  
  
  @keyframes infinity-scroll-right {
  from {
    transform: translateX(-100%);
  }
    to {
    transform: translateX(0%);
  }
  }
  .scroll-infinity__list--right{
    animation :infinity-scroll-right 200s infinite linear 0.5s both;
  }
  
  /* マウスオーバーで止める */
  /*.scroll-infinity__wrap:hover .scroll-infinity__list{
    animation-play-state: paused;
  }*/
  
  .modal-block{
    display: none;
    position: fixed;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto 0;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
  }
  .modal-block .img-section {
      /*width: 60vw;*/
      height: 70vh;
      position: relative;
      margin: -5vh auto 0;
  }
  .modal-block .img-section .closeWrap {
	 	display: block;
	 	text-align: center;   
  }
  .modal-block .img-section .close {
        position: relative;
		display: block;
        cursor: pointer;
        width: 30px;
        height: 30px;
        margin: 40px auto 0;
        background: url(../img/collection/common/btn_modal_close.png) no-repeat 50% 50%;
		
		/*
        &::before {
          content: "×";
          width: 30px;
          height: 30px;
          background: #000;
          border-radius: 50%;
          display: block;
		  
        }
        */
  }

      
  
  .modal-block .img-section img {
        /*width: 100%;*/
        height: 100%;
        object-fit: cover;
      }
  
   .modal-block .caption {
      font-size: 20px;
      letter-spacing: .09em;
      color: #fff;
      margin-top: 10px;
      text-align: center;
    }




.page_sexy{
      background: #FFF;
    }
    
    .page_sexy .iconRelease{
      position: absolute;
      margin-left: 80vw;
      margin-top: -30px;
    }
    
    #SexyLeadArea .mainTitle{
      width: 760px;
      margin: 0px auto 30px auto;
      padding-top: 60px;
    }
    
    #SexyLeadArea .resultTxt{
      text-align: center;
      font-size: 14px;
      line-height: 1.9;
      margin-bottom: 60px;
      color: #000;
    }
    
    #SexyLeadArea .icon{
      text-align: center;
    }
    
    #SexyMainArea{
      margin-top: 70px;
    }
    
    #SexyMainArea .firstArea{
      background: url(../../sp_item_24aw/img/withfan/sexy-bg-01_pc.jpg) ;
      background-size: 100%;
    }
    
    #SexyMainArea .firstArea .inner{
      width: 750px;
      margin: 0px auto;
      padding-top: 70px;
    }
    
    #SexyMainArea .firstArea .inner .clearfix{
      margin-top: 40px;
    }
    
    #SexyMainArea .firstArea .inner .leftImg{
      width: 300px;
      float: left;
    }
    #SexyMainArea .firstArea .inner .rightTxt{
      width: 382px;
      float: right;
    }
    
    #SexyMainArea .firstArea .inner .rightTxt .copy{
      margin-bottom: 25px;
    }
    
    #SexyMainArea .firstArea .inner .rightTxt .name{
      margin-bottom: 18px;
    }
    
    #SexyMainArea .firstArea .inner .rightTxt .txt{
      margin-bottom: 18px;
      color: #84731B;
      font-size: 12px;
    }
    
    #SexyMainArea .firstArea .inner .rightTxt .btnInterview{
      margin-bottom: 10px;
    }
    
    
    
    
    #SexyMainArea .secondArea{
      background: url(../../sp_item_24aw/img/withfan/sexy-bg-02_pc.jpg) ;
      background-size: 100%;
    }
    
    #SexyMainArea .secondArea .inner{
      width: 750px;
      margin: 0px auto;
      padding-top: 70px;
    }
    
    #SexyMainArea .secondArea .inner .clearfix{
      margin-top: 40px;
    }
    
    #SexyMainArea .secondArea .inner .rightImg{
      width: 300px;
      float:  right;
    }
    #SexyMainArea .secondArea .inner .leftTxt{
      width: 382px;
      float: left;
    }
    
    #SexyMainArea .secondArea .inner .leftTxt .copy{
      margin-bottom: 25px;
    }
    
    #SexyMainArea .secondArea .inner .leftTxt .name{
      margin-bottom: 18px;
    }
    
    #SexyMainArea .secondArea .inner .leftTxt .txt{
      margin-bottom: 18px;
      color: #84731B;
      font-size: 12px;
    }
    
    #SexyMainArea .secondArea .inner .leftTxt .btnInterview{
      margin-bottom: 10px;
    }
    
    
    
    #SexyMainArea .spImg{
      display: none;
    }
    
    #SexyLastArea{
      background: #FFF;
    }
    
    #SexyLastArea .btnTotop{
      width: 400px;
      margin: 100px auto 0px auto;
      padding-bottom: 100px;
    }


.fair .topFairTxtArea{
  margin-top: 30px;
}

.fair .topFairTxtArea .inner{
  width: 650px;
  /*width: 700px;*/
  margin: 0 auto;
}



.topFairTxtArea{
  width: 955px;
  margin: 30px auto 65px auto;
  border: 3px solid #a82121;
  background: #DBDBDB;
  padding: 40px 0px;
  margin-top: -50px;
}

.topFairTxtArea .inner{
  width: 650px;
  /*width: 700px;*/
  margin: 0 auto;
}


.topFairTxtArea .title{
  font-size: 21px;
  font-weight: bold;
  text-align: left;
  color: #a82121;
  margin-bottom: 20px !important;
}
.topFairTxtArea .txt{
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  color: #a82121;
}

.topFairTxtArea span.cushion{
  font-size: 16px;
  text-decoration: underline;
}
.topFairTxtArea span.cushion a{
  color: #a82121;
}




.FairTxtArea .title{
  font-size: 250%;
  font-weight: bold;
  color: #a82121;
  margin-bottom: 15px !important;
  margin-top: -20px;
}
.FairTxtArea .txt{
  font-size: 180%;
  font-weight: bold;
  color: #a82121;
}






 /*******************************
     * Up Cycle Item
*******************************/



.noveltyBg{
  background: url(../img/collection/newstory/bg-pc.png) no-repeat left top ;
  
  background-size: cover;
  margin-top: 40px;
  padding: 60px 0px;
}

.noveltyInner{
  width: 1080px;
  margin: 0 auto;
  background:  url(../img/collection/newstory/bg-inner-pc.png);
}

.noveltyInner .img.sp{
  display: none;
}

.noveltyInner .leftImg img{
  width: 355px;
}

.noveltyInner .leftImg{
  width: 355px;
  float: left;
  margin-left: 160px;
  margin-top: 130px;
}

.noveltyInner .righttxt{
  width: 315px;
  float: left;
  margin-top: 150px;
  margin-left: 60px;
}

.noveltyInner .righttxt .title{
  margin-bottom: 20px;
}

.noveltyInner .righttxt .txt{
  color: #000;
  font-size: 14px;
  text-align: center;
  margin-bottom: 30px;
}

.noveltyInner .righttxt .noveltyBtn{
  margin-left: 18px;
  margin-bottom: 180px;
}

.noveltyInner .righttxt .noveltyBtn img{
  width: 268px;
}
  
  
 /*******************************
 * BUST MAKE
 *******************************/


#BustmakeWrapper {
  width: 980px;
  max-width: 100%;
  margin: 100px auto 0px auto;
}
#BustmakeWrapper .titleArea {
  text-align: center;
}

#BustmakeWrapper .titleArea .mainTitle{
	margin-bottom: 50px;
}

#BustmakeWrapper .titleArea .subTitle{
	margin-bottom: 30px;
}

#BustmakeWrapper .titleArea .txt{
	font-size: 12px;
	line-height: 2.2;
}

#BustmakeWrapper .titleArea{
	margin-bottom: 100px;
}

#BustmakeWrapper .functionArea .layoutFrame {
  max-width: 980px;
  margin: auto;
}

#BustmakeWrapper .functionArea .functionList {
  width: 980px;
  position: relative;
}

#BustmakeWrapper .functionArea .functionList .functionInfo .showBtn{
	position: absolute;
	margin-top: -35px;
	margin-left: 15px;
}

#BustmakeWrapper .functionArea .functionList > ul > li .links > ul > li a {
    display: inline-block;
    height: 12px;
    text-decoration: none;
    font-size: 12px;
    line-height: 1;
    padding-right: 15px;
    background: url(../img/common/icon-arrow-right-black.svg) right center no-repeat;
    background-size: 8px 12px;
}

.functionArea .functionList .functionInfo{
  vertical-align: top;
  display: inline-block;
  width: 445px;
  margin-bottom: 80px;
}

.functionArea .functionList .functionInfo.left{
	margin-right: 85px;
}


/*.functionArea .functionList a {
  position: relative;
  display: inline-block;
}


.functionArea .functionList a:after {
  content: '';
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: -15px;
  display: block;
  height: 1px;
  background: transparent;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.functionArea .functionList a:hover:after {
  left: 2px;
  right: 0px;
  background: #000;
}
*/



.functionArea .functionList .functionInfo .links ul li {
    text-align: left;
    display: inline-block;
    margin-right: 14px;
}

.functionArea .functionList .functionInfo .links ul li a{
	display: inline-block;
    text-decoration: none;
    font-size: 12px;
    line-height: 1;
    padding-right: 15px;
    background: url(../img/bustmake/icon-arrow-right-white.svg) right center no-repeat;
    background-size: 8px 12px;
}
.functionArea .functionList .functionInfo .links ul li a:hover{
	color: #666;
	background: url(../img/bustmake/icon-arrow-right-gray.svg) right center no-repeat;
    background-size: 8px 12px;
	/*padding-bottom: 1px;*/
}

.functionArea .functionList .caption {
  font-size: 13px;
  margin: 20px 0px 10px 0px;
  color: #FFF;
}
.functionArea .functionList .links {
  font-size: 12px;
  line-height: 1.7;
  color: #FFF;
}
.functionArea .functionList .link a{
  font-size: 12px;
  color: #FFF;
}



#DetailMovie{
	background: #FFF;
	/*padding-bottom: 150px;*/
}
  #DetailMovie.group10{
	padding-bottom: 100px;  
  }
	#DetailMovieWrap{
		width: 880px;
		margin: 0px auto 0px auto;
		padding-top: 80px;
		padding-bottom: 5px; 	
	}
	
	#DetailMovie .detailMovieTitle{
		text-align: center;
		margin-bottom: 60px;
	}
	
		#DetailMovie .detailMovieThum{
			width: 420px;
			margin-bottom: 50px;
		}
		#DetailMovie .detailMovieThum.left{ float: left; }
		#DetailMovie .detailMovieThum.right{ float: right; }
		#DetailMovie .detailMovieThum.center{ margin: 0px auto; }
		
			#DetailMovie .detailMovieThum strong{
				display: block;
				padding-bottom: 12px;
				text-align: center;
				color: #000;
				font-size: 14px;
				padding-top: 12px;
			}
			
 /*******************************
 * MENS BRIEFS
 *******************************/


#Briefs{
	background: #FFF;
}

#Briefs .inner {
  width: 980px;
  max-width: 100%;
  margin: 0px auto;
  padding: 100px 0px;
}

#Briefs .inner .title{
	text-align: center;
	margin-bottom: 50px;
}
#Briefs .inner .title img{
	width: 300px;
}

#Briefs .inner .imgArea .leftImg{
	width: 290px;
	float: left;
	margin-left: 30px;
}

#Briefs .inner .imgArea .middleImg{
	width: 290px;
	float: left;
	margin-left: 10px;
}

#Briefs .inner .imgArea .rightTxt{
	width: 300px;
	float: left;
	margin-left: 60px
}
#Briefs .inner .imgArea .rightTxt .specTitle{
	margin-top: 25px;
	margin-bottom: 30px;
}
#Briefs .inner .imgArea .rightTxt .specTitle img{
	width: 170px;	
}
#Briefs .inner .imgArea .attentionTitle{
	margin-bottom: 20px;
}
  

/*
* #SlideMovie

#SlideMovie{
	background: #FFF;
	margin-top: -180px;
}

#SlideMovie .inner{
	max-width: 980px;
	margin: 0 auto; 
}

#SlideMovie .inner .slideWrap{
	padding-top: 150px;
	padding-bottom: 80px;
}

#SlideMovie .inner ul{
	width: 880px;
	height: 495px;
	margin: 0px auto;
	position: relative;
}
#SlideMovie .inner ul li{
	width: 880px;
	float: left;
	display: inline;
	outline: none;
}

#SlideMovie .inner .slick-prev{
	position: absolute;
	top: 0;
	margin-top: 225px;
	margin-left: -50px;
	background: url(../img/collection/common/arrowL-bk.svg) no-repeat 0px 0px transparent;
	background-size: 26px 46px;
	width: 26px;
	height: 46px;
	border: none;
	text-indent: -9999px;
	outline: none;
}

#SlideMovie .inner .slick-next{
	position: absolute;
	top: 0;
	margin-top: 225px;
	margin-left: 900px;
	background: url(../img/collection/common/arrowR-bk.svg) no-repeat 0px 0px transparent;
	background-size: 26px 46px;
	width: 26px;
	height: 46px;
	border: none;
	text-indent: -9999px;
	outline: none;
}
*/ 

	
/*
* #SlideImages
*/ 
#SlideImages{
	background: #FFF;
	/*margin-top: -180px;*/
}

#SlideImages .inner{
	max-width: 980px;
	height: 840px;
	margin: 0 auto; 
}

#SlideImages .inner .slideWrap{
	padding-top: 50px;
	padding-bottom: 100px;
}

#SlideImages .inner ul{
	width: 880px;
	height: 560px;
	margin: 0px auto;
	position: relative;
}
#SlideImages .inner ul li{
	width: 880px;
	float: left;
	display: inline;
	outline: none;
}

#SlideImages .inner ul li .pct{
	width: 880px;
	padding-top: 50px;
}

#SlideImages .inner ul li .number{
	position: absolute;
	margin-top: -600px;
	margin-left: 825px;
}


#SlideImages .inner .slick-prev{
	position: absolute;
	top: 0;
	margin-top: 300px;
	margin-left: -50px;
	background: url(../img/collection/common/arrowL-bk.svg) no-repeat 0px 0px transparent;
	background-size: 26px 46px;
	width: 26px;
	height: 46px;
	border: none;
	text-indent: -9999px;
	outline: none;
}

#SlideImages .inner .slick-next{
	position: absolute;
	top: 0;
	margin-top: 300px;
	margin-left: 900px;
	background: url(../img/collection/common/arrowR-bk.svg) no-repeat 0px 0px transparent;
	background-size: 26px 46px;
	width: 26px;
	height: 46px;
	border: none;
	text-indent: -9999px;
	outline: none;
}


  
  
}



#GloablWrapper header.global {
  height: 140px;
  -webkit-transition: 0.25s ease-out -webkit-transform;
  transition: 0.25s ease-out transform;
  background: #FFF;
}

#GloablWrapper header.global.bk{
	background: #000;
}

#GloablWrapper header.global .siteLogo {
  -webkit-transition: 0.12s ease -webkit-transform;
  transition: 0.12s ease transform;
}

#GloablWrapper.setFix header.global {
  height: 80px;
}
#GloablWrapper.setFix .siteMenu {
  opacity: 0;
}
#GloablWrapper.setFix header.global .siteLogo {
  -webkit-transform: scale(0.75, 0.75) translateY(-10px);
  transform: scale(0.75, 0.75) translateY(-10px);
  -webkit-transition: 0.35s ease -webkit-transform;
  transition: 0.35s ease transform;
}

#GloablWrapper.setFix header.global.isHover {
  height: 140px;
}
#GloablWrapper.setFix header.global.isHover .siteMenu {
  opacity: 1;
}
#GloablWrapper.setFix header.global.isHover .siteLogo {
  -webkit-transform: scale(1, 1) translateY(0);
  transform: scale(1, 1) translateY(0);
  -webkit-transition: 0.12s ease -webkit-transform;
  transition: 0.12s ease transform;
}

@media screen and (max-height: 800px), screen and (max-width: 768px) {
  #GloablWrapper {
    padding-top: 0;
  }

  header.global {
    position: relative;
  }

  #GloablWrapper.setFix header.global {
    height: 140px;
  }
  #GloablWrapper.setFix header.global .siteLogo {
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }

  #GloablWrapper.setFix header.global.isHover {
    height: 140px;
  }
  
  
  
  /*******************************
   * With Fan
   *******************************/
   
   .page_40th h1{
     text-align: center;
     font-size: 200%;
     /*font-weight: bold;*/
     /*background: #FFF;*/
     padding-top: 50px;
     /*padding-bottom: 150px;*/
     font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
   }
   
   

  
  
}



/*
=====================================================================
*
*    footer
*
* ===================================================================
*/
.footerNav {
  background: #000000;
  padding-top: 30px;
}
.footerNav .layoutFrame {
  position: relative;
  max-width: 980px;
  margin: auto;
  padding: 0 0 30px;
}
.footerNav .layoutFrame2 {
  position: relative;
  max-width: 980px;
  padding: 30px 0 2px;
  margin: auto;
}
.footerNav .pagetop {
  opacity: 0;
  position: fixed;
  right: 50%;
  bottom: 40px;
  margin-right: -570px;
  -webkit-transition: 0.2s ease opacity;
  transition: 0.2s ease opacity;
  display: none;
}
.footerNav .pagetop.setFix {
  opacity: 1;
}
.footerNav .pagetop.setBottom {
  position: absolute;
  bottom: 37px;
}
.footerNav .pagetop a {
  display: inline-block;
}
.footerNav .pagetop a img {
  -webkit-transition: 0.2s ease -webkit-transform;
  transition: 0.2s ease transform;
}
.footerNav .pagetop a:hover img {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.collectionPages {
  padding: 20px 0;
  max-width: 980px;
  margin: 0px auto 50px;
}



.collectionPages .txt {
    text-align: center;
    margin-bottom: 10px;
    font-size: 220%;
  }
  .collectionPages .txt2 {
    text-align: center;
    text-decoration: underline;
    font-size: 220%;
    margin-bottom: 50px;
  }

.collectionPages .arrow {
  text-align: center;
}
.collectionPages .title {
  margin: 70px auto;
  text-align: center;
}
.collectionPages .items,
.collectionPages .items2,
.collectionPages .type2,
.collectionPages .type3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.collectionPages .items li,
.collectionPages .type2 li,
.collectionPages .type3 li,
.collectionPages .type4 li {
  width: 32.8%;
  margin-bottom: 10px;
}

.collectionPages .items li.wide {
  width: 99.8%;
  margin-bottom: 10px;
  text-align: center;
}

.collectionPages .items li.wide2 {
  width: 66.4%;
  margin-bottom: 10px;
  margin-left: 17%;
}

.collectionPages .items li.wide3 {
  width: 49.6%;
  margin-bottom: 10px;
}

.collectionPages .items li.wide4 {
  width: 99.8%;
  margin-bottom: 10px;
}
.collectionPages .items li.wide5 {
  width: 32.8%;
  margin-bottom: 10px;
  margin-left: 329px;
}

@media screen and (min-width: 768px) {
	.collectionPages .items li.pc-single-center {
	  width: 320px;
	  margin-bottom: 10px;
	  margin-left: 330px;
	  margin-right: 320px;
	}
	.collectionPages .items li.pc-double-left {
	  width: 320px;
	  margin-bottom: 10px;
	  margin-left: 165px;
	}
	.collectionPages .items li.pc-double-right {
	  width: 320px;
	  margin-bottom: 10px;
	  margin-right: 165px;
	}
}

.collectionPages .items li.wide6 {
  width: 66.4%;
  margin-bottom: 10px;
}

.collectionPages .items2 li {
  width: 49%;
  /*margin-bottom: 10px;*/
}
/*.collectionPages .type li:not(:last-child) {
  margin-bottom: 10px;
}*/
.collectionPages .type li{
  margin-bottom: 10px;
}

.collectionPages .type li:nth-child(1){
  margin-bottom: 60px;
}

.collectionPages li {
  position: relative;
}
.collectionPages .over {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s ease-out all;
  transition: 0.3s ease-out all;
  opacity: 0;
  background: #E5E5E5;
}
.collectionPages .items a:hover .over {
  /*opacity: 0.6;*/
}
.collectionPages .type a:hover .over {
  /*opacity: 0.3;*/
}
.collectionPages a {
  display: block;
  position: relative;
  overflow: hidden;
}
.collectionPages .menuImg {
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.collectionPages .over img {
  opacity: 0;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.collectionPages .items .over {
  display: flex;
  justify-content: center;
  align-items: center;
}
.collectionPages .items .over img {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.collectionPages .items a:hover .over img {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.collectionPages a:hover .menuImg {
  -webkit-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}
.collectionPages .notes{
	color: #FFF;
	font-size: 12px;
	padding-left: 0;
	text-align: left;
	padding-top: 24px;
}



.footerNav .otherInfo {
  position: relative;
  overflow: hidden;
}
.footerNav .otherInfo .links {
  float: left;
  width: 60%;
  padding-left: 15px;
}
.footerNav .otherInfo .sns {
  text-align: right;
  float: right;
  width: 38%;
}
.footerNav .otherInfo li {
  display: inline-block;
  vertical-align: top;
}
.footerNav .sns li.fb		 		{ width: 90px !important; }
.footerNav .sns li.fb span			{ width: 90px !important; }
.footerNav .sns li.fb span iframe	{ width: 90px !important; }

.footerNav .otherInfo .links {
  overflow: hidden;
}
.footerNav .otherInfo .links li {
  position: relative;
  padding: 4px 30px 5px 0;
  /*margin-right: 25px;*/
  /*border-right: 1px solid #E5E5E5;*/
}
.footerNav .otherInfo .links li:last-child {
  border-right: 0px;
}
.footerNav .otherInfo .links li:before {
  content: '';
  position: absolute;
  left: -25px;
  top: 0;
  bottom: 0;
  display: block;
  width: 1px;
  /*background: #333;*/
}
.footerNav .otherInfo .sns {
  margin-right: -2px;
}
.footerNav .otherInfo .sns li {
  margin: 0 2px;
  padding-top: 8px;
}
.footerNav .otherInfo .sns .fb {
  height: 20px;
  overflow: hidden;
}

.footerNav .otherInfo .links .x{
  margin-right: -13px;
}

.footerNav .otherInfo .links .shopicon{
  margin-top: 8px;
}


/*
=====================================================================
*
*    スペックモーダル
*
* ===================================================================
*/

body.showModal {
  position: fixed;
  top: 0;
  width: 100%;
  overflow: visible;
}
.specModal {
  display: none;
}

.specModal.show {
  cursor: pointer;
  display: block;
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 200;
  background: url(../img/common/load_black.gif) no-repeat 50% 50%;
  background-color: rgba(0, 0, 0, 0.78);
  -webkit-overflow-scrolling: touch;
}

.specModal .specCard {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 450px;
  height: 615px;
  margin: -308px 0 0 -225px;
}
.specModal .movieModal {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 980px;
  height: 500px;
  margin: -250px 0 0 -480px;
}

.specModal .close {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  margin: -309px 0 0 255px;
  -webkit-transition: 0.2s ease opacity;
  transition: 0.3s ease opacity;
}
.specModal .close.movie {
 margin: -309px 0 0 465px;
}
.specModal .close a {
  display: block;
  width: 30px;
  height: 30px;
  padding: 5px;
  background: url(../img/collection/common/btn_modal_close.png) no-repeat 50% 50%;
  background-size: 30px auto;
}



/*
=====================================================================
*
*    コンポーネント
*
* ===================================================================
*/
/* モーダルウィンドウ */
body.showModal {
  position: fixed;
  top: 0;
  width: 100%;
  overflow: visible;
}

.jsModalObj,
.jsModalShow {
  display: none;
}

.jsModalShow {
  cursor: pointer;
  display: block;
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 200;
  background: url(../img/common/load_black.gif) no-repeat 50% 50%;
  background-color: rgba(0, 0, 0, 0.78);
  -webkit-overflow-scrolling: touch;
}
.jsModalShow .scrollInner {
  padding: 15px 0 10px;
}
.jsModalShow .cardList {
  cursor: default;
}
.jsModalShow .close {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  margin: -309px 0 0 255px;
  -webkit-transition: 0.2s ease opacity;
  transition: 0.3s ease opacity;
}
.jsModalShow .close a {
  display: block;
  width: 30px;
  height: 30px;
  padding: 5px;
  background: url(../img/collection/common/btn_modal_close.png) no-repeat 50% 50%;
  background-size: 30px auto;
}
.jsModalShow .message {
  color: #fff;
  font-size: 24px;
  position: absolute;
  top: 50%;
  text-align: center;
}
.jsModalShow.loadEnd .close {
  opacity: 1;
}

/* owl carousel style overwrite */
.owl-theme .owl-controls {
  margin-top: 0;
}
.owl-theme .owl-controls .owl-pagination {
  margin-top: 5px;
}
.owl-theme .owl-controls .owl-buttons div {
  text-indent: -9999px;
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0;
  padding: 0;
  background: #000;
  opacity: 1.00;
  -webkit-transition: 0.3s ease opacity;
  transition: 0.3s ease opacity;
}
.owl-theme .owl-controls .owl-buttons div.disable {
  pointer-events: none;
  opacity: 0;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: -50px;
  background: url(../img/collection/common/btn_modal_prev.png) no-repeat 0 0;
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
  right: -50px;
  background: url(../img/collection/common/btn_modal_next.png) no-repeat 0 0;
}

.bannerLink a {
  position: relative;
  display: inline-block;
}
.bannerLink a:after {
  content: "";
  position: absolute;
  opacity: 0;
  right: 0;
  top: 50%;
  z-index: 10;
  width: 31px;
  height: 61px;
  margin-top: -30px;
  background: url(../img/top/arw_banner.png) no-repeat 0 0;
  background-size: 31px 61px;
  -webkit-transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) all;
  transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) all;
}
.bannerLink a:hover:after {
  opacity: 1;
  -webkit-transform: translateX(15px);
  transform: translateX(15px);
}

a.overImage {
  position: relative;
  display: inline-block;
}
a.overImage img {
  -webkit-transition: 0.3s ease opacity;
  transition: 0.3s ease opacity;
}
a.overImage:hover img {
  opacity: 0;
}



/*
=====================================================================
*
*    トップ
*
* ===================================================================
*/

/*全体の背景*/
#GloablWrapper.top {
  background: #000;
  /*background: rgb(230,230,230);
  background: linear-gradient(270deg, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 48%, rgba(255,255,255,1) 100%);*/
}


.group03 #MainImage{
  height: 788px !important;
}


#MainImage {
  position: relative;
  /*height: 875px;*/
  margin: 0 auto 100px auto;
  max-width: 1400px;
}

#MainImage.topMain {
	margin-top: 20px;
}


#MainImage .pct {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1400px auto;
}
#MainImage .pct:not(:first-child) {
  opacity: 0;
}
#MainImage .logo {
  position: absolute;
  bottom: 294px;
  left: calc( 50% - -157px );
}

#MainImage .concept {
  position: absolute;
  left: 50%;
  bottom: 340px;
  margin-left: -480px;
  height: 150px;
}
#MainImage .concept.show .jp,
#MainImage .concept.show .en {
  opacity: 1;
}
#MainImage .concept .jp,
#MainImage .concept .en {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
#MainImage .concept .jp {
  transition: 2.0s ease-out opacity;
  -webkit-transition-delay: 1.0s;
  transition-delay: 1.0s;
}
#MainImage .concept .en {
  transition: 2.7s ease-out opacity;
  -webkit-transition-delay: 2.6s;
  transition-delay: 2.6s;
}
#MainImage .season {
  position: absolute;
  left: 50%;
  bottom: 292px;
  margin-left: -430px;
  opacity: 0;
  -webkit-transition: 2.7s ease opacity;
  transition: 2.7s ease opacity;
  -webkit-transition-delay: 2.6s;
  transition-delay: 2.6s;
}
#MainImage .season.show {
  opacity: 1;
}
#MainImage .arrowNext {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  opacity: 0;
  height: 60px;
  margin-top: -30px;
  -webkit-animation: bound 0.8s ease-in-out infinite alternate;
  animation: bound 0.8s ease-in-out infinite alternate;
  transition: 0.5s ease-out all;
  -webkit-transition-delay: 3.8s;
  transition-delay: 3.8s;
}
#MainImage .arrowNext.show {
  opacity: 1;
}

#MainImage h1 .hide{ display: block; position: absolute; top:-999px; left: -9999px}


.caution{
	width: 980px;
	margin: 0px auto 80px auto;
	border: 1px solid #FFF;
	text-align: center;
}
	.caution strong{
		display: block;
		text-align: center;
		font-size: 16px;	
		padding: 30px 0px 0px 0px;
	}
	.caution p{
		font-size: 13px;
		padding: 35px 35px 35px 35px;
		line-height: 1.7;
	}



#RecommendTop, #RecommendTop2 {
  text-align: center;
  margin-bottom: 30px;
}
#Recommend {
  text-align: center;
  margin-bottom: 120px;
}
#RecommendSecond {
  text-align: center;
  margin-bottom: 26px;
}
#RecommendThird {
  text-align: center;
  margin-bottom: 120px;
}

#CollectionAreaPre {
  margin-bottom: 100px;
  /*background-color: #e6e6e6;*/
  background: linear-gradient(270deg, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 48%, rgba(255,255,255,1) 100%);
}

#CollectionAreaPre.bk {
  margin-bottom: 50px !important;
  background: #000000;
}

#CollectionAreaPre.gr{
  margin-bottom: 50px !important;
  background: #1D1F21;
}

#CollectionAreaPre .inner {
  max-width: 980px;
  padding: 130px 0 130px;
  margin: 0 auto;
}

#CollectionAreaPre.bk .inner {
  max-width: 980px;
  padding: 50px 0 120px;
  margin: 0 auto;
}

#CollectionAreaPre h2 {
  text-align: center;
  margin-bottom: 45px;
}
#CollectionAreaPre.bk h2 {
  text-align: center;
  margin-bottom: 45px;
  margin-top: 50px;
}

#CollectionAreaPre ul {
  max-width:980px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-around;
  /*margin-top: 8px;*/
}
#CollectionAreaPre ul.items li{
  /*width: 32.8%;*/
  margin-bottom: 4px
}

#CollectionAreaPre ul.type li{
margin-bottom: 10px;
width: 980px;
height: 200px;
overflow: hidden;
}
#CollectionAreaPre ul.type3 li{
	width: 320px;
	margin-left: 330px;
}

#CollectionAreaPre ul.type4 li{
	width: 320px;
	margin-left: 165px;
}
#CollectionAreaPre ul.type4 li.none{
	width: 320px;
	margin-right: 165px;
	margin-left: 10px;
}



#CollectionAreaPre .items li a{
  position: relative;
  display: block;
  overflow: hidden;
}
#CollectionAreaPre .items li .menuImg,
#CollectionAreaPre .type li .menuImg {
  -webkit-transition: 0.6s ease -webkit-transform;
  transition: 0.6s ease transform;
}
#CollectionAreaPre .items li a:hover .menuImg,
#CollectionAreaPre .type li a:hover .menuImg{
  -webkit-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}


#CollectionAreaPre .items .over{
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(229, 229, 229, 0.5);
}
#CollectionAreaPre .items a .over{
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-animation: collection_hide 0.45s ease-out forwards;
  animation: collection_hide 0.45s ease-out forwards;
}
#CollectionAreaPre .items a:hover .over{
  -webkit-animation: collection_show 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  animation: collection_show 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#CollectionArea {
  overflow: hidden;
  max-width: 980px;
  margin: 0 auto 120px;
}
#CollectionArea .title {
  text-align: center;
  margin-bottom: 60px;
}
#CollectionArea .items,
#CollectionArea .type {
  overflow: hidden;
}
#CollectionArea .type{
	/*margin-bottom: 20px;*/
}
#CollectionArea .type li{
	margin-bottom: 20px;	
}
#CollectionArea .type li a img{
	width: 100%;
}
#CollectionArea .items li{
  float: left;
  width: 480px;
  margin: 0 0 20px;
}
#CollectionArea .items li:nth-child(2n){
	float:right;
}
#CollectionArea .items li a,
#CollectionArea .type li a,
#RecommendMiddle a{
  position: relative;
  display: block;
  overflow: hidden;
}
#CollectionArea .items li .menuImg,
#CollectionArea .type li .menuImg {
  -webkit-transition: 0.6s ease -webkit-transform;
  transition: 0.6s ease transform;
}

#RecommendMiddle a img.menuImg {
  -webkit-transition: 0.6s ease -webkit-transform;
  transition: 0.6s ease transform;
}

#CollectionArea ul.type3{
  width: 480px;
  margin: 0 auto;
}

@media screen and (min-width: 769px){
  
  #CollectionAreaPre.bk {
    margin-top: -100px;
    margin-bottom: 0px !important;
    background: #000000;
  }
  
  #CollectionAreaPre .items.banner{
    margin-top: 10px;
  }
  
  .collectionPages .items li.center1 {
    width: 32.8%;
    margin-bottom: 10px;
    margin-left: 16.7%;
  }
  .collectionPages .items li.center2 {
    width: 32.8%;
    margin-bottom: 10px;
    margin-right: 16.7%;
  }


  #CollectionArea .items li a:hover .menuImg,
  #CollectionArea .type li a:hover .menuImg,
  #RecommendMiddle a:hover .menuImg {
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
  }
  #CollectionArea .items .over {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -350px;
    width: 350px;
    left: -70px;
    background: rgba(0, 0, 0, 0.5);
  }
  #CollectionArea .items a .over{
    -webkit-animation: collection_hide 0.45s ease-out forwards;
    animation: collection_hide 0.45s ease-out forwards;
  }
  #CollectionArea .items a:hover .over{
    -webkit-animation: collection_show 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    animation: collection_show 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  }

  #CollectionArea .type .over {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    transition: 0.4s ease-out;
  }
  #CollectionArea .type a:hover .over {
    opacity: 1;
  }
  #MovieArea{
	height: 800px;
}
  #MovieArea.top{
	/*height: 1300px;*/
	/*height: 900px;*/
}

  #MovieArea.top.low{
  height: 750px;
}


#MovieArea.low{
	/*margin-top: 50px;*/
  margin-top: 15px;
}
#MovieArea.low .wrap {
	width: 1400px;
	position: absolute;
	left: 50%;
	margin-left: -700px;
}
#MovieArea.top .wrap {
    width: 981px;
    margin: 0px auto;
}

#MovieArea.top .wrap.high {
    margin-top: 50px;
}

  
}

#MovieArea .title {
  width: 980px;
  max-width: 100%;
	margin: 0px auto 40px auto;
	text-align: center;
}


#MovieArea02{
	width: 980px;
	max-width: 100%;
	margin: 0px auto;
}

#MovieArea .movie {
  width: 980px;
  max-width: 100%;
	margin: 0px auto 0px auto;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	text-align: center;
}
#MovieArea .movie .thumbnail img {
  width: 100%;
  height: auto;
  -webkit-transition: 0.8s ease -webkit-transform;
  transition: 0.8s ease transform;
}
#MovieArea .movie .over {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  background: rgba(102, 102, 102, 0.8);
  -webkit-transition: 0.3s ease opacity;
  transition: 0.3s ease opacity;
  mix-blend-mode: multiply;
}
#MovieArea .movie .over img {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 1 !important;
  margin: -90px 0 0 -90px;
}
#MovieArea .movie:hover .thumbnail img {
  -webkit-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}
#MovieArea .movie:hover .over {
  opacity: 1;
}
#MovieArea .movie .playBtn {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 1 !important;
  margin: -90px 0 0 -90px;
}


#MovieModal {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  background: transparent;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: 0.3 ease opacity;
  transition: 0.3 ease opacity;
}
#MovieModal .youtubePlayer {
  position: relative;
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
}

.newsArea {
  position: relative;
  max-width: 980px;
  padding-top: 80px;
  padding-bottom: 140px;
  margin: 0 auto ;
}
.newsArea .title {
  text-align: center;
  margin-bottom: 60px;
}
.newsArea ul {
  font-size: 15px;
  margin: 0 auto 30px;
  /*border-top: 1px solid #222;*/
}
.newsArea li {
  overflow: hidden;
  margin: 0;
  padding-top: 35px;
  padding-bottom: 35px;
  border-top: 1px solid #000;
}
.newsArea li a {
  text-decoration: none;
  overflow: hidden;
  display: block;
  letter-spacing: -.45em;
}
.newsArea li p {
  float: left;
  letter-spacing: normal;
}
.newsArea li .label {
  position: relative;
  margin-right: 40px;
  color: #000;
  font-size: 13px;
  width: 150px;
}
.newsArea li .date {
  margin-right: 15px;
  width: 95px;
  color: #000;
  font-size: 13px;
  box-sizing: border-box;
  position: relative;
}
.newsArea li .date:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 0;
  width: 1px;
  background: #333;
}
.newsArea li .entryTitle {
  width: calc(100% - 310px);
  color: #000;
  font-size: 15px;
  font-weight: 500;
}
.newsArea li a:hover .entryTitle {
  color: #333;
}
.newsArea li a:hover .label img {
  opacity: 0;
}
.newsArea li a:hover .label .over {
  opacity: 1;
}
.newsArea .listLink {
  text-align: center;
  width: 450px;
  max-width: 100%;
  height: 50px;
  margin: auto;
}
.newsArea .listLink a {
  opacity: 1;
  position: relative;
  background: #FFF;
  border: 1px solid #222;
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  -webkit-transition: 0.6s ease all;
  transition: 0.6s ease all;
}
.newsArea .listLink a:hover {
  opacity: 0.6;
}
.newsArea .listLink a:after {
  content: '';
  position: absolute;
  left: calc(50% - 58px);
  top: 20px;
  display: block;
  height: 10px;
  width: 10px;
  transform: rotate(45deg);
  background: transparent;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.newsArea .listLink a:hover:after {
  left: calc(50% - 48px);
}

.storeArea {
  background: #000;
  padding-bottom: 50px;
  padding-top: 70px;
}
.storeArea .layoutFrame {
  max-width: 980px;
  margin: 0px auto 55px;
}
.storeArea .title {
  text-align: center;

}
.storeArea .message {
  text-align: center;
  font-size: 14px;
  color: #FFF;
  padding-top: 50px;
  padding-bottom: 50px;
  line-height: 2;
}
.storeArea .shopList {
  position: relative;
  margin: 0 -12px;
}

.storeArea .shopList:before {
  left: 33.333%;
}
.storeArea .shopList:after {
  right: 33.333%;
}
.storeArea .shopInfo {
  vertical-align: top;
  display: inline-block;
  width: 220px;
  margin: 0 12px;
}
.storeArea .shopInfo img {
	width: 100%;	
}
.storeArea .shopInfo a {
  position: relative;
  display: inline-block;
}
.storeArea .shopInfo a:after {
  content: '';
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: -15px;
  display: block;
  height: 1px;
  background: transparent;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.storeArea .shopInfo a:hover:after {
  left: 2px;
  right: 0px;
  background: #000;
}
.storeArea .name {
  font-size: 15px;
  margin: 15px 0;
  color: #fff;
}
.storeArea .address {
  font-size: 13px;
  line-height: 1.7;
  margin: 15px 0;
  color: #fff;
}
.storeArea .link a{
  font-size: 14px;
  color: #fff;
}
.storeArea .listLink {
  text-align: center;
  width: 450px;
  max-width: 100%;
  height: 50px;
  margin: auto;
  /*margin-top: 50px*/
}
#AboutWrapper .storeArea .listLink{
  margin-top: 50px;
}


.storeArea .listLink a {
  opacity: 1;
  position: relative;
  background: #FFFFFF;
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  -webkit-transition: 0.6s ease all;
  transition: 0.6s ease all;
}
.storeArea .listLink a:hover {
  opacity: 0.6;
}
.storeArea .listLink a:after {
  content: '';
  position: absolute;
  left: calc(50% - 78px);
  top: 20px;
  display: block;
  height: 10px;
  width: 10px;
  transform: rotate(45deg);
  background: transparent;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.storeArea .listLink a:hover:after {
  left: calc(50% - 68px);
}


#BottomBannerTop{
	width: 980px;
	padding-top: 40px;
	margin: 0px auto 88px auto;
}



.footerBanner {
  padding-top: 100px;
  padding-bottom: 70px;
  /*margin-bottom: 100px;*/
  text-align: center;
}
.footerBanner .inner {
  max-width: 980px;
  margin: auto;
}
.footerBanner p:not(:last-of-type){
  margin-bottom: 30px;
}
.footerBanner .bg-banner {
  display: block;

}



.ssNav {
  margin-top: 40px;
}
.ssNav .layoutFrame {
  position: relative;
  width: 980px;
  padding: 38px 0 0px;
  margin: auto;
}
.ssNav .title {
  text-align: center;
}
.ssNav .collectionPages .item{
  overflow: hidden;
  margin: 0 -5px;
}
.ssNav .collectionPages .item li {
  float: left;
  margin: 0 5px 10px;
}
.ssNav .collectionPages .item .menuImg{
  -webkit-transition: 0.6s ease -webkit-transform;
  transition: 0.6s ease transform;
}
.ssNav .collectionPages .item .over{
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transition: 0.3s ease-out all;
  transition: 0.3s ease-out all;
}
.ssNav .collectionPages .item .over img {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.ssNav .collectionPages .item a.current .over {
  opacity: 1;
  top: 80px;
  border-top: 1px solid #916F2B;
  background: rgba(190, 159, 130, 0.5);
}
.ssNav .collectionPages .item a.current .over img {
  opacity: 1;
  -webkit-transform: scale(0.85, 0.85) translateY(-45px);
  transform: scale(0.85, 0.85) translateY(-45px);
}
.ssNav .collectionPages .item a.current:hover .menuImg {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.ssNav .collectionPages .item a:hover .menuImg {
  -webkit-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}
.ssNav .collectionPages .type a.current .over {
  opacity: 1;
  top: 0;
  background: rgba(190, 159, 130, 0.5);
}
.ssNav .collectionPages .type a.current .over:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: block;
  height: 1px;
  background: #916F2B;
}
.ssNav .collectionPages .type a.current .over img {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.ssNav .collectionPages a {
  position: relative;
  display: block;
  overflow: hidden;
}
.ssNav .collectionPages a:hover .over {
  opacity: 1;
  left: 0;
}
.ssNav .collectionPages a:hover .over img {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.ssNav .collectionPages .over {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background: rgba(190, 159, 130, 0.5);
  -webkit-transition: 0.3s ease-out all;
  transition: 0.3s ease-out all;
}
.ssNav .collectionPages .over img {
  opacity: 0;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}


@media screen and (min-width: 769px) {
  .spOnly {
    display: none;
  }
  .foot_otherlink,
  #wacoal-footer {
    display: none;
  }
  #CollectionDetail #MainImage.noImage {
  display: none;
	}

.top	 .conceptTxt{
		/*display: none;*/
		width: 450px;
		margin: 0px auto 70px auto;
	}
	
#CollectionAreaPre ul.items li{
	margin-bottom: 10px;
}

.storeArea .shopList{
  width: 750px;
  margin: 0 auto 30px auto !important;
}

.storeArea .shopList.second{
  width: 500px;
  margin: 50px auto 0px auto !important;
}


#SeasonItems .nightupTopics {
  font-size: 13px;
  line-height: 1;
  padding: 10px 10px 10px 10px;
  border: 1px solid #E5E5E5 !important;
  margin: 0 auto 15px;
  text-align: center;
  width: 300px;
  color: #000;
  margin-top: 80px;
}

#SeasonItems .cap {
  display: block;
  font-size: 11px;
  line-height: 1.6;
  margin-top: 8px;
  padding: 8px;
  color: #666;
  text-align: center;
  /*background: #F1F1F1;*/
}



.nightup .nightupTopics {
  font-size: 13px;
  line-height: 1;
  padding: 10px 10px 10px 10px;
  border: 1px solid #E5E5E5 !important;
  margin: 0 auto 15px;
  text-align: center;
  width: 300px;
  color: #000;
  margin-top: 80px;
}

.nightup .cap {
  position: relative;
  display: block;
  font-size: 11px;
  line-height: 1.6;
  margin-top: 8px;
  padding: 8px;
  color: #666;
  text-align: center;
  /*background: #F1F1F1;*/
}

.nightup #Items .detailBlock .pct{
  margin-top: -50px;
}

.nightup #Items .subset{
  padding-top: 140px;
}

.nightup #Items{
  padding-top: 40px;
  padding-bottom: 150px;
}
  
}

@media screen and (max-width: 768px) {
  .pcOnly {
    display: none;
  }
  .spOnly {
    display: block;
  }
  #GloablWrapper:before {
    content: none;
  }
  header.global{
	  position: fixed;
	  z-index: 201;
	  width: 100%;
	  height: 62px;
	  overflow: hidden;
  }
  header.global .layoutFrame {
    padding-top: 15px;
  }
  header.global .siteLogo {
    margin-bottom: 18px;
    text-align: left;
    padding-left: 20px;
  }
  header.global .siteLogo img{
    width: 80px;
  }
  #GloablWrapper header.global,
  #GloablWrapper.setFix header.global,
  #GloablWrapper.setFix header.global.isHover {
    height: auto;
  }
  .top .conceptTxt{
	  width: 80%;
	  margin: 60px auto 50px auto;
  }
  
  #CollectionArea ul.type3{
    width: 100%;
  }
  
  #CollectionAreaPre.bk .inner {
    margin-top: -100px;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
  }
  
  #Comingsoon{
	  width: 90%;
	margin: 80px auto 80px auto;
}

#Comingsoon h1.sub{
	width: 95%;
	margin: 80px auto 50px auto;
}
#Comingsoon h1.main{
	width: 80%;
	margin: 50px auto;
}

#Comingsoon h2{
	width: 80%;
	margin: 0 auto;
}
 
 #MovieArea.top{
   margin: 50px 0px 60px 0px;
 }
 
 #MovieArea.top .title{
   margin-bottom: 20px !important;
 }
 
  
  #MovieArea.top .wrap.high {
    margin-top: 30px;
}

/*
* SPヘッダー WEB STORE
*/
  #BtnWebStore{
	position: fixed;
    z-index: 199;
    top: 18px;
    right: 61px;  
  }
  #BtnWebStore img{
	height: 25px;  
  }

/*
* ハンバーガー
*/
  #BtnHamburger {
    position: fixed;
    z-index: 201;
    top: 18px;
    right: 14px;
    width: 32px;
    height: 26px;
  }
  #BtnHamburger a {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  #BtnHamburger span {
    position: absolute;
    right: 5px;
    left: 5px;
    display: block;
    height: 1px;
    background: #000;
    transition: .3s ease-out;
  }
  #GloablWrapper.setFix #BtnHamburger span {
    background: #000 !important;
  }
  #BtnHamburger .top {
    top: 5px;
  }
  #BtnHamburger .middle {
    top: 50%;
    margin-top: -1px;
  }
  #BtnHamburger .bottom {
    top: 19px;
  }
  body.isClose #BtnHamburger .top {
    -webkit-animation: menu-top-close .50s forwards;
    animation: menu-top-close .50s forwards;
  }
  body.isClose #BtnHamburger .middle {
    -webkit-animation: menu-middle-close .50s forwards;
    animation: menu-middle-close .50s forwards;
  }
  body.isClose #BtnHamburger .bottom {
    -webkit-animation: menu-bottom-close .50s forwards;
    animation: menu-bottom-close .50s forwards;
  }
  body.isOpen #BtnHamburger .top {
    -webkit-animation: menu-top-open .50s forwards;
    animation: menu-top-open .50s forwards;
  }
  body.isOpen #BtnHamburger .middle {
    -webkit-animation: menu-middle-open .50s forwards;
    animation: menu-middle-open .50s forwards;
  }
  body.isOpen #BtnHamburger .bottom {
    -webkit-animation: menu-bottom-open .50s forwards;
    animation: menu-bottom-open .50s forwards;
  }
  body.isOpen #GloablWrapper.setFix #BtnHamburger span {
    background: #FFF;
  }
  
  
  
  #withfanBanner{
    width: 90%;
    margin: 30px auto 80px auto;
  }
  #withfanBanner p{
    margin: 25px 0px 25px 0px;
  }
  #withfanBanner p.high{
    margin-bottom: 40px !important;
  }
  

  /*
   * ドロワーメニュー
   */
  #GloablWrapper.setFix .siteMenu {
    opacity: 1;
  }
  header.global .siteMenu {
    height: 0;
  }
  header.global .siteMenu .drawerBase {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: #FFF;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
    z-index: 200;
    /*background: rgb(244,245,244);
    background: linear-gradient(270deg, rgba(244,245,244,1) 0%, rgba(246,246,246,1) 37%, rgba(255,255,255,1) 100%);*/
  }
  header.global .siteMenu .drawerBase.bk {
    background: #000;
  }
  
  body.isOpen header.global .siteMenu .drawerBase {
    left: 0;
  }
  header.global .siteMenu .menu {
    float: none;
    margin-top: 60px;
  }
  header.global .siteMenu .menu li {
    width: 100%;
    text-align: center;
    height: 40px;
  }
  header.global .siteMenu .menu li img{
	height: 18px;	  
  }
  
  
  header.global .siteMenu .menu.language.snsArea{
    margin: 45px 0px 0px 0px;
  }
  
  header.global .siteMenu .menu.language.snsArea li{
    width: initial;
    max-width: initial;
    min-width: initial;
    margin-top: -4px;
  }
  
  header.global .siteMenu .menu.language.snsArea li.xicon{
    margin-left: 20px;
    margin-right: 20px;
  }
  
  header.global .siteMenu .menu.language.selectLanguage{
    margin-top: 5px;
  }
  .selectlinkPC{
    font-size: 250%;
  }
  
  
  header.global .siteMenu .sns {
    background: none;
    width: 100%;
    float: none;
    text-align: center;
  }
  header.global .siteMenu .sns li {
    margin: 0;
  }
  header.global .siteMenu .sns li:not(:last-child) {
    margin-right: 20px;
  }
  
  header.global .siteMenu.language .menu li.pcOnly{
    display: none;
  }
  

  /*
   * トップページコンテンツ
   */
  #CollectionArea .title img {
    max-width: 45%;
  }
  #CollectionAreaPre .title img {
    max-width: 70%;
  }
  #CollectionAreaPre .type2{
    margin-top: 10px;
  }

  #MovieArea .wrap {
  	width: auto;
	padding: 0px 10px;

  }
  #MovieArea02 {
  	width: auto;
	padding: 0px 10px;

  }
  
  #CollectionDetail #MovieArea .wrap {
	padding: 0px 5px;
  }
  
  #MovieArea .title img{
	max-width: 40%;
  }
  .newsArea .title img{
	max-width: 45%;
  }
  .storeArea .title img{
	max-width: 60%;
  }


  #MainImage {
    height: 140vw !important;
    margin-bottom:  30px;
    margin-top: 40px;
  }
  #MainImage.newstory {
    height: 80vw !important;
    /*height: 100vw !important;*/
    margin-bottom:  30px;
  }
  
  
  #MainImage.topMain{
	  padding-top: 20px;
  }
  #MainImage .pct {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
  }
  #MainImage .logo {
    text-align: center;
  }
  #MainImage .logo img{
    max-width: 60%;
  }
  
  
.fair .topFairTxtArea{
  width: 95%;
  margin: 0px auto 30px auto;
}
  
  
  .topFairTxtArea{
    
    margin: 20px auto 40px auto;
    border: 3px solid #a82121;
    background: #DBDBDB;
    padding: 20px 0px;
    /*margin-top: -50px;*/
  }
  
  
  
  
  
  .topFairTxtArea .title{
    width: 95%;
    margin: 0 auto;
    font-size: 220%;
    font-weight: bold;
    color: #a82121;
    margin-bottom: 8px;
    text-align: left;
  }
  .topFairTxtArea .txt{
    width: 95%;
    margin: 0 auto;
    font-size: 100%;
    font-weight: bold;
    color: #a82121;
    text-align: left;
  }

  
  
  
  .FairTxtArea .title{
    font-size: 220%;
    font-weight: bold;
    color: #a82121;
    margin-bottom: 8px;
    text-align: left;
  }
  .FairTxtArea .txt{
    font-size: 100%;
    font-weight: bold;
    color: #a82121;
    text-align: left;
  }
  
  
  .topFairTxtArea span.cushion{
    font-size: 170% !important;
    font-weight: bold;
    text-decoration: underline;
  }
  .topFairTxtArea span.cushion a{
    color: #a82121;
  }
  
  
  
  /*******************************
       * Up Cycle Item
  *******************************/
  
  
  
  .noveltyBg{
    background: url(../img/collection/newstory/bg-sp.png) no-repeat left top ;
    
    background-size: cover;
    margin-top: 40px;
    padding: 30px 0px;
  }
  
  .noveltyInner{
    width: 95%;
    margin: 0 auto;
    background:  url(../img/collection/newstory/bg-inner-sp.png) no-repeat;
    background-size: 100%;
  }
  
  .noveltyInner .leftImg.pc{
    display: none;
  }
  
  .noveltyInner .img.sp{
    width: 60%;
    margin: 0px auto 10px auto;
  }
  
  .noveltyInner .leftImg{
    margin: 0 auto;
  }
  

  
  .noveltyInner .righttxt .title{
    width: 60%;
    padding-top: 50px;
    margin: 0 auto 15px auto;
  }
  
  .noveltyInner .righttxt .txt{
    color: #000;
    font-size: 13px;
    text-align: center;
    margin-bottom: 20px;
  }
  
  .noveltyInner .righttxt .noveltyBtn{
    margin: 0px auto 80px auto;
    text-align: center;
  }
  
  .noveltyInner .righttxt .noveltyBtn img{
    width: 45%;
  }
  
  
  
  
  
  .specArea{
    width: 95%;
    margin: 30px auto 0px auto;
  }
    
  .specArea .leftImg img{
    margin-bottom: 15px;
  }
  
  .specArea .rightImg {
    margin-bottom: 36px;
  }
  .specArea .notes{
	  color: #333;
	  font-size: 11px;
  }
  
  
  
  
  /*******************************
   * With Fan
   *******************************/
   
   
   
   
   
   .page_withfan .inner{
      width: 95%;
      margin: 0 auto;
      background: url(../img/withfan/main-bg_sp.png) no-repeat left top;
      background-size: 100%;
      margin-top: 20px;
      height: 510px;
    }
    
    .page_withfan .titleImg{
      width: 50%;
      margin: 0px auto 25px auto;
      padding-top: 28vw;
    }
    
    .page_withfan .readtxt{
      font-size: 11px;
      color: #7c5e16;
      text-align: center;
      line-height: 2.0;
      padding-bottom: 150px;
    }
    
    .ribbon{
      /*margin-top: -30px;*/
      /*height: 70px;*/
    }
    .ribbon img{
      /*width: 100vw;
      height: 80px;*/
    }
    
    .loop {
         /*padding-top: 30px;
         padding-bottom: 30px;*/
         overflow: hidden;
     }
     .loop__box {
         display: flex;
         width: 100vw;
     }
     .loop__box img {
         min-width: 100vw;
     }
     .loop__box img:first-child {
         animation: loop 30s -15s linear infinite;
     }
     .loop__box img:last-child {
         animation: loop2 30s linear infinite;
     }
     
     
     
     .loop2 {
          /*padding-top: 30px;
          padding-bottom: 30px;*/
          overflow: hidden;
          background: #FFF;
          margin-top: -15px;
      }
     .loop2 .loop__box {
          display: flex;
          width: 200vw;
      }
      .loop2 .loop__box img {
          min-width: 320vw;
      }
     .loop2 .loop__box img:first-child {
          animation: loop 30s -15s linear infinite;
      }
      .loop2 .loop__box img:last-child {
          animation: loop2 30s linear infinite;
      }
     
     .loop2.last{
        margin-top: 40px;
      }
     
     @keyframes loop {
         0% {
             transform: translateX(100%);
         }
         to {
             transform: translateX(-100%);
         }
     }
     @keyframes loop2 {
         0% {
             transform: translateX(0);
         }
         to {
             transform: translateX(-200%);
         }
     }
    
    #NowCampaign{
      margin-top: 15px;
      background: #000;
      padding-top: 70px;
      margin-bottom: -45px;
    }
    
    #NowCampaign .inner{
      width: 100%;
      background: url(../img/withfan/survey_bg_sp01.png) no-repeat left top;
      background-size: 100%;
      margin: 0 auto;
    }
    
    #NowCampaign .arrow{
      width: 66px;
      padding-top: 60px;
      margin: 0px auto 40px auto;
    }
    
    #NowCampaign .campaignTitle{
      width: 152px;
       margin: 0px auto 20px auto;
    }
    
    #NowCampaign .banner{
       width: 90%;
        margin: 0px auto 30px auto;
        padding-bottom: 40px;
     }
    
    #NowCampaign.plural .inner{
       width: 100%;
       background: url(../../sp_item_24aw/img/withfan/survey_bg_sp_b01.png) no-repeat left top;
       background-size: 100%;
       margin: 0 auto;
     }
     
     
     #NowCampaign.plural .banner.first{
        padding-bottom: 0px;
        margin-bottom: 20px !important;
     }
     
     #NowCampaign.plural .banner.second{
         /*padding-bottom: 60px;*/
      }
    
    #SNSBannerArea{
       /*background: #FFF;*/
       padding-bottom: 60px;
     }
     
     #SNSBannerArea .topBg{
       display: none;
     }
     
     
     #SNSBannerArea .inner{
        width: 100%;
        background: url(../img/withfan/survey_bg_sp02.png) no-repeat left top;
        background-size: cover;
        margin: 0 auto;
      }
      
      
      #SNSBannerArea .surveyTitle{
        width: 60%;
        margin: 0 auto;
        padding-top: 60px;
        padding-bottom: 30px;
      }
      
      #SNSBannerArea .surveyTxt{
        font-size: 13px;
        text-align: center;
        margin-bottom: 30px;
        color: #000;
      }
      
     #SNSBannerArea .bannreInner{
       width: 90%;
       margin: 0 auto;
     }
     
     #SNSBannerArea .bannreInner img{
       width: 100%;
     }
     
     #SNSBannerArea .bannreInner .bannerTop .leftArea{
       margin-bottom: 16px;
     }
     
     #SNSBannerArea .bannreInner .bannerTop .rightArea{
       margin-bottom: 16px;
     }
     
     #SNSBannerArea .bannreInner .bannerBottom .leftArea{
       margin-bottom: 31px;
     }
     
     #SNSBannerArea .bannreInner .bannerBottom .rightArea{
       padding-bottom: 30px;
     }
     
     #BottomArea{
       width: 95%;
       margin: 0 auto;
       /*margin-top: 20px;*/
     }
     
     #BottomArea .banner{
        margin-bottom: 20px;
      }
     
     #BottomArea .last{
       margin-bottom: 70px;
     }
   
   
   
   .moreBtn{
     position: absolute;
     margin-top: -20vw;
     margin-left: 10vh;
   }
   
   
   .sec10 .lastTxt2{
      margin-top: 30px;
    }
   
   
   .page_40th h1{
     text-align: center;
     font-size: 200%;
     /*font-weight: bold;*/
     /*background: #FFF;*/
     padding-top: 50px !important;
     /*padding-bottom: 150px;*/
     font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
   }
   
   #Color_wrapper{
      background: #FFF !important;
    }
   

    .page_color .titleImg{
      text-align: center;
      margin-top: -15px;
      width: 90%;
      margin: -15px auto 30px auto;
    }
    
    .page_color .readtxt{
      text-align: center;
       font-size: 15px !important;
       line-height: 2.0;
       font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
       color: #000;
    }
    
    .page_color .snsLink{
      padding-top: 30px !important;
      text-align: center;
      font-size: 13px !important;
      font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
      color: #000;
      
    }
    
    .page_color .snsLink a:link,
    .page_color .snsLink a:visited{
       color: #000 !important;
     }
    
    .page_color .snsLink img{
      width: 20px;
      margin-right: 10px;
    }
    
    
    #FirstArea{
       padding-top: 40px;
     }
     
     #FirstArea h2{
       background: url(../img/withfan/color_first_bg_sp.png) no-repeat center;
     }
     
     #FirstArea h2 p{
       padding: 20px 0px 40px 0px;
       width:90%;
       margin: 0 auto;
       
     }
     
     #FirstArea .bg{
       background: url(../img/withfan/color_first_bg2_sp.png) no-repeat top;
      background-size: 100%;
       margin-top: -10px;
     }
     #FirstArea .inner{
       width: 90%;
       margin: 0 auto;
       padding-top: -15px;
     }
     
     #FirstArea .inner p{
       padding-bottom: 25px;
     }
     #FirstArea .inner p.first img{
        margin-top: -20px;
      }
     #FirstArea .inner p.last{
       padding-bottom: 40px;
     }
     #FirstArea .inner p.last img{
        padding-bottom: 20px;
      }
     
     #FirstArea .inner.pc{
       display: none;
     } 
   
   
   .middleArea .top {
      text-align: center;
      position: relative;
      /*display: inline-block;*/
      font-size: 14px;
      height: 180px;
      font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
      padding-top: 70px;
      color: #000;
    }
    
    .middleArea .top::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 0.5px;
      height: 60px;
      margin: auto;
      background-color: #222222;
    }
    
    .middleArea .top::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 80px;
      width: 0.5px;
      height: 80px;
      margin: auto;
      background-color: #c9eaf2;
    }
    
    
    #Voting01{
       /*background: #FFF;*/
       position: relative;
       margin-top: -150px;
       
     }
     
     #Voting01 .bg{
       background: url(../img/withfan/color_voting1_bg_sp.png) no-repeat top;
        background-size: 100%;
     }
     
     #Voting01 .inner{
       width: 90%;
        margin: 0 auto;
        padding-top: 50px;
     }
     
     #Voting01 .inner p:first-child{
       margin-bottom: 30px;
     }
     
     #Voting01 .inner p:nth-child(2){
       margin-bottom: 5px;
     }
     
     #Voting01 .inner p:nth-child(3){
        margin-bottom: 30px;
      }
      
      #Voting01 .inner p:nth-child(4){
         margin-bottom: 8px;
       }
     
     #Voting01 .inner p:last-child{
        padding-bottom: 100px;
      }
     
     #Voting01 .inner.pc{
        display: none;
      }
      
      
      
      .middleArea .second {
        text-align: center;
        position: relative;
        /*display: inline-block;*/
        font-size: 14px;
        height: 180px;
        font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
        padding-top: 60px;
        margin-top: -58px;
        color: #000;
      }
      
      .middleArea .second::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 0.5px;
        height: 50px;
        margin: auto;
        background-color: #c9eaf2;
      }
      
      .middleArea .second::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 100px;
        width: 0.5px;
        height: 70px;
        margin: auto;
        background-color: #cfcced;
      }
   
   
   
   
   #Voting02{
      /*background: #FFF;*/
      position: relative;
      margin-top: -120px;
      
    }
    
    #Voting02 .bg{
      background: url(../img/withfan/color_voting2_bg_sp.png) no-repeat top;
       background-size: 100%;
    }
    
    #Voting02 .inner{
      width: 90%;
       margin: 0 auto;
       padding-top: 50px;
    }
    
    #Voting02 .inner p:first-child{
      margin-bottom: 30px;
    }
    
    #Voting02 .inner p:nth-child(2){
      margin-bottom: 30px;
    }
    
    
    #Voting02 .inner p:last-child{
       padding-bottom: 100px;
     }
    
    #Voting02 .inner.pc{
       display: none;
     }
   
   
   .middleArea .third {
     text-align: center;
     position: relative;
     /*display: inline-block;*/
     font-size: 14px;
     height: 280px;
     font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
     padding-top: 70px;
     margin-top: -53px;
     color: #000;
   }
   
   .middleArea .third::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     width: 0.5px;
     height: 60px;
     margin: auto;
     background-color: #cfcced;
   }
   
   .middleArea .third::after {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 110px;
     width: 0.5px;
     height: 80px;
     margin: auto;
     background-color: #e7f9c5;
   }
   
   
   #Voting03{
     position: relative;
     margin-top: -120px;
     
   }
   
   #Voting03 .bg{
     background: url(../img/withfan/color_voting3_bg_sp.png) no-repeat top;
      background-size: 100%;
   }
   
   #Voting03 .inner{
     width: 90%;
      margin: 0 auto;
   }
   
   #Voting03 .inner p:first-child{
     margin-bottom: 30px;
   }
   
   #Voting03 .inner p:nth-child(2){
     margin-bottom: 5px;
   }
   
   
   #Voting03 .inner p:last-child{
      padding-bottom: 75px;
    }
   
   #Voting03 .inner.pc{
      display: none;
    }
    
    
    
    .middleArea .last {
      text-align: center;
      position: relative;
      /*display: inline-block;*/
      font-size: 14px;
      height: 170px;
      font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
      padding-top: 60px;
      margin-top: -20px;
      color: #000;
    }
    
    .middleArea .last::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 0.5px;
      height: 50px;
      margin: auto;
      background-color: #e7f9c5;
    }
    
    .middleArea .last::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 100px;
      width: 0.5px;
      height: 50px;
      margin: auto;
      background-color: #222222;
    }
    
    
    
    #LastArea{
      margin: 50px auto 0px auto;
      padding-bottom: 100px;
    }
    
    #LastArea h3{
      width: 80%;
      margin: -140px auto 0px auto;    
    }
    
    
    #LastArea .btn{
      width: 70%;
      margin: 70px auto 0px auto;
    }
   
   
   #Campaign04 .bgArea{
     background: #FFF;
   }
   
   #Campaign04 h1{
      width: 100%;
      margin: 0px auto 40px auto;
      padding-top: 40px;
    }
    
    #Campaign04 .lead_block{
       text-align:center;
       /*margin-bottom:52px;*/
       color: #9b8741;
       padding-top: 50px;
     }
     #Campaign04 .section_title{
       font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
       font-size:20px;
       line-height:1.33;
       margin-bottom:10px;
     }
     
     #Campaign04 .section_title_small{
       font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
        font-size:10px;
        line-height:1.33;
        margin-bottom:-90px;
     }
    
   #Campaign04 .resultTxt{
      font-size: 200%;
      line-height: 1.8;
      width: 90%;
      margin: 40px auto 0px auto;
      padding-bottom: 80px;
      text-align: center;
      color: #000;
    }
    #Campaign04 .cam04cap{
      width: 70%;
      margin: 40px auto;
    }
    
    #Campaign04 .scroll-infinity__list p{
      font-size: 150%;
      line-height: 1.5;
      width: 90%;
      margin: 10px auto 0px auto;
    }
    
    #Campaign04 .deco{
    position: absolute;
        width: 100px;
        top: 480px;
        right: -15px;
      }
    
    .cpBtn{
        text-align: center;
        margin-top: 60px;
        margin-bottom: 100px;
      }
      
      
      .cpBtn a {
      color: #9b8741 !important;
      font-size: 250%;
      text-decoration: none;
      border: 1px solid;
      padding: 18px 50px;
      background: url(../img/withfan/btn-arrow.svg) no-repeat 95% center;
    }
    
    
    
    
    .page_sexy{
      background: #FFF;
    }
    
    .page_sexy .iconRelease{
      position: absolute;
      margin-left: 48vw;
      margin-top: -100px;
    }
    
    #SexyLeadArea .mainTitle{
      margin: 0px auto 20px auto;
    }
    
    #SexyLeadArea .resultTxt{
      text-align: center;
      font-size: 12px;
      line-height: 1.7;
      margin-bottom: 35px;
      color: #000;
    }
    
    #SexyLeadArea .icon{
      text-align: center;
      margin-bottom: 140px;
    }
    
    
    
    
    
    #SexyMainArea{
      margin-top: 40px;
    }
    
    #SexyMainArea .firstArea{
      background: url(../../sp_item_24aw/img/withfan/sexy-bg-01_sp.jpg) ;
      background-size: 100%;
    }
    
    #SexyMainArea .firstArea .inner{
      /*width: 750px;
      margin: 0px auto;
      padding-top: 70px;*/
    }
    
    
    #SexyMainArea .firstArea .inner .title{
      width: 88%;
      margin: 0 auto;
      padding-top: 90px;
    }
    
    
    
    #SexyMainArea .firstArea .inner .leftImg{
      display: none;
    }
    #SexyMainArea .firstArea .inner .rightTxt{
      width: 90%;
      margin: 0 auto;
    }
    
    #SexyMainArea .firstArea .inner .rightTxt .copy{
      display: none;
    }
    
    #SexyMainArea .firstArea .inner .rightTxt .name{
      margin-bottom: 18px;
      margin-top: 15px;
    }
    
    #SexyMainArea .firstArea .inner .rightTxt .txt{
      margin-bottom: 18px;
      color: #84731B;
      font-size: 12px;
    }
    
    #SexyMainArea .firstArea .inner .rightTxt .btnInterview{
      margin-bottom: 10px;
    }
    #SexyMainArea .firstArea .inner .rightTxt .btnInstagram{
      padding-bottom: 40px;
    }
    
    
    
    
    #SexyMainArea .secondArea{
      background: url(../../sp_item_24aw/img/withfan/sexy-bg-02_sp.jpg) ;
      background-size: 100%;
    }
    
    #SexyMainArea .secondArea .inner{
      /*width: 750px;
      margin: 0px auto;
      padding-top: 70px;*/
    }
    
    #SexyMainArea .secondArea .inner .title{
      width: 88%;
      margin: 0 auto;
      padding-top: 30px;
    }
    
    #SexyMainArea .secondArea .inner .title.first{
      padding-top: 80px !important;
    }
    
    
    #SexyMainArea .secondArea .inner .rightImg{
      display: none;
    }
    #SexyMainArea .secondArea .inner .leftTxt{
      width: 90%;
      margin: 0 auto;
    }
    
    #SexyMainArea .secondArea .inner .leftTxt .copy{
      display: none;
    }
    
    #SexyMainArea .secondArea .inner .leftTxt .name{
      margin-bottom: 18px;
      margin-top: 15px;
    }
    
    #SexyMainArea .secondArea .inner .leftTxt .txt{
      margin-bottom: 18px;
      color: #84731B;
      font-size: 12px;
    }
    
    #SexyMainArea .secondArea .inner .leftTxt .btnInterview{
      margin-bottom: 10px;
    }
    
    #SexyMainArea .secondArea .inner .leftTxt .btnInstagram{
      padding-bottom: 40px;
    }
    
    
    #SexyLastArea{
      background: #FFF;
    }
    
    #SexyLastArea .btnTotop{
      width: 70%;
      margin: 60px auto 0px auto;
      padding-bottom: 60px;
    }
    
    
    
    @keyframes infinity-scroll-left {
    from {
      transform: translateX(0);
    }
      to {
      transform: translateX(-100%);
    }
    }
    .scroll-infinity__wrap {
      display: flex;
      overflow: hidden;
    }
    .scroll-infinity__list {
      display: flex;
      list-style: none;
      padding: 0
    }
    .scroll-infinity__list--left {
      animation: infinity-scroll-left 60s infinite linear 0.5s both;
    }
    .scroll-infinity__item {
      width: calc(250vw / 6);
      margin-left: 30px;
      margin-bottom: 60px;
    }
    .scroll-infinity__item>img {
      width: 100%;
    }
    
    
    @keyframes infinity-scroll-right {
    from {
      transform: translateX(-100%);
    }
      to {
      transform: translateX(0%);
    }
    }
    .scroll-infinity__list--right{
      animation :infinity-scroll-right 50s infinite linear 0.5s both;
    }
    
    /* マウスオーバーで止める */
    /*.scroll-infinity__wrap:hover .scroll-infinity__list{
      animation-play-state: paused;
    }*/
    
    .modal-block{
      display: none;
      position: fixed;
      justify-content: center;
      align-items: center;
      z-index: 99999;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      margin: 0 auto;
      overflow: auto;
      background-color: rgba(0, 0, 0, 0.8);
    }
    .modal-block .img-section {
        width: 90vw;
        /*height:90vh;*/
        position: relative;
        margin: 0 auto;
    }
    .modal-block .img-section .closeWrap {
	 	display: block;
	 	text-align: center;   
	}
    .modal-block .img-section .close {
          position: relative;
		  display: block;
          cursor: pointer;
          width: 30px;
		  height: 30px;
		  margin: 30px auto 0;
		  /*transform: translate(50%, -50%);*/
		  background: url(../img/collection/common/btn_modal_close.png) no-repeat 50% 50%;
          
          /*
          &::before {
            content: "";
            width: 30px;
            height: 30px;
            background: #000;
            border-radius: 50%;
            display: block;
          }
          */
    }
          
        
    
    .modal-block .img-section img {
          /*width: 90%;*/
          /*height: 100%;*/
          object-fit: cover;
          /*padding-top: 50%;*/
          /*margin-left: 5%;*/
        }
    
     .modal-block .caption {
        font-size: 20px;
        letter-spacing: .09em;
        color: #fff;
        margin-top: 10px;
        text-align: center;
      }
  
  
  
  /*******************************
 * MENS BRIEFS
 *******************************/


#Briefs{
	background: #FFF;
}

#Briefs .inner {
  margin: 0px auto;
  padding: 40px 10px;
}

#Briefs .inner .title{
	margin: 0px auto 30px auto;
	width: 42%;
}

#Briefs .inner .imgArea .leftImg{
	width: 45%;
	float: left;
	margin-left: 10px;
}

#Briefs .inner .imgArea .rightImg{
	width: 45%;
	float: right;
	margin-right: 10px;
}

#Briefs .inner .imgArea .releaseTitle{
	text-align: center;
	margin: 25px auto 10px auto;
}

#Briefs .inner .imgArea .specTitle{
	width: 90%;
	padding-bottom: 20px;
	margin: 10px auto 25px auto;
	border-bottom: 1px solid #808080;
	text-align: center;
}
#Briefs .inner .imgArea .specTitle img{
	width: 80%;	
}
 
 
#Briefs .inner .imgArea .attentionTitle{
	width: 70%;
	margin: 0px auto 30px;
}
#Briefs .inner .imgArea .attentionBtn{
	width: 90%;
	margin: 0px auto 20px;
}
  
  
  
  #SpMainImage {
	/*height: 72vw !important;;
    height: 490px !important;
    */
    min-height: 130vw;
    margin-bottom: 30px;
  }
  

  .caution{
  	width: 94%;
  	margin: 0px auto 40px auto;
  	border: 1px solid #FFF;
  }
	.caution strong{
		display: block;
		text-align: center;
		font-size: 15px;	
		padding: 20px 0px 0px 0px;
	}
	.caution p{
		font-size: 12px;
		padding: 15px 20px 25px 20px;
		line-height: 1.7;
	}


  #RecommendTop, #RecommendTop2 {
    padding: 0 10px;
    margin-bottom: 20px;
  }
  #Recommend {
    padding: 0 10px;
    margin-bottom: 50px;
  }
  
  #RecommendSecond {
    text-align: center;
    padding: 0 10px;
    margin-bottom: 20px;
  }
  #RecommendThird {
    text-align: center;
    padding: 0 10px;
    margin-bottom: 50px;
  }
  
  .SiteMenuSp {
    padding: 0 10px;
    margin-bottom: 50px;
  }

  .SiteMenuSp li {
    background: #F7F7F7;
    height: 50px;
    position: relative;
    margin-bottom: 2px;
  }
  .SiteMenuSp a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .SiteMenuSp img {
    position: absolute;
    top: 18px;
    left: 20px;
  }
  .SiteMenuSp img:last-child {
    top: 22px;
    left: auto;
    right: 15px;
  }

  #CollectionArea {
    padding: 0;
    margin: 0 0 0px 0;
  }
  #CollectionArea .title {
    margin-bottom: 40px;
  }
  #CollectionArea .items {
    padding: 0 10px;
    margin-top: 0px;
  }

  #CollectionArea .items li {
    float: none !important;
    margin: 0;
    
    width: 100%;
    position: relative;
  }
  #CollectionArea .items li a > img {
    width: 100%;
  }
  #CollectionArea .items .over {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
  }

  #CollectionArea .items .over img {
    width: 100%;
  }

  






  #CollectionArea .type{
	margin-bottom: 0px;
  }
  #CollectionArea .type li{
	margin-bottom: 0px;  
  }
  #CollectionAreaPre {
	margin-bottom: 0px;
  }
  #CollectionAreaPre .inner {
    padding: 40px 0;
  }
  #CollectionAreaPre h2 {
	width: 40%;
    margin: 0px auto 25px auto;
  }
  #CollectionAreaPre.wh h2 {
	width: 40%;
    margin: 0px auto 25px auto;
  }
  #CollectionAreaPre ul {
    padding: 0 10px;
    margin-top: 0px;
  }
  #CollectionAreaPre ul li {
    width: calc(50% - 2px);
    margin-bottom: 4px;
  }
  
  #CollectionAreaPre ul.type li {
    width: 100% !important;
    margin-bottom: 4px;
    height: 146px;
  }

  
  #CollectionAreaPre ul.items li.wide{
	  width: 100% !important;
  }
  
  .storeArea .layoutFrame{
    margin-bottom: 20px !important;
  }
  

  #MovieArea .movie .playBtn {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #MovieArea .movie .playBtn img{
    max-width: 28%;
  }
  .newsArea {
    padding: 10px 10px 0;
  }
  .newsArea .title {
    margin-bottom: 40px;
  }
  .newsArea ul {
    margin-bottom: 20px;
  }
  .newsArea .listLink {
    margin-bottom: 80px;
  }
  /*.newsArea .listLink a:after {
    display: none;
  }*/

  .storeArea {
    padding: 0px 10px 1px;
  }
  .storeArea .message {
    padding: 45px 0;
    font-size: 10px;
    letter-spacing: -1px;
  }
  .storeArea .shopList {
    margin: 0;
    padding: 0 10px;
  }
  .storeArea .shopInfo {
    width: 100%;
    margin: 0 0 45px;
  }
  .storeArea .shopList.second .shopInfo:last-child {
    margin: 0;
  }
  .storeArea .shopInfo .pic img {
    width: 100%;
  }
  .storeArea .shopInfo .name {
    font-size: 12px;
    margin: 20px 0 5px;
  }
  .storeArea .shopInfo .address,
  .storeArea .shopInfo .link {
    margin: 0 0 4px;
    font-size: 10px;
  }
  .storeArea .shopInfo .link a{
    font-size: 10px;
  }
  
  #BottomBannerTop{
	  padding: 45px 10px 0 10px;
  }
  
  .footerBanner {
    padding: 45px 10px 0;
  }
  .footerBanner p:not(:last-of-type) {
    margin-bottom: 20px;
  }
  
  .footerBanner p.last{
	padding-bottom: 20px;
}
  
  
  .functionList .functionInfo {
    width: 100%;
    display: block;
    margin: 0 0 45px;
  }
  
  
  #CollectionAreaPre ul.type3 li {
    width: calc(50% - 2px);
    margin-bottom: 4px;
  }
  
  
  #CollectionAreaPre ul.type4 li {
    float: none !important;
    margin: 0;
    /*border-bottom: 1px solid #333;*/
    width: 100%;
    position: relative;
  }
  
  
  #CollectionAreaPre ul.type4 li {
    width: calc(50% - 2px);
    margin-bottom: 4px;
    margin-left: 0px;
  }
  #CollectionAreaPre ul.type4 li.none {
	  width: calc(50% - 2px);
	  margin-bottom: 4px;
	  margin-right: 0px;
	  margin-left: 0px;
  }
  
  
  #CollectionAreaPre ul.type3 li{
	  margin: 0 auto;
  }


}
/* ===== media ~768px ===== */



/*
=====================================================================
*
*    content
*
* ===================================================================
*/

/*全体の背景*/
#GloablWrapper.collection {}



#CollectionDetail #MainImage {
  height: 750px;
  margin-bottom: 90px;
}
#CollectionName {
  text-align: center;
  margin-bottom: 90px;
  margin-top: 90px;
}

#CollectionName.notSale{
  margin-bottom: 0px;
}

#LogoVersailles{
	width: 300px;
	margin: -70px auto 70px auto;
}

.primaryContents {
  margin-bottom: 70px;
  background: #FFF;
  /*background: rgb(230,230,230);
  background: linear-gradient(270deg, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 48%, rgba(255,255,255,1) 100%);*/
}
.primaryContents .itemNavigation {
  position: relative;
  max-width: 980px;
  margin: 60px auto 100px auto;
  overflow: hidden;
}

.primaryContents .itemNavigation .callaboBanner{
	width: 450px;
	margin: 0px auto 70px auto;
}

.primaryContents .itemNavigation .icon {
  text-align: center;
  margin-bottom: 50px;
}


.primaryContents .itemNavigation .message,
.primaryContents .itemNavigation .notes {
  float: left;
  width: 50%;
}
.primaryContents .itemNavigation.top .notes {
  float: none;
  width: 100%;
  padding-bottom: 12px;	
}

.primaryContents .itemNavigation .message small{
	font-size: 80%;
}



.primaryContents .itemNavigation.notSale .message{
	float: none;
	width: 100%;
	text-align: center;
	padding-bottom: 30px;
}

.primaryContents .itemNavigation .message .underline{
	text-decoration: underline;
}

.primaryContents .itemNavigation .message p{
	padding-top: 0px;
	padding-left: 0px;
	font-size: 220%;
	line-height: 2.2;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	color: #222;
}
.primaryContents .itemNavigation .message p.gold_cap{
	color:#bea265;
	font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
	font-weight: bold;
	line-height: 1.6;
	padding-top: 8px;
	font-size: 12px;
}
.primaryContents .itemNavigation .message p.gold_cap strong{
	display: block;
	font-size: 14px;
	padding-bottom: 4px;
}

.itemNavigation .otherSiteLinks div span.exclusiveMain{
	display: block;
	/*padding-top: 20px;*/
	/*padding-bottom: 10px;*/
	font-size: 13px;
	color: #BEA265;
	font-weight: bold;
}




.itemNavigation .otherSiteLinks div span.exclusiveCap {
	display: block;
	/*padding-top: 10px;*/
	padding-bottom: 10px;
	font-size: 10px;
	color: #BEA265;
	font-weight: bold;
}


.itemNavigation.notSale div span.exclusiveMain{
  display: block;
  /*padding-top: 20px;*/
  /*padding-bottom: 10px;*/
  font-size: 13px;
  color: #BEA265;
  font-weight: bold;
  text-align: center;
}


.itemNavigation.notSale div span.exclusiveMain.bl{
  color: #000;
}


.itemNavigation.notSale div span.exclusiveCap {
  display: block;
  /*padding-top: 10px;*/
  /*padding-bottom: 10px;*/
  font-size: 11px;
  color: #BEA265;
  font-weight: bold;
  text-align: center;
}

.itemNavigation.notSale div span.exclusiveCap.bl {
  font-size: 11px;
  color: #000;
}


/* スマホ指定*/
@media screen and (max-width: 768px) {
  .itemNavigation.notSale div span.exclusiveMain{
    text-align: left;
    width: 90%;
    margin: 0 auto;
    /*margin-bottom: -10px;*/
    margin-bottom: 8px;
  }
  .itemNavigation.notSale div span.exclusiveCap {
    text-align: left;
    width: 90%;
    margin: 0 auto;
  }
  
  .primaryContents .itemNavigation.notSale .icon{
    margin-bottom: 30px;
  }
  
  .itemNavigation.notSale div span.exclusiveMain{
    font-size: 12px;
  }
  .itemNavigation.notSale div span.exclusiveCap {
    font-size: 10px;
  }
  
  .primaryContents .itemNavigation .icon {
    margin-bottom: 30px;
  }
  
  
}


.itemNavigation .otherSiteLinks {
  float: right;
  width: 47%;
}

.itemNavigation .otherSiteLinks li {
  margin-bottom: 20px;
  min-height: 50px;
}
.itemNavigation .otherSiteLinks li.btnStoreOnly {
	/*height: 110px;*/
}
.itemNavigation .otherSiteLinks li span.storeOnly {
  display: block;
  width: 100%;
  font-size: 16px;
  color: #FFF;
  text-align: center;
  background: #000;
  height: 52px;
}
.itemNavigation .otherSiteLinks li span.storeOnly.wh {
  display: block;
  width: 100%;
  font-size: 16px;
  color: #FFF;
  text-align: center;
  background: none !important;
  height: 52px;
}

.itemNavigation .otherSiteLinks li span.storeOnly span{
	display: block;
	line-height: 50px;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	letter-spacing: 1px;
}
.itemNavigation .otherSiteLinks li a.storeOnly {
  display: block;
  width: 99%;
  font-size: 16px;
  color: #FFF;
  text-align: center;
  background: #000;
  height: 52px;
  text-decoration: none;
  border: 1px solid #CED3DE;
}
.itemNavigation .otherSiteLinks li a.storeOnly.wh {
  display: block;
  width: 99%;
  font-size: 16px;
  color: #FFF;
  text-align: center;
  background: none !important;
  height: 52px;
  text-decoration: none;
  border: 1px solid #FFF;
}

.itemNavigation .otherSiteLinks li a.storeOnly:hover {
 background: #333;
}
.itemNavigation .otherSiteLinks li a.storeOnly.wh:hover {
 background: none !important;
}

.itemNavigation .otherSiteLinks li a.storeOnly span{
	display: block;
	line-height: 50px;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	letter-spacing: 1px;
}
.itemNavigation .otherSiteLinks li span.storeOnlyCap {
	display: block;
	padding-top: 7px;
	padding-bottom: 10px;
	font-size: 12px;
}
.itemNavigation .otherSiteLinks li .smallCap {
	font-size: 10px;
	font-weight: normal;
}


.storeNavigation {
    position: relative;
    max-width: 980px;
    margin: 0px auto 90px auto;
    overflow: hidden;
    margin-top: -80px;
}


.storeNavigation .otherSiteLinks ul li{
	float: right;
	margin-right: 28px;
}


.storeNavigation .otherSiteLinks li a.storeOnly {
  display: block;
  width: 99%;
  font-size: 16px;
  color: #FFF;
  text-align: center;
  background: #000;
  height: 52px;
  text-decoration: none;
  border: 1px solid #CED3DE;
  width: 440px !important;
}
.storeNavigation .otherSiteLinks li a.storeOnly:hover {
 background: #333;
}
.storeNavigation .otherSiteLinks li a.storeOnly span{
	display: block;
	line-height: 50px;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	letter-spacing: 1px;
}
.storeNavigation .otherSiteLinks li span.storeOnlyCap {
	display: block;
	padding-top: 7px;
	padding-bottom: 10px;
	font-size: 12px;
}

.storeNavigation .otherSiteLinks li span.smallCap {
	font-size: 10px;
	font-weight: normal;
}




a.linkWebStore,
a.linkShopList {
  position: relative;
  border: 1px solid #FFF;
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 50px;
  background-repeat: no-repeat, no-repeat;
  background-position: 64px 20px, right 20px top 14px;
  transition: .4s ease-out;
  box-sizing: border-box;
}
a.linkWebStore.bl{
  border: 1px solid #000;
}
a.linkWebStore:before{
  content: "";
  position: absolute;
  display: block;
  height: 8px;
  width: 8px;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  transition: .2s ease-out;
  transform: rotate(45deg);
  top: 22px;
  left: 36px;
}


a.linkShopList:before {
  content: "";
  position: absolute;
  display: block;
  height: 8px;
  width: 8px;
  border-top: 1px solid #F7F7F7;
  border-right: 1px solid #F7F7F7;
  transition: .2s ease-out;
  transform: rotate(45deg);
  top: 22px;
  left: 36px;
}


a.linkWebStore.bl:before{
  border-top: 1px solid #000;
  border-right: 1px solid #000;
	
}

#Items a.linkWebStore.bl:before{
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
	
}


a.linkShopList.bl:before{
  border-top: 1px solid #000;
  border-right: 1px solid #000;
	
}

#Items a.linkShopList.bl:before{
  border-top: 1px solid #000;
  border-right: 1px solid #000;
	
}


a.linkWebStore {
  background-color: #000;
  background-image: url(../img/collection/common/txt_btn_web_store_wh.svg), url(../img/collection/common/ico_cart_wh.svg);
}
a.linkWebStore.limit {
  background-color: #000;
  background-image: url(../img/collection/common/txt_btn_web_store_limit_wh.svg), url(../img/collection/common/ico_cart_wh.svg);
}

a.linkWebStore.bl{
  background-color: #FFF;
  background-image: url(../img/collection/common/txt_btn_web_store.svg), url(../img/collection/common/ico_cart.svg);	
}
a.linkWebStore.bl.limit{
  background-color: #FFF;
  background-image: url(../img/collection/common/txt_btn_web_store_limit.svg), url(../img/collection/common/ico_cart.svg);	
}
a.linkWebStore:before {
  border-color: #FFF;
}
a.linkShopList {
  /*background-color: #000;*/
  background-image: url(../img/collection/common/txt_btn_shop_list_wh.svg), url(../img/collection/common/ico_search_wh.svg);
  border: #FFF 1px solid;
}


a.linkShopList {
  background-color: #000;
  background-image: url(../img/collection/common/txt_btn_shop_list_wh.svg), url(../img/collection/common/ico_search_wh.svg);
}
a.linkShopList.limit {
  background-color: #000;
  background-image: url(../img/collection/common/txt_btn_shop_list_limit_wh.svg), url(../img/collection/common/ico_search_wh.svg);
}

a.linkShopList.bl{
  background-color: #FFF;
  background-image: url(../img/collection/common/txt_btn_shop_list.svg), url(../img/collection/common/ico_search.svg);
   border: #000 1px solid;
}
a.linkShopList.bl.limit{
  background-color: #FFF;
  background-image: url(../img/collection/common/txt_btn_shop_list_limit.svg), url(../img/collection/common/ico_search.svg);	
}
a.linkShopList:before {
  border-color: #FFF;
}


a.linkWebStore:hover,
a.linkShopList:hover {
  opacity: 0.6;
}
a.linkWebStore:hover:before,
a.linkShopList:hover:before {
  left: 46px;
}

/* Up Cycle Item 共通 */
#NavArea{
  background: #FFF;
}

#NavArea .clearfix{
  width: 500px;
  margin: 0px auto 0px auto;
  padding-top: 100px;
  padding-bottom: 150px;
}

#NavArea .left{
  width: 216px;
  float: left;
}

#NavArea .right{
  width: 216px;
  float: right;
}



#SeasonItems{
  background: #FFF;
}

#SeasonItemArea{
  padding-top: 80px;
  background: #FFF;
}

#SeasonItemArea h2{
  text-align: center;
}


#SeasonItems .storeOnlyCap{
  color: #000;
  font-size: 13px;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
}

.nightup .storeOnlyCap{
  color: #000;
  font-size: 13px;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
}

#Novelty{
  background: #FFF;
}

#Novelty h2{
  text-align: center;
}


#Novelty .inner{
  background: #e5e5e5;
  margin-top: 50px;
}

#Novelty .inner p{
  text-align: center;
  color: #000;
  font-weight: bold;
  font-size: 20px;
  padding-top: 300px;
  padding-bottom: 300px;
}


#CollectionDetail #MainImage.newstory{
  height: 480px;
}



/* Night Up Braページ 商品一覧くくり*/

#NightupPcItems{
  background: #FFF;
  padding-top: 100px;
  padding-bottom: 40px;
}

#NightupPcItems #PcItems{
  width: 980px;
  margin: 0 auto;
}

#NightupPcItems #PcItems .itemWrap{
  width: 440px;
  margin-bottom: 100px;
}

#NightupPcItems #PcItems .leftArea{
  width: 440px;
  float: left;
  position: relative;
}
#NightupPcItems #PcItems .rightArea{
  width: 440px;
  float: right;
  position: relative;
}
#NightupPcItems #PcItems .center{
  width: 440px;
  margin: 0px auto 100px auto;
  position: relative;
}

#NightupPcItems #PcItems .showBtn {
  position: absolute;
  top: 22px;
  left: 2px;
  width: 100%;
  text-align: center;
}
#NightupPcItems #PcItems .showBtn.btj100 {
  position: absolute;
  top: 0px !important;
}


#NightupPcItems #PcItems .showBtn {
  display: block;
}
#NightupPcItems #PcItems .showBtn a {
  width: 168px;
  margin: auto;
  display: block;
  outline: none;
}






#SeasonItems #PcItems{
  width: 980px;
  margin: 0 auto;
}

#SeasonItems #PcItems .itemWrap{
  width: 440px;
  margin-bottom: 100px;
}

#SeasonItems #PcItems .itemWrap.short{
  width: 440px;
  margin-bottom: 30px;
}

#SeasonItems #PcItems .leftArea{
  width: 440px;
  float: left;
  position: relative;
}
#SeasonItems #PcItems .rightArea{
  width: 440px;
  float: right;
  position: relative;
}
#SeasonItems #PcItems .center{
  width: 440px;
  margin: 0px auto 100px auto;
  position: relative;
}

#SeasonItems #PcItems .showBtn {
  position: absolute;
  top: 22px;
  left: 2px;
  width: 100%;
  text-align: center;
}
#SeasonItems #PcItems .showBtn.btj100 {
  position: absolute;
  top: 0px !important;
}


#SeasonItems #PcItems .showBtn {
  display: block;
}
#SeasonItems #PcItems .showBtn a {
  width: 168px;
  margin: auto;
  display: block;
  outline: none;
}

/* スマホのグラデ指定*/

@media screen and (max-width: 768px) {
  
  #GloablWrapper {
    background: #FFF;
  /*background: rgb(244,245,244);
  background: linear-gradient(270deg, rgba(244,245,244,1) 0%, rgba(246,246,246,1) 37%, rgba(255,255,255,1) 100%);*/
  }
  
  .primaryContents {
  background: #FFF;
  /*background: rgb(244,245,244);
  background: linear-gradient(270deg, rgba(244,245,244,1) 0%, rgba(246,246,246,1) 37%, rgba(255,255,255,1) 100%);*/
  }
    
  header.global {
  background: #FFF;
  /*background: rgb(244,245,244);
  background: linear-gradient(270deg, rgba(244,245,244,1) 0%, rgba(246,246,246,1) 37%, rgba(255,255,255,1) 100%);*/
  }
   
  #GloablWrapper header.global {
  background: #FFF;
  /*background: rgb(244,245,244);
  background: linear-gradient(270deg, rgba(244,245,244,1) 0%, rgba(246,246,246,1) 37%, rgba(255,255,255,1) 100%);*/
  }
    
  #GloablWrapper.top {
  background: #FFF;
  /*background: rgb(244,245,244);
  background: linear-gradient(270deg, rgba(244,245,244,1) 0%, rgba(246,246,246,1) 37%, rgba(255,255,255,1) 100%);*/
  }

  
}



/* Night Up Braページ スマホ指定*/
@media screen and (max-width: 768px) {
  .nightup #Items .detailBlock .title{
    display: none;
  }
  .nightup #Items .detailBlock .colorSelectFrame{
    display: none;
  }
  
  
  /* Up Cycle Itemページ スマホ指定*/
  
  #NavArea .clearfix{
    padding-top: 50px;
    padding-bottom: 50px;
    width: 90%;
    margin: 0 auto;
  }
  
  #NavArea .left{
    width: 45%;
    float: left;
  }
  
  #NavArea .right{
    width: 45%;
    float: right;
  }
  
  #SeasonItemArea h2 img{
    width: 45%;
  }
  #Novelty h2 img{
    width: 45%;
  }


#Novelty .inner{
    background: #e5e5e5;
    margin-top: 40px;
  }
  
  #Novelty .inner p{
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
  
  
  
  
}


/*商品一覧くくり*/
#Items {
  position: relative;
  /*
  max-width: 980px;
  margin: 0 auto 110px;
  */
  background: #FFF !important;
  margin: 0 auto;
  padding-top: 0px;
  padding-bottom: 60px;
  
}

#Items.high {
 padding-bottom: 120px !important;
}

#Items .wrap{
  position: relative;
}

/*カラーセレクト*/
#Items .title {
  text-align: center;
  margin-bottom: 30px;
}
#Items .colorSelectFrame {
  margin-bottom: 80px;
}
#Items .colorSelect a.current:after {
  left: 7px;
  right: 7px;
  background: #000;
}
#Items .colorWrap {
  float: left;
  position: relative;
  left: 50%
}
#Items .colorWrap a {
  float: left;
  position: relative;
  left: -50%;
}
#Items .colorWrap a:last-child {
  margin-right: 0;
}

#Items .colorVariation .setAnime { opacity: 1; }
#Items .colorVariation .startScrollAnime { opacity: 0; }
#Items .colorVariation .startScrollAnime:hover { opacity: 1; }
#Items .colorVariation .item.selected{ display: block; }


/*カラーセレクト ページ送り*/
#Items .colorSelectPager {
	position: absolute;
	top: 0px;
	left: 2.85%;
  width: 44.89%;
  pointer-events: none;
}
#Items .colorSelectPager .prev {
	position: absolute;
	top: calc(40% - 6px);
	left: -6px;
  pointer-events: auto;
}
#Items .colorSelectPager .next {
  position: absolute;
	top: calc(40% - 6px);
	right: -6px;
  pointer-events: auto;
}


/*詳細*/
#Items .detailBlock{
	position: relative;
	max-width: 980px;
	margin: 0 auto;
  overflow: hidden;
}

.detailBlock .mainPct{
  position: relative;
  float: left;
	top: 0;
	left: 2.85%;
  width: 44.89%;
  overflow: hidden;
}

.detailBlock .mainPct ul li{
  text-align: center;
  position: relative;
  outline: none;
}

/*メイン画像上ボタン*/
.detailBlock .mainPct .showBtn {
	position: absolute;
	top: 42px;
	left: 2px;
	width: 100%;
	text-align: center;
}
.detailBlock .mainPct .showBtn {
	display: block;
}
.detailBlock .mainPct .showBtn a {
	width: 168px;
	margin: auto;
	display: block;
	outline: none;
}

/*WEBSTOREボタン*/
#Items .mainPct .storeBtn{
  width: 90%;
  margin: 15px auto auto auto;
}

#Items .detailBlock .item{
	position: relative;
	max-width: 980px;
	min-height: 570px;
	display: none;
}

#Items .subset {
  float: right;
	position: relative;
	top: 0;
  right: 2.85%;
  width: 44.89%;
	max-width: 480px;
	padding-top: 20px;
}




#Items .topics {
  font-size: 15px;
  line-height: 1.8;
  padding-bottom: 20px;
  margin-bottom: 20px;
  color: #000;
}
#Items .topics .small{
	font-size: 11px;
  display: block;
}

#Items .topics.noAnnotation {
  font-size: 15px;
  line-height: 1.8;
  padding-bottom: 20px;
  border-bottom: 1px solid #000 !important;
  margin-bottom: 40px;
  color: #000;
}






	#Items .topics .caption{
		display: block;
		font-size: 12px;
		line-height: 1.6;
		padding-top: 8px;
		color: #DD0000;
		font-weight: bold;
	}
	#Items .topics .caption2{
		display: block;
		font-size: 11px;
		line-height: 1.6;
		margin-top: 8px;
		padding: 8px;
		color: #666;
		background: #F1F1F1;
	}
	#Items .topics .caption3{
		display: block;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.7;
		margin-top: 3px;
		color: #E50707;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	#Items .topics .caption4{
		display: block;
		font-size: 11px;
		line-height: 1.6;
		margin-top: 8px;
		padding: 8px;
		color: #E50707;
		background: #F1F1F1;
		font-weight: bold;
		margin-bottom: -20px;
	}
	#Items .topics .caption5{
		display: block;
		font-size: 12px;
		/*font-weight: bold;*/
		line-height: 1.7;
		margin-top: 3px;
		color: #000000;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	

#Items .detailBlock .item .base{
  position: relative;
  padding-bottom: 10px;
}
#Items .detailBlock .item .base .thumbList{
  display: flex;
  flex-wrap: wrap;
	position: absolute;
	top: -5px;
  left: 0;
  width: 100%;
  height: 100%;
}
#Items .detailBlock .item .base .thumbList li{
  width: 25%;
  position: relative;
  margin-bottom: 7px;
}
#Items .detailBlock .item .base .thumbList li:after {
  content: "";
  display: block;
  position: absolute;
  /*bottom: 2px;*/
  bottom: -2px;
  left: 50%;
  right: 50%;
  height: 1px;
  background: #000;
  opacity: 0;
  transition: .3s ease-out;
}
#Items .detailBlock .item .base .thumbList li.current:after {
  left: 33%;
  right: 33%;
  opacity: 1;
}
#Items .detailBlock .item .base .thumbList li a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	/*チェック用*/
	/*background-color: rgba(255,0,0,0.3);*/
}
#Items .detailBlock .item .base .thumbList a:hover{
  background: url(../img/collection/common/btn_notification.png) center center no-repeat;
  background-size: auto 90%;
}
#Items .detailBlock .item .base .thumbList li img{
  /* win7 IE対策 */
  width: 100%;
}



/*ショップリストボタン*/
#Items div.btnStoreOnly {
	/*height: 80px;*/
}
#Items div span.storeOnly {
  display: block;
  width: 90%;
  font-size: 16px;
  color: #FFF;
  text-align: center;
  background: #000;
  height: 52px;
}
#Items .otherSiteLinks.rightArea .storeOnly {
  width: 430px;
  margin-left: 600px;
  margin-top: -75px;
}

#Items div span.storeOnly span{
	display: block;
	line-height: 50px;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	letter-spacing: 1px;
}
#Items div a.storeOnly {
  display: block;
  width: 90%;
  margin: 4px auto 0px auto;
  font-size: 16px;
  color: #FFF;
  text-align: center;
  background: #000;
  height: 50px;
  text-decoration: none;
}
#Items div a.storeOnly:hover {
 background: #333;
}
#Items div a.storeOnly span{
	display: block;
	line-height: 50px;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	letter-spacing: 1px;
}
#Items div span.storeOnlyCap {
	display: block;
	padding-top: 15px;
	padding-bottom: 10px;
	font-size: 13px;
	color: #191919;
	font-weight: bold;
}

#Items div span.exclusiveMain{
	display: block;
	padding-top: 20px;
	padding-bottom: 5px;
	font-size: 12px;
	color: #E50707;
	font-weight: bold;
}


#Items div span.exclusiveMain.bl{
  color: #000;
}


#Items div span.exclusiveCap {
	display: block;
	/*padding-top: 10px;*/
	padding-bottom: 10px;
	font-size: 11px;
	color: #E50707;
	font-weight: bold;
}

#Items div span.exclusiveCap.bl {
  color: #000;
  margin-top: -10px;
}
#Items div span.exclusiveCap.bl.mtReset {
  margin-top: auto;
}



#Items div span.smallCap {
	font-size: 11px;
	color: #191919;
	font-weight: normal;
}



@media screen and (max-width: 768px) {
	#Items div span.storeOnlyCap {
		font-size: 12px;	
	}
	
	#Styles .styleInfo .summary{
		background: #FFF;
	}
}
#Items .storeOnlyCap.newstory{
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #CC0000;
    margin-top: 15px;
}

#Items .otherSiteLinks.rightArea .storeOnlyCap {
	margin-left: 670px;
}




/*モーダル*/
.primaryContents .colorSelect,
.jsModalShow .colorSelect {
  *zoom: 1;
}
.primaryContents .colorSelect:after,
.jsModalShow .colorSelect:after {
  content: "";
  display: table;
  clear: both;
}
.primaryContents .colorSelect a,
.jsModalShow .colorSelect a {
  position: relative;
  display: inline-block;
  margin-right: 45px;
  padding-bottom: 18px;
}
.primaryContents .colorSelect a:after,
.jsModalShow .colorSelect a:after {
  content: '';
  position: absolute;
  bottom: -7px;
  left: 50%;
  right: 50%;
  display: block;
  height: 1px;
  background: transparent;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.primaryContents .colorSelect img,
.jsModalShow .colorSelect img {
  position: relative;
  z-index: 10;
}

.jsModalShow .colorSelect {
  text-align: center;
}
.jsModalShow .colorSelect a {
  margin: 0 20px;
}



/*スタイル*/
#Styles {
  margin-bottom: 60px;
  /*background: #b08151;*/
}

#Styles{
    /*background: #B4BAC2;*/
    position: relative;
    
}





#Styles .styleInfo {
	max-width: 1400px;
	height: 600px;
  margin: 0 auto;
  /*background: #b08151 top center no-repeat;*/
  background-size: 1400px 600px;
  position: relative;
}
#Styles .styleInfo:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -460px;
  height: 1px;
  width: 920px;
  background: #BFD1DE;
}
#Styles .styleInfo.none:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -460px;
  height: 1px;
  width: 920px;
  background: #000;
}


#Styles .titleArea {
  *zoom: 1;
  width: 920px;
  margin: 0 auto 70px;
}
#Styles .titleArea:after {
  content: "";
  display: table;
  clear: both;
}
#Styles .titleArea .title {
  float: left;
}
#Styles .titleArea .selectNo {
  float: right;
}
#Styles .selectNo {
  height: 20px;
  margin: 30px auto 0;
  letter-spacing: -.45em;
}
#Styles .selectNo ol {
  *zoom: 1;
}
#Styles .selectNo ol:after {
  content: "";
  display: table;
  clear: both;
}
#Styles .selectNo li {
  float: left;
}
#Styles .selectNo a {
  position: relative;
  text-indent: -9999px;
  display: block;
  padding: 8px 18px;
}
#Styles .selectNo a:after {
  content: '';
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: -25px;
  height: 1px;
  background: transparent;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
#Styles .selectNo a:hover {
  position: relative;
}
#Styles .selectNo a:hover:after {
  left: 2px;
  right: 2px;
  background: #f7f7f7;
}
#Styles .styleInfo .intro {
  position: relative;
  width: calc(50% + 20px);
  height: 600px;
  overflow: hidden;
}
#Styles .styleInfo .intro.right {
  left: 50%;
  margin-left: -20px;
}
#Styles .styleInfo .intro.left {
  margin-right: -20px;
  overflow: hidden;
}
#Styles .styleInfo .color {
  position: relative;
  margin-top: 80px;
  margin-bottom: 50px;
}
#Styles .styleInfo .left > * {
  width: 100%;
  max-width: 480px;
  float: right;
}
#Styles .styleInfo .coodinate {
  position: relative;
}
#Styles .styleInfo .coodinate .title {
  background: #000;
  max-width: 480px;
  margin-right: 20px;
  margin-bottom: 30px;
  padding: 7px 20px;
  box-sizing: border-box;
  line-height: 1;
}
#Styles .styleInfo .coodinate .title img{
	height: 9px;
}

#Styles .styleInfo .coodinate .title.gr {
  background: #CCC;

}


#Styles .styleInfo .left .coodinate .title {
  margin-right: 0;
}
#Styles .styleInfo .left .coodinate .title.high {
  margin-top: 220px;
}
#Styles .styleInfo .styleLineup {
  *zoom: 1;
  margin-right: -22px;
  margin-bottom: 70px;
}
#Styles .styleInfo .styleLineup:after {
  content: "";
  display: table;
  clear: both;
}
#Styles .styleInfo .styleLineup li {
  float: left;
  padding-left: 18px;
  margin-right: 22px;
  margin-bottom: 20px;
  position: relative;
}
#Styles .styleInfo .styleLineup li:before {
  content: "";
  display: block;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  transform: rotate(-45deg);
  position: absolute;
  top: 10px;
  left: 2px;
  width: 7px;
  height: 7px;
}
#Styles .styleInfo .styleLineup li.wh:before {
  content: "";
  display: block;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  transform: rotate(-45deg);
  position: absolute;
  top: 10px;
  left: 2px;
  width: 7px;
  height: 7px;
}

#Styles .styleInfo .styleLineup.bl li:before {
  content: "";
  display: block;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(-45deg);
  position: absolute;
  top: 10px;
  left: 0px;
  width: 7px;
  height: 7px;
}


#Styles .styleInfo .styleLineup li.return {
  clear:both;
}
#Styles .styleInfo .styleLineup a {
  position: relative;
  display: inline-block;
  padding-left: 2px;

}
#Styles .styleInfo .styleLineup a img {
  height: 10px;
  
}
@media screen and (max-width: 768px) {
	#Styles .styleInfo .styleLineup a img {
	  height: 13px;
	  
	}
}
#Styles .styleInfo .styleLineup a:after {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: -10px;
  height: 1px;
  background: transparent;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
#Styles .styleInfo .styleLineup a:hover:after {
  left: 0;
  right: 0;
  background: #000;
}
#Styles .styleInfo .styleLineup li.wh a:hover:after {
  background: #FFF;
}
#Styles .styleInfo .summary {
  font-size: 13px;
  line-height: 2;
  font-weight: 500;
  color: #000;
  max-width: 480px;
}
#Styles .styleInfo .summary.small {
  font-size: 11px;
  line-height: 1.6;
  margin-top: 10px;
}
#Styles .styleInfo .summary.bl {
  font-size: 13px;
  line-height: 2;
  font-weight: 500;
  color: #000;
}
#Styles .styleInfo .summary.wh {
  font-size: 13px;
  line-height: 2;
  font-weight: 500;
  color: #e0e0e0;
}

#Styles .styleInfo .summary .bold{
	font-weight: bold;
}

#Styles .styleInfo .summary a {
  color: #000;
  text-decoration: underline;	
}

#Styles .styleInfo .summary .underline {
  text-decoration: underline;
}

#Styles .image {
  display:none;
}



.itemNavigation .notes{
  font-size: 12px;
  line-height: 2;
  padding-left: 80px;
  box-sizing: border-box;
}
.itemNavigation.bottom {
  margin: 0 auto;
  padding-top: 60px;
}
.itemNavigation.bottom .notes{
  color: #222;
  font-size: 12px;
}
.itemNavigation.top .notes{
  color: #222;
  font-size: 12px;
  padding-left: 0;
  text-align: right;
}



#CollectionDetail .notes .spec{
  margin-bottom: 10px;
}

#CollectionDetail .pickupBanner{
	text-align: center;
	max-width: 980px;
	margin: 0px auto;
	padding-top: 100px;
}
	#CollectionDetail .pickupBanner div{
		margin-bottom: 20px;
	}

#CollectionDetail .basicgarter{
  text-align: center;
  margin: 100px auto 50px auto;
  max-width: 980px;
}
#CollectionDetail .garterstocking{
  text-align: center;
  margin: 0px auto 0px;
  max-width: 980px;
}

/* 77個別設定 */
#RichInfo{
	max-width: 980px;
	margin: 50px auto 100px auto;
}
#NightInfo{
	max-width: 1400px;
	margin: 50px auto 90px auto;
}


.itemNavigation .otherSiteLinks li span.storeOnlyCap {
    display: block;
    padding-top: 7px;
    padding-bottom: 10px;
    font-size: 12px;
}


/*
 * mobile
 */
@media screen and (max-width: 768px) {
  
  #NightupPcItems{
   padding-top: 0px !important; 
  }
  
  #Styles .styleInfo .summary.small {
    margin-top: -70px !important;
  }
  
  
  .primaryContents {
    padding-bottom: 0;
  }
  .footerNav {
    position: relative;
    text-align: center;
    margin-top: 32px;
    padding: 30px 0 0px;
    z-index: 100;
  }
  .footerNav.bk{
    background: #000 !important;
  }
  
  .footerNav .pagetop {
    margin: 0 !important;
    position: fixed !important;
    right: 5px !important;
    bottom: 10px !important;
    z-index: 100;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-transition: 0.3s ease-in -webkit-transform;
    transition: 0.3s ease-in transform;
  }
  .footerNav .pagetop.setFix {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .footerNav .pagetop a {
    padding: 8px;
  }
  .footerNav .pagetop a:hover img {
    -webkit-transform: initial;
    transform: initial;
  }
  .footerNav .links {
    /*margin-bottom: 65px;*/
    padding-bottom: 34px;
  }
  .footerNav .links ul {
    /*max-width: 400px;*/
    /*margin: auto;*/
    margin: 0px auto 0px 0px;
    display: flex;
    justify-content: center;
    /*justify-content: space-between;*/
  }
  .footerNav .links li {
    /*flex: 1;
    width: 90px;
    text-align: center;*/
    margin-right: 35px;
  }
  .footerNav .sns ul {
    text-align: center;
    padding-bottom: 60px;
  }
  .footerNav .sns li {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    margin: 0 2px;
  }
  .foot_otherlink {
    font-size: 10px;
  }
  
  .footerNav .links li.tw{
    margin-right: 17px;
  }
  
  .footerNav .links li.wacoal{
    margin-right: 0px;
    margin-top: 8px;
  }

  #CollectionDetail #MainImage {
    margin-bottom: 25px;
  }
  #CollectionDetail #MainImage.low {
    margin-bottom: -50px;
  }
  
  .group03 #CollectionDetail #MainImage,
  .group06 #CollectionDetail #MainImage,
  .group09 #CollectionDetail #MainImage,
  .group07 #CollectionDetail #MainImage,
  .group11 #CollectionDetail #MainImage,
  .group12 #CollectionDetail #MainImage,
  .group04 #CollectionDetail #MainImage,
  .group00 #CollectionDetail #MainImage,
  .group10 #CollectionDetail #MainImage,
  .group20 #CollectionDetail #MainImage {
	max-height: 500px;
  }
  .group97 #CollectionDetail #MainImage{
	  height: 338px !important;
  }
  
  
  #CollectionName {
    margin-bottom: 25px;
    margin-top: 30px;
  }
  
  #LogoVersailles{
	width: 250px;
	margin: -10px auto 30px auto;
}
  
  #CollectionName img {
    max-width: 45%;
  }
  #CollectionName.long img {
    max-width: 60%;
  }
  #CollectionDetail #MovieArea {
    margin: 0 10px;
  }
  .primaryContents .itemNavigation {
    margin: 30px auto 20px;
  }
  .primaryContents.group00 .itemNavigation{
	margin: 20px auto 10px;
  }
  .primaryContents .itemNavigation .callaboBanner{
	width: 90%;
	margin-bottom: 20px;
}
  
  .primaryContents .itemNavigation .message{
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  .primaryContents .itemNavigation .notes {
    float: none;
    width: 100%;
    margin-bottom: 0px;
  }
  .primaryContents .itemNavigation.notSale .message{
	float: none;
	width: 100%;
	text-align: left;
	padding-bottom: 0px;
	margin-bottom: 10px;
}
  .primaryContents .itemNavigation .message p{
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 190%;
    line-height: 1.7;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  }
  .primaryContents .itemNavigation .message p.gold_cap{
	color:#bea265;
	font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
	font-weight: bold;
}
  
  
  .primaryContents.group00 .itemNavigation .message p{
	padding-left: 10px;
  }
  
  
  
  .itemNavigation .otherSiteLinks div span.exclusiveMain{
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	color: #BEA265;
	font-weight: bold;
	/*text-align: center;*/
}


.itemNavigation .otherSiteLinks div span.exclusiveCap {
	display: block;
	/*padding-top: 10px;*/
	padding-bottom: 10px;
	font-size: 10px;
	color: #BEA265;
	font-weight: bold;
	/*text-align: center;*/
}
  
  


  .itemNavigation .otherSiteLinks {
    float: none;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }

  
  .itemNavigation .otherSiteLinks li {
    margin-bottom: 5px;
  }

  .itemNavigation .otherSiteLinks li.storeOnly  {
	height: 50px;
  }
  .itemNavigation .otherSiteLinks li span.storeOnly  {
	height: 43px;
	font-size: 14px;
  }
  .itemNavigation .otherSiteLinks li span.storeOnly span {
	line-height: 42px;
  }
  .group24 .itemNavigation .otherSiteLinks li .storeOnlyCap{
	font-size: 11px;
  }
  
  
  a.linkWebStore, a.linkShopList {
    background-position: 34px 13px, right 12px top 8px;
    padding-top: 40px;
  }
  a.linkWebStore::before, a.linkShopList::before {
    left: 10px;
    top:15px;
  }
  a.linkWebStore:hover:before,
  a.linkShopList:hover:before {
    left: 20px;
  }

  .newsArea li {
    padding: 20px 0;
  }
  .newsArea li .date {
    padding-right: 1em;
    margin-right: 1em;
  }
  .newsArea li .date ,
  .newsArea li .label {
    font-size: 9px;
    width: auto;
    margin-bottom: 12px;
  }
  .newsArea li .entryTitle {
    float: none;
    clear: both;
    width: 100%;
    font-size: 10px;
  }
  
  
.storeNavigation {
    position: relative;
    margin: 0px auto 00px auto;
    overflow: hidden;
    margin-top: 10px !important;
	padding: 20px 10px 10px 10px;
}

.storeNavigation ul li {

	float: none !important;
	margin-right: 0px !important;
}


.storeNavigation .otherSiteLinks li a.storeOnly {
  display: block !important;
  width: 99% !important;
  font-size: 16px;
  color: #FFF;
  text-align: center;
  background: #000;
  height: 52px;
  text-decoration: none;
}
.storeNavigation .otherSiteLinks li a.storeOnly:hover {
 background: #333;
}
.storeNavigation .otherSiteLinks li a.storeOnly span{
	display: block;
	line-height: 50px;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	letter-spacing: 1px;
}
.storeNavigation .otherSiteLinks li span.storeOnlyCap {
	display: block;
	padding-top: 7px;
	padding-bottom: 10px;
	font-size: 12px;
	text-align: center;
}


  /*
   * #Items
   */
  #Items {
    /*margin-bottom: 35px;*/
    padding-top: 35px;
    padding-bottom: 55px;
  }
  
  #Items.high {
    /*margin-bottom: 35px;*/
    padding-top: 35px;
    padding-bottom: 55px !important;
  }
  
  #Items .title {
    margin-bottom: 20px;
  }
  #Items .title img {
    /*max-width: 55%;*/
  }
  .primaryContents .colorSelect a {
    margin-right: 23px;
  }
  .primaryContents.group90 .colorSelect a {
	margin-right: 14px;
  }
  .primaryContents.group83 .colorSelect a {
	margin-right: 20px;
  }
  .primaryContents .colorSelect img {
    width: 35px;
  }

  #Items .wrap {
    padding: 0 20px;
  }
  #Items .colorSelectFrame {
    margin-bottom: 25px;
  }
  #Items .colorSelect a:after {
    bottom: 6px;
  }
  #Items .colorSelect a.current:after {
    bottom: 6px;
    left: 0;
    right: 0;
  }
  .detailBlock .mainPct {
    float: none;
    top: 0;
    left: 0;
    width: 100%;
  }
  #Items .mainPct .storeBtn {
    width: 98%;
  }
  #Items .colorSelectPager {
    left: 0;
    width: 100%;
  }
  #Items .colorSelectPager .prev {
    top: calc(30% - 6px);
    left: 10px;
    text-align: left;
  }
  #Items .colorSelectPager .next {
    top: calc(30% - 6px);
    right: 10px;
    text-align: right;
  }
  #Items .colorSelectPager a img{
	  max-width: 50%;
  }


  #Items .subset {
    float: none;
    top: 30px;
    right: 0;
    width: 100%;
    max-width: initial;
    padding-bottom: 30px;
    padding-top: 0px;
  }
  
  #Items .bannerLink {
    margin-top: 20px;
}
  
  
  #Items .topics {
    font-size: 11px;
    line-height: 1;
    padding: 10px 10px 0px 10px;
    margin: 0 auto 25px;
    text-align: center;
    width: 320px;
  }
  #Items .topics .small{
    font-size: 10px;
    display: block;
    padding-top: 6px;
    padding-bottom: 4px;
  }
  
  #Items .topics.noAnnotation {
    font-size: 11px;
    line-height: 1;
    padding: 10px 10px 10px 10px;
    border: 1px solid #E5E5E5 !important;
    margin: 0 auto 25px;
    text-align: center;
    width: 320px;
  }
  
  
  #Items .nightupTopics {
    font-size: 11px;
    line-height: 1;
    padding: 10px 10px 10px 10px;
    border: 1px solid #E5E5E5 !important;
    margin: 0 auto 25px;
    text-align: center;
    width: 300px;
    color: #000;
  }
  
  #Items .cap {
    display: block;
    font-size: 11px;
    line-height: 1.6;
    margin-top: 8px;
    padding: 8px;
    color: #666;
    margin-top: 20px;
    /*background: #F1F1F1;*/
  }
  
  #Items .nightupTopics.low {
    margin-bottom: -15px !important;
  }
  
  
  #Items .detailBlock .mainPct .showBtn{
	  padding-top: 25px;
  }
  #Items .detailBlock .mainPct .showBtn.btj100{
    padding-top: 15px;
  }
  #Items .detailBlock .mainPct .showBtn img{
	max-width: 80%;
  }
  #Items .detailBlock .item .base .thumbList li {
    position: relative;
  }
  #Items .detailBlock .item .base .thumbList li:after {
    height: 1px;
  }
  #Items .detailBlock .item .base .thumbList li.current:after {
    left: 20px;
    right: 20px;
  }
  #Items .detailBlock .item .base .thumbList a:hover {
    background: none;
  }
 
 
 

  #DetailMovie{
	background: #FFF;
  }
	#DetailMovieWrap{
		width: 345px;
		margin: 0px auto;
		/*padding-bottom: 45px;*/
	}
	
	#DetailMovie .detailMovieTitle{
		width: 55%;
		padding-top: 40px;
		margin: 0px auto 30px auto;
	}
		#DetailMovie .detailMovieThum{
			width: 164px;
			margin-bottom: 20px;
		}
		#DetailMovie .detailMovieThum.left{ float: left; }
		#DetailMovie .detailMovieThum.right{ float: right; }
		#DetailMovie .detailMovieThum.center{ margin: 0px auto; }
		
			#DetailMovie .detailMovieThum strong{
				display: block;
				padding-bottom: 8px;
				text-align: center;
				color: #000;
				font-size: 12px;
				padding-top: 8px;
			}

  /*
  * #SlideMovie
  */ 
  #SlideMovie{
	  background: #FFF;
	  padding-bottom: 20px;
	  margin-top: -50px;
  }

	#SlideMovie .inner{
		padding: 13% 4% 10% 4% ;
		}
	
	#SlideMovie .inner .slick-prev{
		position: absolute;
		width: 24px;
		height: 20px;
		top: 23vw;
		left: -10px;
		z-index: 5;
		background: url(../img/collection/common/arrowL.svg) no-repeat left center transparent;
		background-size: 15px auto;
		outline: none;
		border: none;
		text-indent: -9999px;
	}
	#SlideMovie .inner .slick-next{
		position: absolute;
		width: 24px;
		height: 20px;
		top: 23vw;
		right: -10px;
		background: url(../img/collection/common/arrowR.svg) no-repeat right center transparent;
		background-size: 15px auto;
		outline: none;
		border: none;
		text-indent: -9999px;
	}
	
	
	
  /*
  * #SlideImages
  */
  
  #SlideImages{
	  background: #FFF;
	  padding-bottom: 20px;
	  /*margin-top: -50px;*/
  }

	#SlideImages .inner{
		padding: 10% 4% ;
		}
	
	#SlideImages .inner ul li .pct{
		width: 100%;
	}
	
	#SlideImages .inner ul li .number{
		width: 15vw;
		position: absolute;
		margin-top: -65vw;
		margin-left: 76vw;
	}
	#SlideImages .inner .slick-prev{
		position: absolute;
		width: 24px;
		height: 20px;
		top: 27vw;
		left: -10px;
		z-index: 5;
		background: url(../img/collection/common/arrowL-bk.svg) no-repeat left center transparent;
		background-size: 15px auto;
		outline: none;
		border: none;
		text-indent: -9999px;
	}
	#SlideImages .inner .slick-next{
		position: absolute;
		width: 24px;
		height: 20px;
		top: 27vw;
		right: -10px;
		background: url(../img/collection/common/arrowR-bk.svg) no-repeat right center transparent;
		background-size: 15px auto;
		outline: none;
		border: none;
		text-indent: -9999px;
	}



  /*
   * #Styles
   */
  #Styles {
    margin-bottom: 0;
  }
  #Styles .styleInfo {
    background: #fff !important;
    position: relative;
    height: auto;
  }
  #Styles .styleInfo:after {
    display: none;
  }
  #Styles .styleInfo .coodinate {
    position: absolute;
  }
  #Styles .styleInfo .coodinate .title {
    display: none !important;
  }
  #Styles .styleInfo .intro{
    margin: 0 !important;
    float: none !important;
    width: 100% !important;
    left: 0 !important;
    padding: 0 10px;
    min-height: 0;
    box-sizing: border-box;
  }
  #Styles .styleInfo .intro:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 3%;
    right: 3%;
    margin: 0;
    height: 1px;
    width: auto;
    /*background: #000;*/
  }

  #Styles .styleInfo .left > * {
    max-width: initial;
    float: none;
    width: auto;
  }
  #Styles .styleInfo .left .color {
    margin-top: 0;
    margin-bottom: 0;
    max-width: 35%;
    position: absolute;
    top: 15%;
    left: 5%;
  }
  #Styles .styleInfo .right .color {
    margin-top: 0;
    margin-bottom: 0;
    max-width: 35%;
    position: absolute;
    top: 15%;
    left: 60%;
  }
  #Styles .styleInfo .left .coodinate {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    top: 75%;
    left: 4%;
  }
  #Styles .styleInfo .right .coodinate {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    top: 75%;
    left: 60%;
  }
  #Styles .styleInfo .styleLineup {
    margin: 0;
  }
  #Styles .styleInfo .styleLineup.item04.leftside {
    margin-left: 15vw;
  }
  #Styles .styleInfo .styleLineup.item04 {
    margin-top: -35px;
  }
  
  
  #Styles .styleInfo .styleLineup.item03 {
    margin-top: 0px;
  }
  #Styles .styleInfo .styleLineup.item02 {
    margin-top: 33px;
  }
  #Styles .styleInfo .styleLineup.item01 {
    margin-top: 75px;
  }
  
  .group39 #Styles #Style03.styleInfo .styleLineup.item04{
	  margin-left: 36px;
  }
  
  
  #Styles .styleInfo .styleLineup li {
    float: none;
    margin-right: 0;
    margin-bottom: 28.5px;
    padding-left: 18px;
    line-height: 1;
  }
  #Styles .styleInfo .styleLineup li:before {
    top: 8px;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  #Styles .styleInfo .styleLineup li.return {
    clear:none;
  }
  #Styles .styleInfo .image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  #Styles .styleInfo .summary {
    padding: 15px 10px 65px;
    position: relative;
    font-size: 11px;
    line-height: 1.8;
  }
  
  #Styles .styleInfo .summary.bl {
    padding: 15px 10px 65px;
    position: relative;
    font-size: 11px;
    line-height: 1.8;
    color: #000000;
  }
  
  /*#Styles .styleInfo .summary:after {
    content: "";
    position: absolute;
    bottom: 32px;
    left: 50%;
    margin-left: -2px;
    display: block;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    background: #000;
  }*/
  
  
  #Styles .styleInfo .summary {
  color: #222 !important;
  background: #FFF !important;
  /*background: rgb(244,245,244);
  background: linear-gradient(270deg, rgba(244,245,244,1) 0%, rgba(246,246,246,1) 37%, rgba(255,255,255,1) 100%);*/
}



  .specModal .specCard {
    width: 290px;
    height: 420px;
    margin: -210px 0 0 -145px;
  }
  .specModal .movieModal {
  	width: 320px;
  	height: 200px;
  	margin: -90px 0 0 -160px;
}
  .specModal .close {
    opacity: 1;
    left: auto;
    right: 50%;
    top: 50%;
    margin-top: -210px;
    margin-right: -156px;
  }
  .specModal .close a {
    background-image: url(../img/collection/common/btn_modal_close_sp.png);
  }

  .specModal .close.movie {
  	margin-top: -150px;
  	margin-right: -170px;
  }
  .specModal .close.movie a{
  	background: url(../img/collection/common/btn_modal_close.png) no-repeat 50% 50%;
  }


  .itemNavigation.bottom {
    margin: 0 0 25px;
    padding-top: 35px;
  }
  .itemNavigation.bottom .notes {
    padding: 0 10px;
    margin-bottom: 20px;
    font-size: 10px;
  }
  

  #CollectionDetail .pickupBanner{
	  padding-top: 40px;
	  margin: 0px 10px;
  }
  #CollectionDetail .pickupBanner div{
	margin-bottom: 15px;
  }
  #CollectionDetail .basicgarter {
    margin: 0 10px;
  }
  #CollectionDetail .garterstocking {
    margin: 15px 10px 0px 10px;
  }

  .collectionPages {
    padding: 0;
  }
  .collectionPages .arrow {
    display: none;
  }
  .collectionPages .title {
    margin: 80px auto 35px auto;
    width: 75%;
  }
  .collectionPages .title img {
	max-width: 50%;
  }
  .collectionPages .txt {
    text-align: center;
    margin-bottom: 10px;
    font-size: 140%;
  }
  .collectionPages .txt2 {
    text-align: center;
    text-decoration: underline;
    font-size: 140%;
    margin-bottom: 20px;
  }
  

  .collectionPages .items,
  .collectionPages .type,
  .collectionPages .type2,
  .collectionPages .type3,
  .collectionPages .type4{
    margin: 0 10px;
  }
  .collectionPages .type li:nth-child(1){
    margin-bottom: 30px !important;
  }
  
  .collectionPages .items li {
    width: 49.2%;
    margin-bottom: 5px;
  }
  
  .collectionPages .items li.center2 {
    width: 49.2%;
    /*margin-bottom: 5px;*/
    margin: 0 auto 5px auto;
  }
  
  
  .collectionPages .items li.wide {
    width: 49.2%;
    margin-bottom: 5px;
  }
  .collectionPages .items li.wide2 {
    width: 100%;
    margin-bottom: 5px;
  }
  .collectionPages .items li.wide3 {
    width: 49.2%;
    margin-bottom: 5px;
  }
  
  .collectionPages .items li.wide4 {
  width: 49.2%;
  margin-bottom: 5px;
}
.collectionPages .items li.wide5 {
  width: 49.2%;
  margin-bottom: 5px;
  margin-left: 0px !important;
}
.collectionPages .items li.single-center {
  
}
.collectionPages .items li.wide6 {
  width: 100%;
  margin-bottom: 5px;
  margin-left: 0px !important;
}

  
  .collectionPages .items li.wide_sp {
    width: 100%;
    margin-bottom: 5px;
  }
  	.collectionPages .items li.wide_sp img {
	 	width: 100% !important; 	
	}
  
  
  .collectionPages .items .over {
    opacity: 1;
    background: none;
  }
  .collectionPages .items .over img {
    opacity: 1;
    width: 100%;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .collectionPages .type2 li {
	width: 100%;
	margin-bottom: 5px;
  }
  .collectionPages .type3 li {
	width: 100%;
	margin-bottom: 5px;
  }

  .collectionPages .type li {
	margin-bottom: 5px;
  }
  
  .collectionPages .type4 li {
	width: 100%;
	margin-bottom: 5px;
  }
  
  .collectionPages .notes{
	color: #FFF;
	font-size: 12px;
	padding-left: 12px;
	text-align: left;
	padding-top: 24px;
  }

  

}
/* ====== @media ~768px ===== */


/*******************************
 * スタイル スマホ基本指定
 *******************************/

@media screen and (max-width: 768px) {

}


/*******************************
 * group00 Styles
 *******************************/

.group00 #Style01.styleInfo{ background-image: url(../img/collection/group00/pic_style_pc01.jpg); }
.group00 #Style02.styleInfo{ background-image: url(../img/collection/group00/pic_style_pc02.jpg); }



/*******************************
 * group10 Styles
 *******************************/

.group10 #Style01.styleInfo{ background-image: url(../../sp_item_22aw/img/collection/group10/pic_style_pc01.jpg); }


/*******************************
 * group20 Styles
 *******************************/

.group20 #Style01.styleInfo{ background-image: url(../img/collection/group20/pic_style_pc01.jpg) !important; }





/*******************************
 * group30 Styles
 *******************************/

.group30 #Style01.styleInfo{ background-image: url(../img/collection/group30/pic_style_pc01.jpg); }
.group30 #Style02.styleInfo{ background-image: url(../img/collection/group30/pic_style_pc02.jpg); }
.group30 #Style03.styleInfo{ background-image: url(../img/collection/group30/pic_style_pc03.jpg); }
.group30 #Style04.styleInfo{ background-image: url(../img/collection/group30/pic_style_pc04.jpg); }
.group30 #Style05.styleInfo{ background-image: url(../img/collection/group30/pic_style_pc05.jpg); }
.group30 #Style06.styleInfo{ background-image: url(../img/collection/group30/pic_style_pc06.jpg); }


/*******************************
 * group40 Styles
 *******************************/

.group40 #Style01.styleInfo{ background-image: url(../img/collection/group40/pic_style_pc01.jpg); }
.group40 #Style02.styleInfo{ background-image: url(../img/collection/group40/pic_style_pc02.jpg); }
.group40 #Style03.styleInfo{ background-image: url(../img/collection/group40/pic_style_pc03.jpg); }


/*******************************
 * group50 Styles
 *******************************/

.group50 #Style01.styleInfo{ background-image: url(../img/collection/group50/pic_style_pc01.jpg); }
.group50 #Style02.styleInfo{ background-image: url(../img/collection/group50/pic_style_pc02.jpg); }
.group50 #Style03.styleInfo{ background-image: url(../img/collection/group50/pic_style_pc03.jpg); }
.group50 #Style04.styleInfo{ background-image: url(../img/collection/group50/pic_style_pc04.jpg); }


/*******************************
 * group60 Styles
 *******************************/

.group60 #Style01.styleInfo{ background-image: url(../img/collection/group60/pic_style_pc01.jpg); }
.group60 #Style02.styleInfo{ background-image: url(../img/collection/group60/pic_style_pc02.jpg); }
.group60 #Style03.styleInfo{ background-image: url(../img/collection/group60/pic_style_pc03.jpg); }
.group60 #Style04.styleInfo{ background-image: url(../img/collection/group60/pic_style_pc04.jpg); }
.group60 #Style05.styleInfo{ background-image: url(../img/collection/group60/pic_style_pc05.jpg); }


/*******************************
 * group70 Styles
 *******************************/

.group70 #Style01.styleInfo{ background-image: url(../img/collection/group70/pic_style_pc01.jpg); }
.group70 #Style02.styleInfo{ background-image: url(../img/collection/group70/pic_style_pc02.jpg); }
.group70 #Style03.styleInfo{ background-image: url(../img/collection/group70/pic_style_pc03.jpg); }
.group70 #Style04.styleInfo{ background-image: url(../img/collection/group70/pic_style_pc04.jpg); }


/*******************************
 * group80 Styles
 *******************************/

.group80 #Style01.styleInfo{ background-image: url(../img/collection/group80/pic_style_pc01.jpg); }
.group80 #Style02.styleInfo{ background-image: url(../img/collection/group80/pic_style_pc02.jpg); }
.group80 #Style03.styleInfo{ background-image: url(../img/collection/group80/pic_style_pc03.jpg); }
.group80 #Style04.styleInfo{ background-image: url(../img/collection/group80/pic_style_pc04.jpg); }


/*******************************
 * group90 Styles
 *******************************/

.group90 #Style01.styleInfo{ background-image: url(../img/collection/group90/pic_style_pc01.jpg); }
.group90 #Style02.styleInfo{ background-image: url(../img/collection/group90/pic_style_pc02.jpg); }
.group90 #Style03.styleInfo{ background-image: url(../img/collection/group90/pic_style_pc03.jpg); }
.group90 #Style04.styleInfo{ background-image: url(../img/collection/group90/pic_style_pc04.jpg); }
.group90 #Style05.styleInfo{ background-image: url(../img/collection/group90/pic_style_pc05.jpg); }
.group90 #Style06.styleInfo{ background-image: url(../img/collection/group90/pic_style_pc06.jpg); }


/*******************************
 * group13 Styles
 *******************************/

.group13 #Style01.styleInfo{ background-image: url(../img/collection/group13/pic_style_pc01.jpg); }
.group13 #Style02.styleInfo{ background-image: url(../img/collection/group13/pic_style_pc02.jpg); }
.group13 #Style03.styleInfo{ background-image: url(../img/collection/group13/pic_style_pc03.jpg); }
.group13 #Style04.styleInfo{ background-image: url(../img/collection/group13/pic_style_pc04.jpg); }
.group13 #Style05.styleInfo{ background-image: url(../img/collection/group13/pic_style_pc05.jpg); }
.group13 #Style06.styleInfo{ background-image: url(../img/collection/group13/pic_style_pc06.jpg); }

/*******************************
 * group16 Styles
 *******************************/

.group16 #Style01.styleInfo{ background-image: url(../img/collection/group16/pic_style_pc01.jpg); }
.group16 #Style02.styleInfo{ background-image: url(../img/collection/group16/pic_style_pc02.jpg); }
.group16 #Style03.styleInfo{ background-image: url(../img/collection/group16/pic_style_pc03.jpg); }
.group16 #Style04.styleInfo{ background-image: url(../img/collection/group16/pic_style_pc04.jpg); }
.group16 #Style05.styleInfo{ background-image: url(../img/collection/group16/pic_style_pc05.jpg); }


/*******************************
 * group19 Styles
 *******************************/

.group19 #Style01.styleInfo{ background-image: url(../img/collection/group19/pic_style_pc01.jpg); }
.group19 #Style02.styleInfo{ background-image: url(../img/collection/group19/pic_style_pc02.jpg); }
.group19 #Style03.styleInfo{ background-image: url(../img/collection/group19/pic_style_pc03.jpg); }
.group19 #Style04.styleInfo{ background-image: url(../img/collection/group19/pic_style_pc04.jpg); }
.group19 #Style05.styleInfo{ background-image: url(../img/collection/group19/pic_style_pc05.jpg); }


/*******************************
 * group17 Styles
 *******************************/

.group17 #Style01.styleInfo{ background-image: url(../img/collection/group17/pic_style_pc01.jpg); }
.group17 #Style02.styleInfo{ background-image: url(../img/collection/group17/pic_style_pc02.jpg); }
.group17 #Style03.styleInfo{ background-image: url(../img/collection/group17/pic_style_pc03.jpg); }


/*******************************
 * group21 Styles
 *******************************/

.group21 #Style01.styleInfo{ background-image: url(../img/collection/group21/pic_style_pc01.jpg); }
.group21 #Style02.styleInfo{ background-image: url(../img/collection/group21/pic_style_pc02.jpg); }
.group21 #Style03.styleInfo{ background-image: url(../img/collection/group21/pic_style_pc03.jpg); }
.group21 #Style04.styleInfo{ background-image: url(../img/collection/group21/pic_style_pc04.jpg); }


/*******************************
 * group22 Styles
 *******************************/

.group22 #Style01.styleInfo{ background-image: url(../img/collection/group22/pic_style_pc01.jpg); }
.group22 #Style02.styleInfo{ background-image: url(../img/collection/group22/pic_style_pc02.jpg); }
.group22 #Style03.styleInfo{ background-image: url(../img/collection/group22/pic_style_pc03.jpg); }
.group22 #Style04.styleInfo{ background-image: url(../img/collection/group22/pic_style_pc04.jpg); }


/*******************************
 * group24 Styles
 *******************************/

.group24 #Style01.styleInfo{ background-image: url(../img/collection/group24/pic_style_pc01.jpg); }
.group24 #Style02.styleInfo{ background-image: url(../img/collection/group24/pic_style_pc02.jpg); }
.group24 #Style03.styleInfo{ background-image: url(../img/collection/group24/pic_style_pc03.jpg); }


/*******************************
 * group04 Styles
 *******************************/

.group04 #Style01.styleInfo{ background-image: url(../img/collection/group04/pic_style_pc01.jpg); }
.group04 #Style02.styleInfo{ background-image: url(../img/collection/group04/pic_style_pc02.jpg); }


/*******************************
 * group23 Styles
 *******************************/

 .group23 #Style01.styleInfo{ background-image: url(../img/collection/group23/pic_style_pc01.jpg); }
 .group23 #Style02.styleInfo{ background-image: url(../img/collection/group23/pic_style_pc02.jpg); }
 .group23 #Style03.styleInfo{ background-image: url(../img/collection/group23/pic_style_pc03.jpg); }
 .group23 #Style04.styleInfo{ background-image: url(../img/collection/group23/pic_style_pc04.jpg); }
 .group23 #Style05.styleInfo{ background-image: url(../img/collection/group23/pic_style_pc05.jpg); }

 /*******************************
 * group25 Styles
 *******************************/

 .group25 #Style01.styleInfo{ background-image: url(../img/collection/group25/pic_style_pc01.jpg); }
 .group25 #Style02.styleInfo{ background-image: url(../img/collection/group25/pic_style_pc02.jpg); }
 .group25 #Style03.styleInfo{ background-image: url(../img/collection/group25/pic_style_pc03.jpg); }

 /*******************************
 * group26 Styles
 *******************************/

 .group26 #Style01.styleInfo{ background-image: url(../img/collection/group26/pic_style_pc01.jpg); }
 .group26 #Style02.styleInfo{ background-image: url(../img/collection/group26/pic_style_pc02.jpg); }
 .group26 #Style03.styleInfo{ background-image: url(../img/collection/group26/pic_style_pc03.jpg); }
 .group26 #Style04.styleInfo{ background-image: url(../img/collection/group26/pic_style_pc04.jpg); }

 /*******************************
 * group27 Styles
 *******************************/

 .group27 #Style01.styleInfo{ background-image: url(../img/collection/group27/pic_style_pc01.jpg); }
 .group27 #Style02.styleInfo{ background-image: url(../img/collection/group27/pic_style_pc02.jpg); }
 .group27 #Style03.styleInfo{ background-image: url(../img/collection/group27/pic_style_pc03.jpg); }

 /*******************************
 * group28 Styles
 *******************************/

 .group28 #Style01.styleInfo{ background-image: url(../img/collection/group28/pic_style_pc01.jpg); }
 .group28 #Style02.styleInfo{ background-image: url(../img/collection/group28/pic_style_pc02.jpg); }
 .group28 #Style03.styleInfo{ background-image: url(../img/collection/group28/pic_style_pc03.jpg); }
 .group28 #Style04.styleInfo{ background-image: url(../img/collection/group28/pic_style_pc04.jpg); }

 /*******************************
* group29 Styles
*******************************/

.group29 #Style01.styleInfo{ background-image: url(../img/collection/group29/pic_style_pc01.jpg); }
.group29 #Style02.styleInfo{ background-image: url(../img/collection/group29/pic_style_pc02.jpg); }
.group29 #Style03.styleInfo{ background-image: url(../img/collection/group29/pic_style_pc03.jpg); }
.group29 #Style04.styleInfo{ background-image: url(../img/collection/group29/pic_style_pc04.jpg); }
.group29 #Style05.styleInfo{ background-image: url(../img/collection/group29/pic_style_pc05.jpg); }

 /*******************************
* group32 Styles
*******************************/

.group32 #Style01.styleInfo{ background-image: url(../img/collection/group32/pic_style_pc01.jpg); }
.group32 #Style02.styleInfo{ background-image: url(../img/collection/group32/pic_style_pc02.jpg); }
.group32 #Style03.styleInfo{ background-image: url(../img/collection/group32/pic_style_pc03.jpg); }
.group32 #Style04.styleInfo{ background-image: url(../img/collection/group32/pic_style_pc04.jpg); }


 /*******************************
* group33 Styles
*******************************/

.group33 #Style01.styleInfo{ background-image: url(../img/collection/group33/pic_style_pc01.jpg); }
.group33 #Style02.styleInfo{ background-image: url(../img/collection/group33/pic_style_pc02.jpg); }
.group33 #Style03.styleInfo{ background-image: url(../img/collection/group33/pic_style_pc03.jpg); }
.group33 #Style04.styleInfo{ background-image: url(../img/collection/group33/pic_style_pc04.jpg); }
.group33 #Style05.styleInfo{ background-image: url(../img/collection/group33/pic_style_pc05.jpg); }


 /*******************************
* group34 Styles
*******************************/

.group34 #Style01.styleInfo{ background-image: url(../img/collection/group34/pic_style_pc01.jpg); }
.group34 #Style02.styleInfo{ background-image: url(../img/collection/group34/pic_style_pc02.jpg); }
.group34 #Style03.styleInfo{ background-image: url(../img/collection/group34/pic_style_pc03.jpg); }

 
  /*******************************
* group36 Styles
*******************************/

.group36 #Style01.styleInfo{ background-image: url(../img/collection/group36/pic_style_pc01.jpg); }
.group36 #Style02.styleInfo{ background-image: url(../img/collection/group36/pic_style_pc02.jpg); }
.group36 #Style03.styleInfo{ background-image: url(../img/collection/group36/pic_style_pc03.jpg); }
.group36 #Style04.styleInfo{ background-image: url(../img/collection/group36/pic_style_pc04.jpg); }


  /*******************************
* group37 Styles
*******************************/

.group37 #Style01.styleInfo{ background-image: url(../img/collection/group37/pic_style_pc01.jpg); }
.group37 #Style02.styleInfo{ background-image: url(../img/collection/group37/pic_style_pc02.jpg); }
.group37 #Style03.styleInfo{ background-image: url(../img/collection/group37/pic_style_pc03.jpg); }
.group37 #Style04.styleInfo{ background-image: url(../img/collection/group37/pic_style_pc04.jpg); }


  /*******************************
* group38 Styles
*******************************/

.group38 #Style01.styleInfo{ background-image: url(../img/collection/group38/pic_style_pc01.jpg); }
.group38 #Style02.styleInfo{ background-image: url(../img/collection/group38/pic_style_pc02.jpg); }
.group38 #Style03.styleInfo{ background-image: url(../img/collection/group38/pic_style_pc03.jpg); }
.group38 #Style04.styleInfo{ background-image: url(../img/collection/group38/pic_style_pc04.jpg); }


  /*******************************
* group39 Styles
*******************************/

.group39 #Style01.styleInfo{ background-image: url(../img/collection/group39/pic_style_pc01.jpg); }
.group39 #Style02.styleInfo{ background-image: url(../img/collection/group39/pic_style_pc02.jpg); }
.group39 #Style03.styleInfo{ background-image: url(../img/collection/group39/pic_style_pc03.jpg); }
.group39 #Style04.styleInfo{ background-image: url(../img/collection/group39/pic_style_pc04.jpg); }
.group39 #Style05.styleInfo{ background-image: url(../img/collection/group39/pic_style_pc05.jpg); }


  /*******************************
* group42 Styles
*******************************/

.group42 #Style01.styleInfo{ background-image: url(../img/collection/group42/pic_style_pc01.jpg); }
.group42 #Style02.styleInfo{ background-image: url(../img/collection/group42/pic_style_pc02.jpg); }
.group42 #Style03.styleInfo{ background-image: url(../img/collection/group42/pic_style_pc03.jpg); }
.group42 #Style04.styleInfo{ background-image: url(../img/collection/group42/pic_style_pc04.jpg); }


/*******************************
 * FAIR
 *******************************/
.fair {
  color:#FFF;
  padding-top: 15px;
  /*background: #FFF;*/
}

#Fair1 {
  margin: 40px auto 50px;
  padding: 64px 0 80px;
  background:url(../img/fair/01-bg.png) no-repeat center top;
  background-size: cover;
  width: 1280px;
  max-width: 100%;
}

#Fair1 .container {
  width:980px;
  max-width: 100%;
  margin: 0px auto;
  position:relative;
}

#Fair1 .container .Fair-title{
  margin-bottom:40px;
  margin-top: 20px;
}

#Fair1 .container .Fair-date{
  /*position:absolute;
  top:10px;
  right:0px;*/
  margin-bottom: 20px;
  margin-top: 30px;
}

#Fair1 .container .Fair-date img{
  height: 24px;
}


#Fair1 .container h1{
  margin-bottom:20px;
}

#Fair1 .container h1.second{
  margin-top:40px;
}

#Fair1 .container .Fair-desc{
  margin-bottom:35px;
  font-size:14px;
  line-height:2;
  width:500px;
  font-feature-settings: "palt";
  color: #000;
}
#Fair1 .container .Fair-caption2{
  color: #FFF;
  padding-top: 15px;
  font-weight: bold;
  font-size:15px;
  line-height:2;
  font-feature-settings: "palt";
}
#ContainerBottom{
	width:980px;
	margin: 50px auto 0px auto;
	max-width: 100%;
	padding-bottom: 80px;
}

.Fair-caption{
	color: #FFF;
	font-size:11px;
	line-height:2;
	font-feature-settings: "palt";
}

.Fair-caption p{
  margin-left:1em;
  text-indent:-1em;
}

.Fair-caption{
      width:100%;
  }

.Fair-desc .red{
	text-decoration: underline;
	color: #fb0808;
	font-size: 95%;
}

#Fair2 {
  padding:67px 0 72px;
  background:url(../img/fair/02-bg.png) no-repeat center top;
  margin: 0 auto;
  background-size: cover;
  width: 1280px;
  max-width: 100%;
}

#Fair2 .container {
  width:980px;
  max-width: 100%;
  margin: 0px auto;
  position:relative;
}

#Fair2 .container .caption{
	display: none;	
}
#Fair2 .container .Fair-title{
  margin-bottom: 40px;
  margin-top: 20px;
}

#Fair2 .container .Fair-date{
  margin-bottom: 20px;
  margin-top: 30px;
}

#Fair2 .container .Fair-date img{
	height: 24px;
  }

#Fair2 .container h1{
  margin-bottom:40px;
}

#Fair2 .container .Fair-desc{
  margin-bottom:40px;
  font-size:14px;
  /*width:500px;*/
  line-height:2;
  font-feature-settings: "palt";
  color: #000;
}




/*******************************
 * ABOUT
 *******************************/
#GloablWrapper.about {
  background: #000000;
  color:#FFFFFF;
}

#AboutWrapper {
  width: 980px;
  max-width: 100%;
  margin: auto;
  padding-bottom: 10px;
}
#AboutWrapper .titleArea {
  position: relative;
  height: 695px;
  /*margin-bottom: 140px;*/
  margin-bottom: 70px;
}

#AboutWrapper .titleTxt{
	text-align: center;
	font-size: 15px;
	margin-bottom: 20px;
	margin-top: 100px;
	}
#AboutWrapper .titleTxt.next{
	margin-top: 0px;
}

#AboutWrapper .type{
	margin-bottom: 140px;
}

#AboutTitle {
  position: absolute;
  top: 0;
  left: -136px;
  z-index: 2;
}

#AboutTitle img {
  max-width: inherit;
}

#AboutDescription {
  z-index: 1;
  text-align: center;
  padding-top: 270px;
}

#AboutWrapper .pageMenu {
  margin-bottom: 55px;
}

#AboutWrapper .pageMenu ul {
  text-align: center;
}

#AboutWrapper .pageMenu li {
  display: inline-block;
  margin: 0 50px 60px;
}







#MainArea {
  width: 980px;
  max-width: 100%;
  margin: auto;
  padding-bottom: 10px;
}
#MainArea .titleArea {
  position: relative;
  height: 695px;
  /*margin-bottom: 140px;*/
  margin-bottom: 70px;
}



#MainArea .titleTxt{
  text-align: center;
  font-size: 15px;
  margin-bottom: 20px;
  margin-top: 100px;
  }
#MainArea .titleTxt.next{
  margin-top: 0px;
}

#MainArea .type{
  margin-bottom: 140px;
}

#AboutTitle {
  position: absolute;
  top: 0;
  left: -136px;
  z-index: 2;
}

#AboutTitle img {
  max-width: inherit;
}

#AboutDescription {
  z-index: 1;
  text-align: center;
  padding-top: 270px;
}



#MainArea .pageMenu {
  margin-bottom: 55px;
}

#MainArea .pageMenu ul {
  text-align: center;
}

#MainArea .pageMenu li {
  display: inline-block;
  margin: 0 50px 60px;
}

#ScrollImageArea{
  /*width: initial !important;*/
  /*width: 100vw;*/
}

.explanation {
  margin: 0 0 140px 0;
}

.explanation.top{
  margin-top: 100px;
}

.explanation:last-child {
  /*margin-bottom: 0px;*/
}

.explanation .headline {
  border-bottom: 1px solid #FFF;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.explanation .heading {
  margin-bottom: 20px;
  font-size: 17px;
  font-weight: bold;
  color: #FFF;
}

.explanation .summaryBox {
  margin-bottom: 25px;
}

.explanation .summaryBox p {
  font-size: 13px;
  margin-bottom: 20px;
  color: #222;
}


/*******************************
 * ABOUT GLOBAL
 *******************************/


 
#AboutWrapper .korea
 {
   font-family: "Noto Sans KR", 'Nanum Gothic', 'Malgun Gothic', sans-serif;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
 }
 
#AboutWrapper .english{
   font-family: "Noto Sans", sans-serif;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
   font-variation-settings:
     "wdth" 100;
 }
 
 #AboutWrapper .scn{
    font-family: "Noto Sans SC", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  
  #AboutWrapper .tcn {
    font-family: "Noto Sans TC", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  
  
  #AboutWrapper.global{
    margin-top: 70px;
  }
  
  #AboutWrapper.global .explanation .heading{
    font-style: 20px;
    font-weight: bold;
  }
  
  
  #AboutWrapper.global .explanation .summaryBox p{
        font-size: 15px;
        margin-bottom: 70px;
  }
  
  
  
  .storeArea.global p.note{
    text-align: center;
    margin-top: 70px;
    font-size: 12px;
  }
  
 


#AboutWrapper.global .explanation{
  margin-bottom: 0px !important; 
}






/*
 * pc
 */
@media screen and (min-width: 769px){  
   
  .storeArea.global .spOnly{
    display: none !important;
  }
  
  .storeArea.global {
    margin-top: -60px;
  }
  
  .storeArea.global .shopList{
    width: 980px;
    margin: 0 auto 30px auto !important;
  }
  
  .storeArea.global .shopInfo{
      vertical-align: top;
      display: inline-block;
      width: 296px;
      margin: 0 12px;
  }
  
  
  select {
    -webkit-appearance: none;
    appearance: none;
  }
  
  /* IE用の対策 */
  select.selectlinkPC::-ms-expand {
    display: none;
  }

  
  .selectlinkPC{
    padding: 5px 5px 0px 2px;
    /*border: 1px #ddd solid;
    border-radius: 3px;*/
    background-color: #FFF;
    color: #222;
    cursor: pointer;
    border: none;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: lighter !important;
    width: 50px;
    height: 22px;
    appearance: none; /* デフォルトの矢印を非表示 */
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../img/common/icon_arrow.svg') no-repeat right 10px center;
    background-size: 10px; /* 画像サイズを調整 */
    padding-right: 5px; /* 画像が隠れないように余白を確保 */
  }
  
  .selectlinkPC option{
    color: #000;
  }
  

  
  
  #AboutDescription.cs,
  #AboutDescription.ct {
    padding-top: 255px;
  }
  


  
  
  
  
}



/*
   * mobile
   */
  @media screen and (max-width: 768px) {
    


    
#SelectLanguage{
  text-align: right;
  margin-right: 18px;
  margin-top: 70px;
}


.selectlinkPC{
  padding: 0px 5px 0px 2px;
  /*border: 1px #ddd solid;
  border-radius: 3px;*/
  background-color: #FFF;
  color: #222;
  cursor: pointer;
  border: none;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: lighter !important;
}

.selectlink{
  padding: 5px;
  border: 1px #ddd solid;
  border-radius: 3px;
  background-color: #000;
  color: #FFF;
  cursor: pointer;
}

.selectlink:hover{
  border: 1px #FFF solid;
  background-color: #222;
}


    #AboutWrapper.global{
  margin-top: 0px;
}


#MainArea.global .titleArea{
  height: 450px;
}

#AboutDescription.ja{
  top:36%;
}

#AboutDescription.en{
  top:34%;
}
#AboutDescription.kr{
  top:38%;
}
#AboutDescription.cs{
  top:34%;
  width: 80%;
}
#AboutDescription.ct{
  top:34%;
  width: 80%;
}


#MainArea.global .type{
  margin: 20px auto 60px auto;
}

.explanation.top{
  margin-top: 30px;
}

.storeArea.global.pcOnly{
  display: none;
}

.storeArea.global.spOnly{
  padding: 0px;
}

 .storeArea.global.spOnly .shopList{
   width: 100%;
   padding: 0px !important;
 }
 
 
 .storeArea.global.spOnly .shopInfo{
   width: 47%;
 }
 .storeArea.global.spOnly .shopInfo.left{
    margin-right: 10px;
  }
 
.storeArea.global p.note{
    text-align: center;
    margin-top: 30px;
    font-size: 11px;
  }
  
  .storeArea.global.spOnly.ja p.note{
    margin-top: 0px;
    margin-bottom: -20px;
  }
  
  
  .storeArea.global.spOnly.ja{
    padding: 0px 10px 0px 20px;
    margin: -30px 0px 80px 0px;
  }

  .storeArea.global.spOnly.ja .listLink{
    padding: 0px 30px 0px 15px;
    width: 90%;
  }


}

/*******************************
 * BUST MAKE
 *******************************/



#BustmakeWrapper {
   margin: 80px auto 0px auto;
 }
 
 #BustmakeWrapper .titleArea .mainTitle{
   width: 80%;
   margin: 0px auto 50px auto;
 }
 
 #BustmakeWrapper .titleArea .subTitle{
   width: 60%;
   margin: 0px auto 35px auto;
 }
 
 #BustmakeWrapper .titleArea .txt{
   font-size: 12px;
   line-height: 2;
 }
 
 #BustmakeWrapper .titleArea{
   margin-bottom: 70px;
 }
 
 




/*******************************
 * News
 *******************************/
#NewsWrapper {
  width: 980px;
  max-width: 100%;
  margin: auto;
}

#NewsWrapper .titleArea {
  padding: 100px 0 ;
}

#NewsWrapper .archivetitleArea {
  padding: 100px 0 ;
}

#NewsWrapper .archivetitleArea h1 {
  padding: 0 0 100px;
}

#NewsWrapper .archivetitleArea h2 img {
	vertical-align: middle;
	margin-right: 20px;
}

#NewsWrapper .archivetitleArea h2 span {
  font-size: 25px;
  font-weight: bold;
	/*color: #FFF;*/
	vertical-align: middle
}

#NewsList.blogTop{
	margin-bottom: 60px;
}

#NewsList > ul > li {
  padding: 35px 0;
  border-bottom: 1px solid #000;
}

#NewsList > ul > li:first-child {
  border-top: 1px solid # 000;
}

#NewsList dl {
  width:100%;
  margin:0;
  padding:0;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

#NewsList .blogTime time {
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #000;
  display: inline-block;
  font-size: 12px;
  color: #000;
}

#NewsList .blogShop {
  padding: 0 30px 0 0;
  width: 20%;
  font-size: 12px;
  color: #000;
}

#NewsList .blogTitle {
  font-size: 14px;
  font-weight: bold;
  width: 65%;
}

#NewsList a {
  text-decoration: none;
}

#NewsNav {
  *zoom: 1;
  margin: 100px auto;
	width: 50%;
}

#NewsNav:after {
  content: "";
  display: table;
  clear: both;
}

#NewsNav .next {
  float: right;
  width: 50px;
}

#NewsNav .next:hover {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}

#NewsNav .prev {
  float: left;
  width: 50px;
}

#NewsNav .prev:hover {
  -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
}

#ArchiveArea {
  border: 1px solid #000;
  width: 980px;
  max-width: 100%;
  margin: 0 auto 100px;
	box-sizing: border-box;
}

#ArchiveArea .moreArchuves {
  display: none;
}

#ArchiveArea ol {
  overflow: hidden;
  width: 700px;
  max-width: 100%;
  margin: 20px auto 40px;
}

#ArchiveArea li {
  font-size: 14px;
  float: left;
  margin: 0 0 20px 0;
  border: none;
  width: 25%;
  text-align: center;
  font-weight: bold;
}

#ArchiveArea li:first-child {
  border: none;
}

#ArchiveArea li a {
  text-decoration: none;
}

#ArchiveArea .more {
  text-align: center;
  display: block;
  cursor: pointer;
	padding: 40px;
}

#ArchiveArea .more span {
  display: inline-block;
  position: relative;
}

#ArchiveArea .more span::after {
  content: '';
	width: 21px;
	height: 21px;
	position: absolute;
	right: -45px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	background: url(../img/common/arrow_03.png) no-repeat left center;
	background-size: 100%;
}

#ArchiveArea .more.open span::after {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
/*
.blog .bannerLink {
  margin-bottom: 60px;
}
*/
.blog .bannerLink .inner {
  width: 980px;
  max-width: 100%;
  margin: 0 auto;
}
.blog .bannerLink .inner:after {
  content: "";
  display: table;
  clear: both;
}
/*
.blog .bannerLink p {
	float: left;
	width: 49%;
	margin-right: 2%;
}
*/
.blog .bannerLink p:nth-child(2n) {
	margin-right: 0;
}

.entryWrapper {
  *zoom: 1;
  width: 600px;
  max-width: 100%;
  padding: 0;
  margin: 0 auto;
}

.entryWrapper:after {
  content: "";
  display: table;
  clear: both;
}

.entrytitleArea {
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
  padding: 100px 0;
}

.entryWrapper .entry .store {
  background-color: #000;
  padding: 5px 1000px;
  color: #FFF;
  margin: 0 -1000px 30px;
  font-size: 14px;
  font-weight: bold;
}

.entryWrapper .entry .date {
  margin: 0 0 30px;
  color: #000;
  font-size: 14px;
}

.entryWrapper .entry .title {
  margin: 0 0 60px;
  color: #000;
  font-size: 23px;
  font-weight: bold;
}
.entryWrapper .entry .entryContents strong,
.entryWrapper .entry .entryContents em {
  font-weight: bold;
}

.entryWrapper .entry .entryContents p {
  overflow: hidden;
  font-size: 15px;
  line-height: 2.1;
  margin-bottom: 50px;
}

.entryWrapper .entry .entryContents blockquote {
  font-size: 13px;
  line-height: 2.1;
  padding: 0 25px;
  margin-bottom: 35px;
}

.entryWrapper .entry .entryContents ol,
.entryWrapper .entry .entryContents ul {
  padding-left: 1em;
  margin-left: 0.8em;
  margin-bottom: 35px;
}

.entryWrapper .entry .entryContents ul {
  list-style-type: disc;
}

.entryWrapper .entry .entryContents ol {
  list-style-type: decimal;
}

.entryWrapper .entry .entryContents li {
  font-size: 15px;
  line-height: 2.1;
}

.entryWrapper .entry .entryContents img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 20px auto;
}



/*******************************
 * Download
 *******************************/
#DownloadTitle {
  text-align: center;
  margin: 80px 0 100px;
}

.dlBgLayer {
  background: url(../img/download/bg_wp01.png) no-repeat 50% -40px;
}

.dlContent .layoutFrame {
  text-align: center;
  width: 980px;
  margin: auto;
  padding-bottom: 140px;
  *zoom: 1;
}
.dlContent .layoutFrame:after {
  content: "";
  display: table;
  clear: both;
}
.dlContent .wp {
  float: left;
}
.dlContent .wpList {
  text-align: left;
  float: right;
  width: 305px;
  padding-top: 10px;
}
.dlContent .layoutInner {
  padding: 0 10px;
}
.dlContent .title {
  margin-bottom: 85px;
}
.dlContent .text {
  margin-bottom: 160px;
}
.dlContent .wpList li {
  margin-bottom: 25px;
}
.dlContent .wpList li a {
  position: relative;
  display: inline-block;
}
.dlContent .wpList li a:before {
  content: '';
  opacity: 0;
  position: absolute;
  right: -50px;
  bottom: 7px;
  display: block;
  width: 13px;
  height: 9px;
  background: url(../img/download/arw_down01.png) no-repeat 50% 50%;
  -webkit-transition: 0.3s ease opacity;
  transition: 0.3s ease opacity;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.dlContent .wpList li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #000;
  -webkit-transition: 0.3s ease right;
  transition: 0.3s ease right;
}
.dlContent .wpList li a:hover:before {
  opacity: 1;
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}
.dlContent .wpList li a:hover:after {
  right: -50px;
}

#DlWp02 {
  padding-top: 140px;
  margin-bottom: -40px;
  background: #F4F0E6;
}
#DlWp02 .text {
  margin-bottom: 122px;
}
#DlWp02 .selectArea {
  margin-right: -80px;
}
#DlWp02 .select {
  float: left;
  margin-right: 80px;
}
#DlWp02 .select .color {
  margin-bottom: 25px;
}









/*******************************
 * 404
 *******************************/
#GloablWrapper.error{
	background: #000;
}
#GloablWrapper.error .primaryContents{
	background: none;
}

#Error404 {
  text-align: center;
  padding: 160px 0 130px;
  background: transparent;
}
#Error404 .message {
  margin-bottom: 30px;
}
#Error404 .link a {
  color: #000;
  font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN";
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
}
#Error404 .link a:hover {
  text-decoration: underline;
}


/*
 * mobile
 */
@media screen and (max-width: 768px) {
	
	


#AboutWrapper .titleTxt{
	margin-top: 50px;
	}
#AboutWrapper .titleTxt.next{
	margin-top: 0px;
}

#AboutWrapper .type li{
  width: 90%;
  margin: 0 auto;
}
	

/*******************************
 * BUST MAKE
 *******************************/


#BustmakeWrapper {
  margin: 80px auto 0px auto;
}

#BustmakeWrapper .titleArea .mainTitle{
	width: 80%;
	margin: 0px auto 50px auto;
}

#BustmakeWrapper .titleArea .subTitle{
	width: 60%;
	margin: 0px auto 35px auto;
}

#BustmakeWrapper .titleArea .txt{
	font-size: 12px;
	line-height: 2;
  text-align: center;
}

#BustmakeWrapper .titleArea{
	margin-bottom: 70px;
}


.functionArea .functionList .functionInfo .links ul li {
    text-align: left;
    display: inline-block;
    margin-right: 14px;
}

.functionArea .functionList .functionInfo .links ul li a{
	display: inline-block;
    height: 12px;
    text-decoration: underline;
    font-size: 12px;
    line-height: 1;
    padding-right: 15px;
    background: url(../img/bustmake/icon-arrow-right-white.svg) right center no-repeat;
    background-size: 8px 12px;
}


.functionArea .functionList .caption {
  font-size: 13px;
  margin: 20px 0px 10px 0px;
  color: #FFF;
}
.functionArea .functionList .links {
  font-size: 12px;
  line-height: 1.7;
  color: #FFF;
}
.functionArea .functionList .link a{
  font-size: 12px;
  color: #FFF;
}


#BustmakeWrapper .functionArea .functionList{
	width: 90%;
	margin: 0px auto;
}

#BustmakeWrapper .functionArea .functionList .functionInfo{
	margin-bottom: 40px;
}




#BustmakeWrapper .functionArea .functionList .functionInfo .showBtn{
	position: absolute;
	margin-top: -35px;
	margin-left: 15px;
}





















	
	

/*******************************
 * FAIR
 *******************************/
  .fairArea{
	  background-color: #000000;
  }
  
  .Fair-caption{
	color: #FFF;  
  }
  
  
  .fair main{
    background-color: #000000;
  }
  /*#Fair1 {
    margin: 0 auto;
    padding: 35px 10px 34px;
    background: url(../img/fair/bg-sp.jpg) no-repeat center 0px;
    background-size: 100% auto;
    width: 1280px;
    max-width: 100%;
    box-sizing: border-box;
    margin-bottom: 40px;
    margin-top: -15px;
  }*/
  
  #Fair1 {
    margin: 0 auto;
    padding: 30px 10px 50px;
    background: url(../img/fair/bg-sp.jpg) no-repeat center 0px;
    background-size: 100% auto;
    max-width: 100%;
    box-sizing: border-box;
  }


  #Fair1 .container .Fair-desc{
     width:100%;
}

  #Fair1 .container .Fair-title {
    padding-top: 2%;
    padding-bottom: 2%;
    width:53%;
    max-width: 70%;
    margin-bottom:20px;
    margin-top: -10px !important;
  }

  #Fair1 .container .Fair-date {
    position:relative;
    width:45%;
    padding:0;
    /*margin-bottom:30px;*/
    top:0;
    right:0;
    margin-top: 5px;
  }

  #Fair1 .container h1 {
    width:95%;
    margin-bottom: 0px;
  }

  #Fair1 .container .Fair-img {
    padding: 0;
    margin: 0 -4%;
    /*margin-bottom: 20px;*/
  }

  #Fair1 .container .Fair-desc {
    padding: 0;
    margin-bottom:20px;
    font-size:13px;
    /*padding-bottom: 25px;*/
  }
  
  #Fair1 .container .Fair-size {
    margin-bottom: 30px;
  }
  
  #Fair1 .container .Fair-caption2{
     width:100%;
     font-size: 14px;
     line-height: 1.7;
  }




  #Fair2 {
    margin: 0 auto;
    padding: 10px 10px 20px;
    background: url(../img/fair/bg-sp02.jpg) no-repeat center 0px;
    background-size: 100% auto;
    max-width: 100%;
    box-sizing: border-box;
    margin-top: -20px;
  }
  
  #Fair2 .container .caption{
	display: block;
	text-align: right;
	padding: 5px 5px 5px 8px;
	font-size: 105%;
	background-color: #d12c1e;
	float: right;
	margin-bottom: 35px;
	border-radius: 3px;	
  }

  #Fair2 .container .Fair-title {
    width:90%;
    margin-bottom:20px;
    /*margin-top: 20px;*/
    margin-left: 10px;
  }

  #Fair2 .container .Fair-date {
    width:50%;
    /*margin-bottom:30px;*/
    position:relative;
    top:0;
    left:0;
    margin-left: 10px;
    margin-top: 40px;
  }

  #Fair2 .container h1 {
    width:95%;
    margin-bottom: 15px;
    margin-left: 5px;
  }
  
  #Fair2 .container .Fair-date img{
	  height: 18px;
  }
  

  #Fair2 .container .Fair-img {
    padding-bottom: 0;
    margin: 0 -3%;
    margin-bottom:5px;
  }

  #Fair2 .container .Fair-desc{
     width:100%;
     font-size:13px;
     /*margin-bottom:50px;*/
     text-align: left;
     padding-bottom: 15px;
     margin-bottom: 0px !important;
  }
  
  #Fair2 .container .Fair-size{
	  margin-bottom: 30px;
  }


  #Fair2 .container div{
	  width: auto;
	  position: static;
	  margin: 0px;
  }

#Fair1 .container .br-pc,
#Fair2 .container .br-pc{
	display: none;
}

#ContainerBottom{
	margin: 0 auto;
    padding: 40px 10px 40px 10px;
    max-width:95%;
}



/*******************************
 * ABOUT
 *******************************/

  #AboutWrapper .titleArea {
    height: auto;
    margin-bottom: 0px;
  }
  #AboutWrapper .type {
    height: auto;
    margin-bottom: 50px;
    margin-top: -50px;
  }
  

  #AboutTitle {
    position: static;
  }

  #AboutTitle img {
    max-width: 100%;
  }

  #AboutDescription {
    z-index: 1;
    position: absolute;
    top: 28%;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding-top: 0;
}



  #AboutDescription img {
    max-width: 80%;
  }

  .explanation {
    padding: 0 20px;
    margin: 0 0 70px 0;
  }

  .explanation .headline {
    margin-bottom: 30px;
  }

  .explanation .heading {
    margin-bottom: 20px;
  }

  .explanation .summaryBox p {
    margin-bottom: 40px;
  }



/*******************************
 * News
 *******************************/
  .blog main {
    padding: 0 20px;
  }

  #NewsWrapper .titleArea {
    padding: 40px 0 ;
  }

  #NewsWrapper .archivetitleArea {
    padding: 40px 0 20px;
    line-height: 1;
  }

  #NewsWrapper .archivetitleArea h1 {
    padding: 0 0 40px;
  }

  #NewsWrapper .titleArea h1 img,
  #NewsWrapper .archivetitleArea h1 img{
    width: 130px;
  }

  #NewsWrapper .archivetitleArea h2 img {
    margin: 0 20px 17px 0;
    width: 40px;
  }

  #NewsWrapper .archivetitleArea h2 span {
    display: block;
    font-size: 14px;
  }

  #NewsList > ul > li {
    padding: 20px 0;
  }

  #NewsList .blogTime time {
    padding-right: 10px;
    margin-right: 10px;
    font-size: 10px;
  }

  #NewsList .blogShop {
    width: 70%;
    padding-right: 0;
    font-size: 10px;
  }

  #NewsList .blogTitle {
    width: 100%;
    margin-top: 10px;
    font-size: 11px;
  }

  #NewsNav {
    margin: 55px auto;
    width: 60%;
  }

  #NewsNav .next ,
  #NewsNav .prev {
    width: 20px;
  }

  #ArchiveArea {
    margin: 0 20px 60px;
    width: auto;
    box-sizing: border-box;
    }

  #ArchiveArea li {
    width: 33.333333%;
    font-weight: normal;
  }

  #ArchiveArea .more {
    padding: 25px;
  }

  .blog .bannerLink {
      padding: 15px 20px 10px;
  }

  .blog .bannerLink p {
    float: none;
    width: 100%;
    margin: 0 0 10px 0;
  }

  .blog .bannerLink p:nth-child(2n) {
    /*margin-bottom: 0;*/
  }

  .blog .bannerLink {
    margin-bottom: 20px;
  }

  .entrytitleArea {
    padding: 40px 0;
  }
  .entrytitleArea img {
    width: 130px;
  }

  .entryWrapper {
    *zoom: 1;
    margin: 0 auto;
  }

  .entryWrapper .entry .store {
    margin: 0 -1000px 20px;
    font-size: 10px;
  }
  .entryWrapper .entry .date {
    font-size: 8px;
  }

  .entryWrapper .entry .title {
    margin: 0 0 30px;
    font-size: 18px;
  }

  .entryWrapper .entry .entryContents p {
    margin-bottom: 30px;
  }

  .entryWrapper .entry .entryContents img {
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 10px auto;
    display: block;
  }
  #section_commonmenu .menu_cmnnav{
	  display: none !important;
  }
  
  
  #Items .topics .caption2{
	  margin-bottom: 8px;
  }

}



@-webkit-keyframes bound {
  0% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes bound {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px);
  }
  40% {
    -webkit-transform: translateY(0px);
    opacity: 1.0;
  }
  100% {
    opacity: 1.0;
    -webkit-transform: translateY(150px);
  }
}
@keyframes down {
  0% {
    opacity: 0;
    transform: translateY(0px);
  }
  40% {
    transform: translateY(0px);
    opacity: 1.0;
  }
  100% {
    opacity: 1.0;
    transform: translateY(150px);
  }
}
@-webkit-keyframes collection_show {
  0% {
    left: -70px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1.0;
  }
}
@keyframes collection_show {
  0% {
    left: -70px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1.0;
  }
}
@-webkit-keyframes collection_hide {
  0% {
    opacity: 1;
    left: 0;
  }
  100% {
    left: 0;
    opacity: 0;
  }
}
@keyframes collection_hide {
  0% {
    opacity: 1;
    left: 0;
  }
  100% {
    left: 0;
    opacity: 0;
  }
}


@-webkit-keyframes menu-top-open {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    top: 12px;
    -webkit-transform: rotate(0);
  }
  100% {
    top: 12px;
    -webkit-transform: rotate(45deg);
  }
}
@-webkit-keyframes menu-top-close {
  0% {
    top: 12px;
    -webkit-transform: rotate(45deg);
  }
  50% {
    top: 12px;
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@-webkit-keyframes menu-middle-open {
  0% {
    opacity: 1.00;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes menu-middle-close {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1.00;
  }
}
@-webkit-keyframes menu-bottom-open {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    top: 12px;
    -webkit-transform: rotate(0);
  }
  100% {
    top: 12px;
    -webkit-transform: rotate(-45deg);
  }
}
@-webkit-keyframes menu-bottom-close {
  0% {
    top: 12px;
    -webkit-transform: rotate(-45deg);
  }
  50% {
    top: 12px;
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-top-open {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    top: 12px;
    transform: rotate(0);
  }
  100% {
    top: 12px;
    transform: rotate(45deg);
  }
}
@keyframes menu-top-close {
  0% {
    top: 12px;
    transform: rotate(45deg);
  }
  50% {
    top: 12px;
    transform: rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
@keyframes menu-middle-open {
  0% {
    opacity: 1.00;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes menu-middle-close {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1.00;
  }
}
@keyframes menu-bottom-open {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    top: 12px;
    transform: rotate(0);
  }
  100% {
    top: 12px;
    transform: rotate(-45deg);
  }
}
@keyframes menu-bottom-close {
  0% {
    top: 12px;
    transform: rotate(-45deg);
  }
  50% {
    top: 12px;
    transform: rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}