@media screen and (max-width: 640px) {
.pc_view{
    display:none !important;
}
/*************************
ヘッダー
**************************/
#header-new{
width:100%;
text-align:left;
}
#header-new h1{  width: 50%;  float: left;  margin-top: 8px;  margin-bottom: 8px;}
#header-new h1 img{
width:100%;
height:auto;
}

#header-new h1 a{
display:block;
}
/*************************
ハンバーガーボタン
**************************/


#dropdown {
    position: relative;
    top:0;
}
#dropdown li.dropdownMain {
text-align:right;
}
.nav-open {
    position: absolute;
    width: 100%;
    height: 30px;
    z-index: 200;
    margin: 0;
}
.nav-open a {
    position: absolute;
    top: 5px;
    right: 10px;
	z-index:100;
}
#base #gNav {
    width: 100%;
    position: absolute;
    top: -300px;
    z-index: 100;
    transition: top 1s;
    -webkit-transition: top 1s;
    -moz-transition: top 1s;
    text-align: center;
    background:#1a1a1a;
}
#base #gNav table { width: 98%;margin: 1% auto;}
#base #gNav table,#gNav table tr,#gNav table td { border:1px solid #FFF; border-collapse:collapse;}
#base #gNav span { fnt-ize:0.8em; }
#base #gNav table td { padding:1em 0;}
#base #gNav td a { color:#FFF; text-decoration:none;}
#base #gNav:target {top: 34px;}
.nav-close { padding:10px 0;}
#base .nav-close a { color:#FFF; text-decoration:none;}


/*************************
ハンバーガーボタン
**************************/
nav { position:relative; z-index:100;}

.button-toggle {
    position: absolute;
    font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
    width: 30px;
	right:0;
	top:0;
    height: 30px;
      margin: 0 7px 7px;
    color: #000;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    box-shadow: 0 0 0 1px #fff;
    cursor:pointer;
}
.off{
    display:none;
    position:absolute;
    left:0;
    font-size: 70%;
}
 
.on{
    position:absolute;
    left:0;
}
 
nav div.menu {
    position: absolute;
    top:45px;
    width: 100%;
    background: #000;
    color: #fff;
    overflow: hidden;
	padding:2%;
	box-sizing:border-box;
	margin:0 auto;
}
 
nav div.menu table {
    padding:0;
    margin: 0 auto;
    list-style: none;
	display:table;
	border:1px solid #fff;
	border-collapse:collapse;
}
 
nav div.menu td {
    position: relative;
	color:#fff;
	border:1px solid #fff;
	border-collapse:collapse;
}
 
nav div.menu td a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 1em 20px;
    border-bottom: 1px solid #fff;
    line-height: 20px;
    font-size: 100%;
	vertical-align:middle;
	text-align:center;
}
 
nav div.menu a:hover {
    background: #ccc;
}

/*************************
SNSアイコン
**************************/
#sns { text-align:right; height: 60px;width: 100%;}
#sns li { display:inline-block;   padding: 0 0.2em;}
#sns li.fb,#sns li.insta { border-right:1px solid #E3E3E3;}
.fixed {
    position: fixed;
    top: 0;
    z-index: 1;
	background-color:rgba(255,255,255,0.7);
}

/*************************
コンテンツ全体
**************************/
#Contents-new{width:98%;margin: 0 auto;}

#Contents-new:after {
content: "";
display: block;
clear: both;
height: 0;
overflow: hidden;
}

#Contents-new #ContentsInner{
width:100%;
padding:0 0 1em;
clear:both;
}

#Contents-new #ContentsInner:after {
content: "";
display: block;
clear: both;
height: 0;
overflow: hidden;
}


/*************************
ブランドロゴ一覧
**************************/

 .tab-index ul {
	display: table;
	width: 100%;
	text-align: center;
}
 .tab-index li {
	background: rgba(229, 226, 226, 0.8);
	width: 25%;
	padding:6px 0;
	border-top: 1px solid #ccc;
	 box-sizing:border-box;
	 font-size: 140%;
	 font-weight: bold; 
	 opacity:0.6;
	display: table-cell;
	height: 44px;
	line-height: 44px;
}
 .tab-index a {
	display: block;
	width: 100%;
}
 .tab-index li:not(:last-child) {
	border-right: 1px solid #ccc;
}
table#logo{ margin:0 auto 0; width:100%;}
table.logo-grid a{ display:block;}
table.logo-grid a:hover{ opacity:1;}
table.logo-grid {margin-top:15px; font-size:70%; width:100%;}
table.logo-grid td, table.logo-grid th {font-size:90%;padding:2px 0;border-right:1px solid #CCC;/*border-left:1px solid #CCC; */border-collapse:collapse;text-align:center; width:20%; table-layout:fixed; vertical-align:middle;}
table.shop-map {margin-top:15px; font-size:70%;width: 100%; table-layout:fixed; border-collapse:collapse;}
table.shop-map2 {margin:15px 0; font-size:70%;width: 100%; table-layout:fixed; border-collapse:collapse;}
table.shop-map td,table.shop-map2 td {
margin: 0 0 0.2em 0.1em;
width: 31%;
text-align: center;
padding: 0.2em; font-size:12px;}
.bgGRY {
/*background: #999;
color: #FFF;*/
font-size: 75%;
padding: .7em 2px;
line-height: 3em;
border-bottom: 1px solid #FFF;
}
.tab-contents .brand_block_1,.tab-contents .brand_block_2,.tab-contents .brand_block_3,.tab-contents .brand_block_4{  border-right: 1px solid #EFEFEF;
  padding: 0 0.3%;
  width: 24%;
  float: left;
   text-align: center;  table-layout: fixed;
}
.tab-contents .brand_block_4 {
  border-right:none;
  padding-right: 0;
}

.tab-contents .brand_block_6{padding-left:1em; width: 24.6%; float:left;}
.tab-contents .brand_block_1 dl dt img,.tab-contents .brand_block_2 dl dt img,.tab-contents .brand_block_3 dl dt img,.tab-contents .brand_block_4 dl dt img,.tab-contents .brand_block_5 dl dt img,.tab-contents .brand_block_6 dl dt img{ width:100%; height:auto;}

#base .tab-contents .brand_block_1 dl dd,#base .tab-contents .brand_block_2 dl dd,#base .tab-contents .brand_block_3 dl dd,#base .tab-contents .brand_block_4 dl dd,#base .tab-contents .brand_block_5 dl dd,#base .tab-contents .brand_block_6 dl dd{ font-size:90%; font-weight:normal;}
#base .tab-contents .brand_block_1 a,#base .tab-contents .brand_block_2 a,#base .tab-contents .brand_block_3 a,#base .tab-contents .brand_block_4 a,#base .tab-contents .brand_block_5 dl a,#base .tab-contents .brand_block_6 dl a{ text-decoration:none; font-size:80%;}

.brand_border{width:80%; border:1px solid #EFEFEF; margin:1em auto;}

.tab-contents p{font-weight: bold;
font-size: 12px;}

.avenir_b {
  letter-spacing: 0px;
  font-weight: normal;
  font-size: 90%;}
  
#base #ContentsInner .viewAllBtn a {
text-decoration: none;
  color: #333333;
  border: 1px solid #DBDBDB;
  padding: 0.5em 1em;
  font-weight: bold;
  letter-spacing: 3px;
  display: block;
  margin: 0 auto 3em;
  width:30%;
  line-height: 1.5em;
  font-size: 90%;
  background: url(/wp-content/uploads/2015/03/arrow_r_gray.png) 95% 50% no-repeat;
}
#base #ContentsInner .viewAllBtn2 a {
  text-decoration: none;
  color: #333333;
  border: 1px solid #DBDBDB;
  padding: 0.5em 1em;
  font-weight: bold;
  letter-spacing: 3px;
  display: block;
  margin: 0 auto 3em;
  line-height: 1.5em;
  width: 80%;
  font-size: 90%;
  background: url(/wp-content/uploads/2015/03/arrow_r_gray.png) 95% 50% no-repeat;
}

.OneBox4 {
margin: 0 auto;
text-align: left;
line-height: 2em;
}

/*************************
ブロック共通
**************************/
.title-box{
margin: 10px 0 10px;
}
h2.title-text{
font-size: 210%;
letter-spacing: -1px;
border-bottom: 2px solid #333;
margin-bottom:0.4em;
font-family: "Times New Roman",‘游明朝’, YuMincho, ‘ヒラギノ明朝 ProN W3′ , ‘HiraMinProN-W3′ ,”メイリオ”, Meiryo, selif;
}


/*************************
pickup
**************************/
#dailyNewsWrap{ margin:0 auto;text-align:left;}
#dailyNewsWrap .newsBox {
float: left;
  width: 48%;
  margin: 0 0;
  padding: 0 2% 4%;
  box-sizing: border-box;}
#dailyNewsWrap .newsBox img { width:100%; height:auto;}


/*************************
インフォメーション
**************************/
#dailyInfoWrap {
padding-top: 10px;
width: 90%;
margin: 0 auto;
text-align:left;
}
#dailyInfoWrap:after {
	content: "";
display: block;
clear: both;
height:0;
overflow: hidden;

}

#dailyInfoWrap .infoBox {
	text-align:left;
}

#dailyInfoWrap dl { line-height: 145%; margin-bottom:1em; }
#dailyInfoWrap dt { color: #999; margin-right:1em;border-left: 5px solid #000;line-height: 1em;}
#dailyInfoWrap dt span{margin-right: 2em; margin-left:6px;color: black;}

/*************************
メディア
**************************/
#dailyMediaWrap {
padding-top: 10px;
width: 95%;
margin: 0 auto;
text-align:left;
}
#dailyMediaWrap:after {
	content: "";
display: block;
clear: both;
height:0;
overflow: hidden;

}

#dailyMediaWrap .MediaBox {
	width:100%;
	text-align:left;
	float:left;
	padding-bottom:3%;}
#dailyMediaWrap .mediaImg {
	width:48%;
	float:left;	
	padding-right: 3%;
	overflow:hidden;
}
#dailyMediaWrap .mediaImg img {
	width:100%;
	height:auto;	
}
#dailyMediaWrap .content-Txt{ float:left; width:48%;}
#dailyMediaWrap .content-Txt:after{ content: "";
display: block;
clear: both;
height:0;
overflow: hidden;
}
#dailyMediaWrap dl { line-height: 145%; margin-bottom:1em;}
#dailyMediaWrap dt { color: #999; padding:0.5em 0; }
#dailyMediaWrap dd.title {font-weight:bold;font-size:14px;}
#dailyMediaWrap dd.press { padding:0; line-height:1.8em;}

/*************************
SNS
**************************/
#Sns{ margin-bottom:20px;}
#dailySNSWrap {
padding-top: 10px;
padding-bottom: 22px;
width: 100%;
margin: 0 auto;
text-align:left;
font-size:0.9em;
}
#dailySNSWrap:after {
	content: "";
display: block;
clear: both;
height:0;
overflow: hidden;
}
#dailySNSWrap dl { width:48%; line-height: 145%; margin-bottom:1em; float:left; padding:0 1%;}
#dailySNSWrap dt { color: #999; border-left: 5px solid #000;line-height: 1em;}
#dailySNSWrap dd img { width:100%; height:auto;}
#dailySNSWrap dt span{margin-left:6px;color: black;}

/*************************
メンバーシップ
**************************/
#MembershipWrap {
padding-top: 10px;
width: 100%;
}
#MembershipWrap:after {
	content: "";
display: block;
clear: both;
height:0;
overflow: hidden;
}
#MembershipWrap .MembershipBox ul {
	width:80%;
	margin:0 auto;
}
#MembershipWrap .MembershipBox li {
	width:100%;
	padding-bottom:1em;}
#MembershipWrap .MembershipBox li img { width:80%; height:auto;}

#MembershipWrap .MembershipBox li p{
	text-align:left;
	margin-top:1em;
}



/* /////////// */
/* footer部分 */
/* /////////// */
	
#FooterArea{
	border-top:1px solid #aaaaaa;
	border-right:1px solid #aaaaaa;
	border-left:1px solid #aaaaaa;
} 

.footer-menu{margin-top:15px; font-size:70%;width: 100%; table-layout:fixed; border-collapse:collapse;}
.footer-menu td {
margin: 0 0 0.2em 0.1em;
width: 50%;
text-align: center;
padding: 0.8em; font-size:12px;
border:1px solid #666;
}

.main_image{
	margin:4% 0 0 0;
}
#footer-nav { width:100%;}
#footer-nav ul { clear:both;}
#footer-nav li {width:50%; display:inline-block; float:left; text-align:center;}
#footer-nav ul.first-block li:first-child { border-right:1px solid #000;}
#footer-nav li a {display:block; text-decoration:none;}
#footer-nav td span {font-size:0.8em;}
.footerinner address{ font-size:70%; width:100%; background-color:#000; color:#FFF; padding:1em 0;}
table{width:100%; table-layout:fixed;}


#Principle { width:100%; background-color:#E3E2DD; padding:1em 0; }
#Principle img { width:80%;}

#ContentsFoot {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.pB60px{  padding-bottom: 30px;
  display: block;}

/*メインスライド*/
.slides { width:95%!important; height:50%!important; margin:auto;}
.slides img { width:50%!important; height:auto!important; margin:auto;}

}