@charset "utf-8";

/* TOPページ用 */



body { behavior: url("js/csshover3-source.htc"); }

body#top{
color:#333;
font:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
line-height:1.5;
background:#FFF100;
-webkit-text-size-adjust: none;
}

.sp_only{
	display: none;
}
@media screen and (max-width:768px){
	.sp_only{
		display: inline;
	}
}

/**************************
/* メイン画像
**************************/
#top h2{ /*margin-bottom:20px;*/ text-align:center;}
#top h2.pre img{ width:100%; max-width:766px;}
#top h2.onsale img{ width:100%; max-width:652px;}
#top h2.smapho{ display:none;}

p.attention{
  text-align: center;
  margin-bottom: 25px;
  font-size: 144%;
  font-weight:bold;
}


/**************************
/* メインエリア
**************************/
#top #main_area{
	width:100%;
	max-width:940px;
}

#main_title {
	width:80%;
	max-width:757px;
	margin:0 auto 20px;
}

#main_title p{
	float:left;
}

  
/* 「RightToLeft」の動作内容 */
@keyframes RightToLeft1 {
  0% {
    opacity: 0;/* 透明 */
    transform: translateX(800px);/* X軸方向に800px */
    overflow-x: hidden;
  }
  14% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
}

@keyframes RightToLeft2 {
  0% {
    opacity: 0;/* 透明 */
    transform: translateX(800px);/* X軸方向に800px */
    overflow-x: hidden;
  }
  23% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
}

@keyframes RightToLeft3 {
  0% {
    opacity: 0;/* 透明 */
    transform: translateX(800px);/* X軸方向に800px */
    overflow-x: hidden;
  }
  28% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
}

#main_title .title_01{
	animation-duration: 3.5s;
  animation-name: RightToLeft1;
	animation-iteration-count: infinite;
	width:30%;
	margin-right:2%;
}

#main_title .title_01 img{
	width:100%;
	max-width:242px;
}

#main_title .title_02{
	animation-duration: 3.5s;
  animation-name: RightToLeft2;
	animation-iteration-count: infinite;
	width:36%;
	margin-right:2%;
}

#main_title .title_02 img{
	width:100%;
	max-width:286px;
}

#main_title .title_03 img{
	width:100%;
	max-width:247px;
}

#main_title .title_03{
	animation-duration: 3.5s;
  animation-name: RightToLeft3;
	animation-iteration-count: infinite;
	width:30%;
}

#main_area dt{ height:35px;}

#main_area dt img {
	vertical-align:bottom;
}

#main_area dl{
	float:left;
}

@media screen and (max-width:768px){
	.clear_fix{
		overflow-x: hidden;
	}
}

/* ----------------------------------------- */

#daimaru_shop_list {
	margin-top: 20px;
	width:66%;
}
#matsuzakaya_shop_list {
	margin-top: 20px;
	width:34%;
}
#daimaru_shop_list a,
#matsuzakaya_shop_list a{
	text-decoration: none !important;
}

#main_area dd{
	display:block;
}

#main_area dd a {
	display:block;
	width:100%;
	/width:91%;
	_width:99%;
	height:auto;
	padding:13px 25px 13px 13px;
}
@media screen and (max-width:768px){
	#main_area dd a {
		padding:13px;
	}
}

#daimaru_shop_list dd div,
#matsuzakaya_shop_list dd div {
	display:block;
	width:100%;
	/width:91%;
	_width:99%;
	height:auto;
	padding:13px 25px 13px 13px;
}

#daimaru_shop_list .left_box {
	float:left;
	width:50%;
}

#daimaru_shop_list .right_box {
	float:left;
	width:50%;
}

#daimaru_shop_list .left_box dd {
	border-left:solid 2px #007a8a;
	border-right:solid 2px #007a8a;
}

#daimaru_shop_list dd.last {
	border-bottom:solid 2px #007a8a;
}

/*　2021Winter-　*/
#daimaru_shop_list .left {
	float:left;
	width:50%;
	border-left:solid 2px #007a8a;
	border-right:solid 2px #007a8a;
}

#daimaru_shop_list .right {
	float:left;
	width:50%;
}

#daimaru_shop_list .last {
	border-bottom:solid 2px #007a8a;
}

#daimaru_shop_list .left.last {
	margin-top:-2px;
}
/*　2021Winter-　*/

body:not(:-moz-handler-blocked) #main_area dd a{
	width:auto;/* firefox hack */
}

#main_area dd.branch.store{
	height:30px;
}

#main_area dd.branch.store a{
	padding:3px 25px 3px 13px;
}

#daimaru_shop_list{
	
}
#daimaru_shop_list dd{
	width:100%;
	border-top:solid 2px #007a8a;
	background:#ffffff;
	color:#007a8a;
	font-weight:bold;
	font-size:120%;
}
#daimaru_shop_list dd.nearby{
	/*padding:13px 25px 13px 13px;*/
}

#daimaru_shop_list dd p.neardy_date{
	float:right;
	color:#e70012;
	font-weight:normal;
	font-size:92%;
}

#daimaru_shop_list dd:hover {
	background:#007a8a url(../img/top/daimaru_menu_bk.gif) repeat-x bottom;
	color:#ffffff;
}
#daimaru_shop_list dd.nearby:hover {
	background:#ffffff;
	color:#007a8a;
}

#daimaru_shop_list dd a {
	color:#007a8a;
}

#daimaru_shop_list dd a span {
	display:block;
	background:url(../img/top/daimaru_menu_arrow_g.gif) no-repeat right;
}

#daimaru_shop_list dd a:hover {
	color:#ffffff;
}
#daimaru_shop_list dd a:hover span {
	background:url(../img/top/daimaru_menu_arrow_w.gif) no-repeat right;
}

#matsuzakaya_shop_list{
	border-bottom:solid 2px #004fa3;
}

#matsuzakaya_shop_list dd{
	width:100%;
	border-left:solid 2px #004fa3;
	border-right:solid 2px #004fa3;
	border-top:solid 2px #004fa3;
	background:#ffffff;
	color:#004fa3;
	font-weight:bold;
	font-size:120%;
}
#matsuzakaya_shop_list dd.nearby{
	/* padding:13px 25px 13px 13px; */
}

#matsuzakaya_shop_list dd p.neardy_date{
	float:right;
	color:#e70012;
	font-weight:normal;
	font-size:92%;
}

#matsuzakaya_shop_list dd:hover {
	background:#004fa3 url(../img/top/matsuzakaya_menu_bk.gif) repeat-x bottom;
	color:#ffffff;
}
#matsuzakaya_shop_list dd.nearby:hover {
	background:#ffffff;
	color:#004fa3;
}

#matsuzakaya_shop_list dd a {
	color:#004fa3;
}

#matsuzakaya_shop_list dd a span {
	background:url(../img/top/matsuzakaya_menu_arrow_b.gif) no-repeat right;
	display:block;
}

#matsuzakaya_shop_list dd a:hover {
	color:#ffffff;
}
#matsuzakaya_shop_list dd a:hover span {
	background:url(../img/top/matsuzakaya_menu_arrow_w.gif) no-repeat right;
}

/* shop_list no_link */

#daimaru_shop_list dd.no_link,
#matsuzakaya_shop_list dd.no_link{
	padding: 13px 25px 13px 13px;
}
@media screen and (max-width:768px){
	#matsuzakaya_shop_list dd.no_link{
		padding:13px;
	}
}
#daimaru_shop_list dd.no_link:hover{
	background:#ffffff;
	color:#007a8a !important;
}
#matsuzakaya_shop_list dd.no_link:hover{
	background:#ffffff;
	color:#004fa3 !important;
}
#daimaru_shop_list dd.no_link span span,
#matsuzakaya_shop_list dd.no_link span span{
	display: inline;
	color: #ff0000;
	padding-left: 20px;
	font-size: 80%;
	background: none;
}
@media only screen and (max-width:640px){
	#daimaru_shop_list dd.no_link span span,
	#matsuzakaya_shop_list dd.no_link span span{
		display: block;
		padding-left: 0;
	}
}

.caption{
	color: #ff0000;
	text-align: center;
	margin-top: 20px;
}

/**************************
/* バナーエリア
**************************/

#banner_area {
	width: 100%;
	padding: 15px 0;
	text-align: center;
}
.bannerbox_s_wrapper:first-child{
	padding-bottom: 20px;
}
.bannerbox_ss_wrapper{
	padding-bottom: 20px;
}

#banner{ margin-top:25px;}
#banner img{ width:100%;}

#banner a:hover{
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=80)";  /* ie 8 */
    -moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;              /* Safari 1.x */
    opacity:0.8;
    zoom:1;
}


/**************************
/* サブエリア
**************************/
#top #sub_area{
	float:right;
	width:31%;
	max-width:285px;
}
#top #sub_area img{
	width: 100%;
	margin-bottom:30px;
}



/**************************
/* SNSボタン
**************************/

#top #banner_area {
	position:relative;
	margin:0 auto;
}

#top #banner_area .sns_btn_box {
	position: absolute;
	left: 10px;
	bottom: 10px;
}

#top #banner_area .sns_btn_box .sns_btn {
	float:left;
	padding-right: 5px;
}




/* PC用 */
@media only screen and (min-width:960px){	
	#wrapper,.inner{
	width:940px;
	_width:942px;
	padding:0;
	}
	
	/* グリッド全体 */
	.gridWrapper{
	width:960px;
	margin:0 0 0 -20px;
	}
	
	/* グリッド共通 ベース:トップページ4カラム */
	.grid{
	float:left;
	width:220px;
	margin-left:20px;
	}
   
}


/* モニター幅940px以下 */
@media only screen and (max-width:940px){
	*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
	
	.grid{
	float:left;
	width:48%;
	margin:10px 2% 0 0;
	}
	
	.grid img{
		float:left;
		margin-right:5px;
	}
	#top #main_area{ padding:0 10px;}
  
}

#main_title {
	width:100%;
	max-width:757px;
}



@media only screen and (max-width:804px){	
	#top #main_area h2 img{ padding:0;}
}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
	
	#top #main_area h2 img{ padding:0;}
	
	.grid img{
	float:none;
	margin:0 auto;
	}
	.grid p{text-align:left;}
	
	#top .logo{ 
		padding: 10px 0 5px 0;
		width: 100%;
	}
	#top #main_area{
		width:100%;
	}

	#top #sub_area{
		display:none;
	}
	.bannerbox_s_wrapper{
		display: none;
	}
  
  #banner_area {
    width:100%;
    padding: 0;
    text-align: center;
  }

  #banner_area img{
    width:95%;
    height: auto;
  }
    
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (orientation: portrait){
	#top #main_area{
		width:100%;
		min-width:100%;
	}
	#top #sub_area{
		display:none;
	}
	
	#daimaru_shop_list {
	width:50%;
	}
	#daimaru_shop_list .left_box,
	#daimaru_shop_list .right_box{
	float:none;
	width:100%;
	}
	#daimaru_shop_list .right_box dd{
	border-left:solid 2px #007a8a;
	border-right:solid 2px #007a8a;
	}
	#daimaru_shop_list .right_box dd:first-child{
	border-top:none;
	}
	/*　2021Winter-　*/
	#daimaru_shop_list .left,
	#daimaru_shop_list .right{
	float:none;
	width:100%;
	}
	#daimaru_shop_list .right{
	border-left:solid 2px #007a8a;
	border-right:solid 2px #007a8a;
	}
	#daimaru_shop_list .right:first-child{
	border-top:none;
	}
	/*　2021Winter-　*/
	#matsuzakaya_shop_list {
	width:50%;
	}
	#matsuzakaya_shop_list dd {
    border-left:none;
	}
}

/* スマートフォン (縦向き) ----------- */
@media screen and (max-width: 480px) {
	
	#top .logo{ 
		padding: 5px 0 0 0;
		width: 100%;
	}

	#top h2.pc{ display:none !important;}
	#top h2.smapho{ display:block !important;}
	
	#top h2.smapho img{
		width:100% !important;
	}

	#daimaru_shop_list dd a,
	#matsuzakaya_shop_list dd a{
		/* display:table-cell; */
    	vertical-align:middle;
		line-height:41px;
	}

	#daimaru_shop_list dd p.neardy_date,
	#matsuzakaya_shop_list dd p.neardy_date{
		float:none;
		font-size:85%;
		line-height:1.25;
	}
}

/* スマートフォン (開催日付用) ----------- */
@media screen and (max-width: 358px) {
	
	/* #daimaru_shop_list dd a,
	#matsuzakaya_shop_list dd a{
		line-height:61px;
	} */
}