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

/* reset */
html, body, div, h1, p, blockquote, pre, 
ul, ol, li, dl, dt, dd,table, th, td, form, fieldset {
  margin: 0;
  padding: 0;
  line-height: 1.6;
  font-family:
	YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 
    "Hiragino Kaku Gothic ProN",
    Meiryo, 
    sans-serif;
  box-sizing: border-box;
}
ul, ol {
  list-style: none; /* マーカーを消す */
}
a {
  text-decoration: none; /* 下線を消す */
}

.sp_header,
.sp_footer{
	display: none;
}
.pc_header,
.pc_footer{
	display: block;
}
#wrapper{
	margin-top:150px;

}
#wrapper2{
		text-align:				center;
		width:					auto;
		margin:					auto;

	}
/*------------------------------------- */
header {
	height: 120px;
	background: #FFF;
	overflow: hidden;
}

.header_top{
	max-width: 1440px;
	position: relative;
	margin: 0 auto;
}

#header_navi_left {
  width: 200px;
  height: 60px;
  text-align: center;
   float:left;
	top:30px;
	position: absolute;
  
}

#header_navi_right {
  height: 90px;
  text-align: center;
  float:right;
	min-width: 840px;
}

#header_navi_right .header_menu_top {
		min-width: 450px;
		right:0px;
		position: absolute;

}
#header_navi_right .header_menu_top2 {
		min-width: 300px;
		right:0px;
		position: absolute;

}
#header_navi_right .header_menu_top ul{
	display:block;
	width: 100%;
	padding:0px;
	height: 30px;
	padding-right:10px;
  float:right;
	margin-top:0px;
}
#header_navi_right li{
	
  float:left;
  text-align:right;
}


#header_navi_right .header_menu{
	
	padding:10px;
	font-size:80%;

}

#header_navi_right .header_menu_bottom {
	padding:10px 10px 0 10px;
	height: 54px;
	min-width: 555px;
	top:30px;
	right:0px;
	position: absolute;



}

#header_navi_right .header_menu_bottom ul{
	display:inline-block;
	height: 30px;
	width: 100%;
	font-size:80%;

}
#header_navi_right .header_menu_bottom li.search{
	width: 60%;

  text-align:right;
}
#header_navi_right .header_menu_bottom li.cart{
	width: 40px;

  text-align:left;
}
#header_navi_right .header_menu_bottom li.login_info{
	width: 30%;
	max-width: 200px;
  text-align:right;
}

.mddInner .sns_fb{
    float: right;
    width: 100px;
    top: 20px;
    position: absolute;
    right: 10px;
    font-size: 70px;

}

span.fb,
span.tw,
span.yt{
    font-size: 18px;
    padding: 2px;
    float: right;
    margin-right: 5px;

}
.fb,
#mddNav > ul > li .mddInner .sns_fb .fb a,
#mddNav .mddWrap .mddInner > .dropContent > div .fb a{

	color: #3B5998;
	
}
.tw,
#mddNav > ul > li .mddInner .sns_fb .tw a,
#mddNav .mddWrap .mddInner > .dropContent > div .tw a{
	color: #111;
}
.yt,
#mddNav > ul > li .mddInner .sns_fb .yt a,
#mddNav .mddWrap .mddInner > .dropContent > div .yt a{
	color: #cd201f;
}

#hin_search{
	width: 100%;
	margin:0;
	float: left;

}
#hin_search li.search_box input#hinnm{
	width: 100%;

}

 .search_left #hin_search ul{
	width: 100%;
	margin:0;
	float: left;

}
 .search_left #hin_search ul li.search_box{
	width: 75%;
	margin:0;
	float: left;

}
 .search_left #hin_search ul li.search_btn{
	width: 25%;
	margin:0;
	float: right;

}

.search_left{
	width: 100%;
	float:left;
	text-align:left;
	height: 50px;

}

#header_navi_right #search_box .search_form{
		padding-left:0px;
		padding-top:4px;
		width: 340px;

}
.search_left input[type=text] {
	-webkit-appearance: none;
	display: inline-block;
	margin-right: 0;
	margin-bottom: 0px;
	padding: 10px;
	width: 70%;
	height: 40px;
	font-size: 100%;
	box-sizing: border-box;
	border-radius: 5px 0 0 5px;
	border: 1px solid #ccc;
	border-right: none;
}
.search_left input[type=submit] {
	-webkit-appearance: none;
	display: inline-block;
	padding: 0 10px;
	color: #fff;
	width: 100%;
	height: 40px;
	font-size: 100%;
	vertical-align: top;
	border: none;
	border-radius: 0 5px 5px 0;
	background: #b3b2ad;
}

 .login_cart{
	float:right;
	text-align:center;
	line-height:1.5em;
	margin:5px;
	font-size:25px;


}

 .login_info{
	float:left;
	text-align:right;
	font-size:1.2em;
	line-height:1.8em;
	margin-left:5px;

} 
.login_info span{
	
	font-size:70%;
	

}


.mddWrap {
    display: none;
}

/* mddNav（ドロップダウンメニュー全体とナビボタン）
------------------------------------- */
#mddNav2 {
  z-index: 100;
  width: 100%;
  height: 92px;
  background: #ebebeb;
  background: linear-gradient(to bottom,  #fcfcfc 15%,#ebeae8 95% ,#b2ada4 96%, #b2ada4 98%, #959492 100%);
    background: url('../images/header_bg.gif');
	top: 0;
  left: 0;
  transition: .3s;
}
#mddNav2 > ul {
  display: flex; /*グローバルナビゲーションを横並びに*/
  margin: 0 auto;
  width: 100%;
  height: 20px;
  text-align: center;
  background: linear-gradient(to bottom, #A09172 1%, #A09172 5%, #555 6%, #5c5752 15%,#444 75%);

	box-shadow: 0px 1px 2px #222 ;
	z-index: 100;
}

#mddNav {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: auto;
  background: #ebebeb;
  background: linear-gradient(to bottom,  #fff 55%,#f8f8f8 75%);
  top: 0;
  left: 0;
  transition: .3s;
}
#mddNav > ul {
  display: flex; /*グローバルナビゲーションを横並びに*/
  margin: 0 auto;
  width: 100%;
  height: 60px;
  text-align: center;
  background: linear-gradient(to bottom, #A09172 1%, #A09172 5%, #555 6%, #555 15%,#444 75%);

	box-shadow: 0px 1px 2px #222 ;
  justify-content:         center;

	
}
#mddNav > ul > li {
  width: 160px;
  height: 45px;
  border-left: #635f56 1px solid;
  box-sizing: border-box;
}

#mddNav > ul > li.brank {

  border-left: #666 0px solid;
}
#mddNav > ul > li a {
  color: #CCC;
}
#mddNav > ul > li:last-child {
  border-left: #635f56 1px solid;
}
#mddNav > ul > li > a {
  display: block;
  height: 45px;
  font-weight: bold;
  line-height: 15px;
  text-align: center;
  transition: all 0.2s linear;
  padding-top:14px;
}
#mddNav > ul > li:hover > a {
  background: #FFF;
  	margin-top:3px;
	padding:9px 0px 4px;


}
/* mddWrap
------------------------------------- */
#mddNav .mddWrap {
  position: absolute;
  top: 142px; /*142px通常 205ヘッダーキャンペーンバナー*/
  left: 0;
  z-index: 10000;
  overflow: hidden;
  /*display: none;*/
  width: 100%;
  height: 420px;
  text-align: center;
  background: #fff;
  background: linear-gradient(to bottom,  #fff 0%,#fff 100%);
  border-bottom: #efefef 1px solid;
  box-shadow: 0 2px 2px #eee;
  opacity:0.5;
}
#mddNav .mddWrap div.member{
    margin: 0 auto;
    padding-top: 20px;
    width: 1280px;
    height: 580px;
    line-height: 1.5em;
    text-align: left;

}
#mddNav .mddWrap .mddInner.online,
#mddNav .mddWrap .mddInner.magazine,
#mddNav .mddWrap .mddInner.goods,
#mddNav .mddWrap .mddInner.score{
    max-height: 640px;
    max-width: 1360px;
    height: auto;
}
#mddNav .mddWrap .mddInner {
    margin: 0 auto;
    padding-top: 20px;
    max-width: 1360px;
    height: 360px;
    line-height: 1.5em;
    text-align: left;
    margin-bottom: 20px;

}

#mddNav .mddWrap .mddInner.magazine > .dropContent > div {
    margin-right: 2%;
    width: 420px;
    float: left;
    border-right: #aaa 1px solid;
    margin-bottom: 30px;
    height: 250px;
    margin-top: 20px;

}
#mddNav .mddWrap .mddInner.magazine > .dropContent > div.bottom_list {
    height: 160px;

}
#mddNav .mddWrap .mddInner.score > .dropContent > div {
    margin-right: 1%;
    width: 340px;
    float: left;
    border-right: #aaa 1px solid;
    margin-bottom: 50px;
    height: 200px;
}

#mddNav .mddWrap .mddInner.member > .dropContent > div {
    margin-right: 2%;
    width: 360px;
    float: left;
    border-right: #aaa 1px solid;
    margin-bottom: 20px;
    max-height: 180px;
    height: auto;
    margin-top: 20px;

}




#mddNav .mddWrap .mddInner > .dropContent {
    /* display: flex; */
    overflow-x: scroll;

}
#mddNav .mddWrap .mddInner > .dropContent > div {
    margin-right: 3%;
    width: 280px;
    float: left;
    border-right: #aaa 1px solid;
    margin-bottom: 20px;
    max-height: 265px;
    height: auto;
}




#mddNav .mddWrap .mddInner > .dropContent > div a{
    color: #3C3C3C;
    font-size: 120%;

}
#mddNav .mddWrap .mddInner.goods > .dropContent > div:last-child {
  margin-left: 60px;
  border-right: none;
}
#mddNav .mddWrap .mddInner.score > .dropContent > div:last-child {
     width: 260px;
     border-right: none;
}
#mddNav .mddWrap .mddInner > .dropContent > div:last-child {
  margin-left: 0px;
  border-right: none;
}

#mddNav .mddWrap .mddInner > .dropContent > div > ul > li {
    line-height: 2em;

}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li i {
    margin-right: 0.4em;

}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li.shop {
  line-height: 50px;
} 

#mddNav .mddWrap .mddInner > .dropContent > div > ul > li.shop_items img,
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li.shop img {
  vertical-align: top;  
	height:32px;
	width: auto;
} 
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li.shop_items {
  line-height: 20px;
  color: #3C3C3C;
  margin-bottom: 12px;
  font-size: 110%;
} 
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li.shop_items a {
 
	margin-bottom: 10px;
	line-height: 2;

} 

#mddNav .mddWrap .mddInner > .dropContent > div > ul > li a {
  font-size: 80%;
  color: #3C3C3C;

}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li a:link {
    text-decoration: none;
    font-size: 100%;
    margin-right: 10px;

}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li a:hover {
  text-decoration: none;
}
#mddNav .mddWrap .mddInner p {
  margin-bottom: 20px;
  padding-left: 10px;
  line-height: 1.6em;
  border-left: #B59C74 5px solid;
}
#mddNav .mddWrap .mddInner p strong {
  font-size: 1em;
  display: block;
}
#mddNav .mddWrap .mddInner > div span {
  margin-bottom: 5px;
  font-weight: 500;
	
}

#mddNav .mddWrap .mddInner > div span.m_title {
    margin-bottom: 0px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-right: 15px;
    font-size: 17px;
    margin-top: 10px;

}

.stxt{
	letter-spacing:1;
	margin-top:-20px;
	font-size:8px;
	}
/*------------------------------------- */

#mddNav .mddWrap .mddInner p.online {
    border-left: #81A5CD 5px solid;
    width: 86%;
    margin-right: 10px;

}

#mddNav .mddWrap .mddInner p.magazine {
    border-left: #81B7C8 5px solid;
    width: 60%;
    padding-bottom: 30px;
    margin-bottom: 10px;

}

#mddNav .mddWrap .mddInner p.event_menu {
  	border-left: #7dd9cd 5px solid;
	margin-left: 	100px;
	
}

#mddNav .mddWrap .mddInner p.goods {
  	border-left: #F6BC49 5px solid;
	margin-left: 	50px;
  	padding-bottom: 30px;
    margin-bottom: 30px;	
	
}
#mddNav .mddWrap .mddInner p.member {
    border-left: #9CC744 5px solid;
    padding-top: 20px;
    margin-bottom: 10px;

}


	.online{
  color: #81A5CD;
}

	.magazine{
  color: #81B7C8;
}
	.score{
  color: #996;
}
	.event_menu{
  color: #7dd9cd;
}
	.goods{
  color: #F6BC49;
}
	.member{
  color: #aac744;
}
	

/*------------------------------------- */
.fa-chevron-right {
	color: #B59C74;
}

.online .fa-chevron-right {
	color: #81A5CD;
}


.magazine .fa-chevron-right {
    color: #81B7C8;
    margin: 0 5px;

}

.score .fa-chevron-right {
	color: #996;
}

.goods .fa-chevron-right {
	color: #F6BC49;
}
.event_menu .fa-chevron-right {
	color: #7dd9cd;
}
.member .fa-chevron-right {
	color: #aac744;
}

.fa-chevron-right {
	color: #B59C74;
}
/*------------------------------------- */

#mddNav .mddWrap .mddInner .dropContent .fair_banner{
	width: auto;
	height: 240px;
}
.fair_banner img{
	width: auto;
	height:100%;
}
#mddNav .mddWrap .mddInner > .dropContent > div#week_event {
  	width: 1200px;
	float: left;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: #FFF;
	height: auto;
	margin-left: 	100px;
	display: block;

}
#mddNav .mddWrap .mddInner > .dropContent > div#week_event .event_box{
	
	margin-left: 0;
	width: 100%;
    height: 120px;

}

#mddNav .mddWrap .mddInner > .dropContent > div#week_event .event_title{
	
	font-size: 20px;
}

#mddNav .mddWrap .mddInner > .dropContent > div#week_event .iconimg
{
    width: 100%;
    float: left;
    margin-bottom: 0px;
    margin-right: 10px;
    text-align: center;
    max-width: 320px;

}
	


#mddNav .mddWrap .mddInner > .dropContent > div.instrument{
	width: 340px;
	margin-left: 60px;
}

.instrument ul.inst1{
	width: 98%;
	margin-left: 	1%;
	float: left;
}
.goods ul.inst3{
	width: 52%;
	margin-left: 	1%;
	float: left;
	
}

.goods ul.inst2{
	width: 45%;
	margin-top: 	20px;
	margin-left: 	1%;
	float: right;
	
}
#mddNav .mddWrap .mddInner > .dropContent > div.goods{
	width: 780px;
}

#mddNav .mddWrap .mddInner > .dropContent > div.store_news{
    width: 1150px;
}
#mddNav .mddWrap .mddInner > .dropContent > div.store_news > ul > li{
	width: 32%;
}

 .header_MAGAZINE_NEWS li{
    margin-top:10px;
	font-size:13px;
	height:auto;
	overflow: hidden;
	
}
 .header_MAGAZINE_NEWS li a{
 
	line-height: 100%;
}

.header_MAGAZINE_NEWS li span {
    font-size: 15px;
    margin-top: 0px;
    line-height: 150%;
    float: left;
}

.header_MAGAZINE_NEWS li .news_img {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    height: 120px;
    overflow-y: hidden;

}

.header_MAGAZINE_NEWS li .news_img img{
    width: 100%;
    max-width: 250px;
    float: left;
    padding-right: 5px;
    margin: 0px 0px 0px;

}

.header_MAGAZINE_NEWS li img{
    width: 30%;
    max-width: 75px;
    float: left;
    margin: 0px 10px 0px 0px;

}
#mddNav .mddWrap .mddInner > .dropContent > div .logo img{
    width: 25px;
    float: left;
    margin: 2px 5px 5px 0px;

}

.header_MAGAZINE_NEWS li .news_title{
	width:100%;
	max-width: 160px;

	float:left;
	padding-right: 5px;
	margin: 0px 0px 0px;

}
.header_MAGAZINE_NEWS li .news_title img{
	width:30%;
	max-width: 60px;
	float:left;
	margin: 1px 5px 5px;
	

}


.store_news .header_MAGAZINE_NEWS li{
    margin-top:10px;
	font-size:13px;
	height:65px;
	overflow: hidden;
	
}

#mddNav .mddWrap .mddInner > .dropContent > div.store_news .header_MAGAZINE_NEWS li .news_title{
    width: 60%;
    max-width: 200px;
    text-align: left;
    margin-left: 10px;
}


 div.store_news .header_MAGAZINE_NEWS li{
    margin-top:2px;
	
}
 div.store_news .header_MAGAZINE_NEWS li .news_img {
    width: 130px;
    float: left;
    margin-right: 5px;
    height: auto;

}

 div.store_news .header_MAGAZINE_NEWS li span{
	margin-top: -2px;
}


.pc_footer #footer{
}
#footer_bg{
	position: relative;
}
.pc_footer #footer_top{
	height: 0px;
}

#footer_bottom{
	bottom: 0;
	position: absolute;
}

.header_MAGAZINE_NEWS li{
    display: inline-block;
    padding: 0px 5px;
    font-size: 12px;

}

#wrapper.noarticle .header_MAGAZINE_NEWS li.contents{
    width: 100%;
    height: auto;
	display: none;
}



.header_MAGAZINE_NEWS li.contents{
    width: 100%;
    height: auto;
}


.magazine_list li{
	display: inline-block;
	padding:  0px ;
	font-size: 12px;
}
 .magazine_list {
    width: 400px;

}

.magazine_list .latestmagazine_list{
    width: 400px;

}

.magazine_list .latestmagazine_list li.goods_image{
    padding: 2px 5px 0 0;
    width: 90px !important;

}
.magazine_list .latestmagazine_list li.text_item{
    padding: 10px 5px 0;
    width: 180px !important;

}

.magazine_list .latestmagazine_list .backnumber_list li.goods_image{
    padding: 20px 5px 0 0;
    width: 55px !important;

}
 .magazine_list li.goods_image{
    width: 60px !important;
    margin: 2px;
    height: auto;
    margin-bottom: 4px;

}
 .magazine_list .goods_image img{
	width: 100% !important;
}
.score_list li{
	display: inline-block;
	font-size: 12px;
}

 ul.score_list {
    width: 100%;
    height: 125px;
    overflow: hidden;
    margin-top: 0px;
}
.score_list li .latestbook_list li{
	display: inline-block;
	padding: 0px 0;
	font-size: 9px;
}

.score_list li .latestbook_list{
	width: 100%;
	font-size: 9px;
	margin-top: 5px;
	
	
}
.mddInner .score_list .latestbook_list .goods_image{
	width: 70px!important;
	height: auto;
	margin-bottom: 2px;
	margin-right: 12px;
}

.score_list .latestbook_list .goods_image img{
		width: 100%;

}



.tag_area{
	float: right;
}
.tag_box_area{
	float: left;
	width: 100%;
	 margin-top:  10px;

}

.tag{
	padding: 5px 8px;
	background-color: #636365;
	font-size: 9px;
	color: #FFF;
	border-radius: 5px;
	width: 100%;
	margin: 4px;
}
.tag_box_area .tag{
	float: left;
	padding: 3px 8px;
	background-color: #eaeaea;
	font-size: 15px;
	color: #FFF;
	border-radius: 6px;
	width: auto;
}
#mddNav .mddWrap .mddInner > div span.tag{
	margin-bottom: 2px;
}
#mddNav .mddWrap .mddInner > div span.tag a{
	font-size: 12px;
	color: #848484;
}
.banner_cp{
		width: 100%;
		max-height: 65px;
	}
	.banner_cp img{
		width: 100%;
	}

.banner_cp{
		width: 100%;
		max-height: 65px;
	}
	.banner_cp img{
		width: 100%;
	}
/*キャンペーンヘッドバナー用205px 通常142*/
#wrapper{
		margin-top: 142px !important ;
	}

#wrapper.also{
		margin-top: 10px !important ;
	}

.headbanner_cp{
		width: 100%;
max-width: 1440px;
margin:0 auto;
	padding: 10px;
	text-align: center;
	
	}
	.headbanner_cp img{
		width: 75%;

	}
.headbanner_thanksday2021{
background-image: url(https://stg.alsoj.net/images/shohin/cp/thanksday_topbanner_bg.jpg);
	background-repeat: repeat-x;
hight:50px;
}
.headbanner_fukubago2021{
	background-color: #dc4513;
}
.headbanner_fluteday2022{
background-image: url(https://www.alsoj.net/images/shohin/cp/FluteDayCP2022_globalmenu_back.jpg);
	background-repeat: repeat-x;
hight:50px;
}
.headbanner_SpringCP2022{
background-image: url(https://www.alsoj.net/images/shohin/cp/SpringCP2022_globalmenu_back.jpg);
	background-repeat: repeat-x;
	hight:50px;}
	


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

#mddNav .mddWrap .mddInner {
  margin: 0 auto;
  padding-top: 20px;
  width: 1024px;
  height: 300px;
  line-height: 1.5em;
  text-align: left;
}

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


	.sp_header,
	.sp_footer{
		display: none;
	}
	
	.sp_footer{
		background-color: #FFF;
	}
	
	#wrapper{
		margin-top: 150px;
	}
	
	

	
	#header_navi_right .header_menu_bottom li.search{
    width: 71%;
    text-align: right;
}
#mddNav .mddWrap .mddInner.online,
#mddNav .mddWrap .mddInner.magazine,
#mddNav .mddWrap .mddInner.score{
        height: 860px;
        max-width: 750px;
    
    }
#mddNav .mddWrap .mddInner.goods{
        height: 600px;
        max-width: 750px;
    
    }    
	#mddNav .mddWrap .mddInner {
  margin: 0 auto;
  padding-top: 20px;
  width: 768px;
  height: 300px;
  line-height: 1.5em;
  text-align: left;

	}
	#mddNav .mddWrap .mddInner > .dropContent > div {
        margin-right: 1%;
        width: 32%;
        float: left;
        border-right: #aaa 1px solid;
        margin-bottom: 20px;
    
    }
	ul.header_MAGAZINE_NEWS{
        width: 100%;
        padding-right: 10px;
    
    }
	.header_MAGAZINE_NEWS li .news_img {
        width: 100%;
        float: left;
        margin-bottom: 4px;
        height: 110px;
        overflow-y: hidden;
    
    }
    .store_news .header_MAGAZINE_NEWS li{
    margin-top:10px;
	font-size:13px;
	height:125px;
	overflow: hidden;
	
    }
    #mddNav .mddWrap .mddInner.magazine > .dropContent > div,
    #mddNav .mddWrap .mddInner.score > .dropContent > div {
    margin-right: 2%;
    width: 360px;
    float: left;
    border-right: #aaa 1px solid;
    margin-bottom: 5px;

    }
    .magazine_list .latestmagazine_list li.goods_image{
    padding: 2px 5px 0 0;
    width: 75px !important;

    }
	#mddNav .mddWrap .mddInner p.goods{
		padding: 10px;
		margin:-20px 20px 10px;
	}
	#mddNav .mddWrap .mddInner.goods > .dropContent{
		display: block;
	}
	
	#mddNav .mddWrap .mddInner > .dropContent > div.instrument{
        width: 240px;
        margin-left: 15px;
        height: 280px;
        float: left;
    
    }

	#mddNav .mddWrap .mddInner > .dropContent > div.goods{
        width: 480px;
        height: 360px;
        float: left;
        margin-right: 0px;
    
    }
    .goods ul.inst3{
	width: 100%;
	margin-left: 	1%;
	float: left;
	
    }

    .goods ul.inst2{
        width: 100%;
	margin-top: 	20px;
	margin-left: 	1%;
	float: right;
	
    }


	#mddNav .mddWrap .mddInner > .dropContent > div.store_news{
        width: 100%;
        height: 180px;
        overflow: hidden;
        padding: 10px;
    
    }

	#mddNav .mddWrap .mddInner > .dropContent > div.store_news > span {
	width: 100%;
	margin-top: 30px;
	}
	#mddNav .mddWrap .mddInner > .dropContent > div.store_news > ul {
        width: 100%;
        float: right;
        padding-right: 0px;
    
    }
	
	#mddNav .mddWrap .mddInner > .dropContent > div.store_news > ul > li{
	width: 32%;
	}
	.header_MAGAZINE_NEWS li .news_title img{
		width: 20%;
		float: right;
	}
	.header_MAGAZINE_NEWS li img.category_label {
		margin: 2px 2px 5px;
		
	}

	.header_MAGAZINE_NEWS li .news_title{
        margin: 0px 0px 0px;
        text-align: right;
    
    }
	
	#header_navi_right {
  height: 90px;
  text-align: center;
  float:right;
	min-width: 730px;
	}
	#header_navi_right .header_menu_bottom {
    padding: 10px 10px 0 10px;
    height: 54px;
    min-width: 470px;
    top: 30px;
    right: 0px;
    position: absolute;
	}
	
}



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

	.pc_header,
	.pc_footer{
	display: none !important;
}
	.sp_header,
	.sp_footer{
		display: block !important;
	}
	
/*キャンペーンヘッドバナー用*/
#wrapper{
		margin-top: 0px !important;
	}
}

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

		#header_navi_left {
  width: 20%;
  height: 60px;
  text-align: left;
   float:left;
	top:30px;
	position: absolute;
	}
#mddNav .mddWrap .mddInner {
        margin: 0 auto;
        padding-top: 20px;
        width: 1024px;
        height: 600px;
        line-height: 1.5em;
        text-align: left;
    
    }

}



@media only screen and (min-width:1920px) {

.header_top {
 
float:right;
margin-right:200px;
width: 1920px;		
}
#header_navi_right {
   width: 880px;

	}
	
}




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

	.pc_header,
	.pc_footer{
	display: none;
}
	.sp_header,
	.sp_footer{
		display: block;
	}
	
	#wrapper{
		margin-top: 0px;
	}
	
}