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

*{
		padding:0;
		margin:0;
		font-size:12px;
		list-style: none;
		text-decoration: none;
		font-family: "Meiryo",メイリオ,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Arial,  'ＭＳ Ｐゴシック',  Osaka, sans-serif,ヒラギノ角ゴ Pro;}
	
p{font-family: "Meiryo","Hiragino Kaku Gothic ProN","MS PGothic",sans-serif !important;}

.clearfix{clear: both;}

.head{ width:100%; height: 36px; background-color:#0d3266;}
.head-left{ font-size: 13.34px; color:#fff;padding-top: 10px;}
.head-right li{
	list-style: none;
	float:left;
	width:auto;
	display:block;
	padding-top:10px;
	padding-right:8px;
}
.head-right li a{
	font-size: 13.34px;
	color:#fff;	
}
.head-right li a:hover{
	color:#e40600;
	text-decoration:underline;	
}

.topmede {width: 1090px; margin: 0 auto;
		height: 164px;
		margin-top: 5px;
		}


.logonav{width: 1090px;
		 margin: 0 auto;}

.xin-t8{width: 252px;
		float:left; 
		margin-left: 9px;
}
.xin-t8 img{width: 100%;
			
			}

.logo {
		float:left; 
		margin-left: 52px;
}
.logo img{width: 100%;
	
		}

.search-box{width: 400px;
	margin-right: 20px;
	margin-top: 52px;
	float:right;
}	
.search-box .lest{
	
	float: left;
}
.search-box .lest .zuo{
	width: 60px;
	float: left;
}
.search-box .lest .zuo img{
	margin-left: 8px;
}
.search-box .lest .you{
	width: 48px;
	float: right;
	margin-left: 8px;
}

.search-box .lest a{
	
	font-size: 10px;
	color:#333;	} 
.search-box .right{
	float: right;
}
.search form{
	float:right;
	width:260px;
	height:32px;
	background:url(../img/shosuo.jpg) no-repeat;
	
}
.searchtxt{
	
	float:left;
	width:166px;
	height:30px;
	line-height:40px;
	border:none;
	outline:none;
	background:none;
	text-indent:15px;	
}
.searchbg{
	float:left;
	width:60px;
	height:30px;
	text-indent:10000000px;
	background:none;
	outline:none;
	border:none;
	cursor:pointer;	
}
.keyword{width:242px;
		float: right;}

.keyword a{font-size:8px;-webkit-transform:scale(0.8);
	color:#000;	
}
.keyword a:hover{
	color:#e40600;
	text-decoration:underline;
}
.keyword span{
	padding-left:13px;
	height:14px;
}



.menunav{width: 1090px;
		 margin: 0px auto;
		margin-top: 6px;
		 }
.menunav img{ width:100%;}
.clearfix{clear: both;}


.search-box{
	float:right;
}	

.search-nav{
	padding-top:20px;
	overflow:hidden;
		
}
.search-nav li{
	float:right;
	padding-left:15px;
	background:url(../image/red-arrow.jpg) no-repeat left center;
	margin-left:15px;	
}
.search-nav li a{
	color:#646464;	
}
.search-nav li a:hover{
	color:#e40600;
	text-decoration:underline;	
}

.searchtxt{
	float:left;
	width:350px;
	height:40px;
	line-height:40px;
	border:none;
	outline:none;
	background:none;
	text-indent:15px;	
}
.searchbg{
	float:left;
	width:50px;
	height:40px;
	text-indent:10000000px;
	background:none;
	outline:none;
	border:none;
	cursor:pointer;	
}

.keyword a{
	color:#646464;	
}
.keyword a:hover{
	color:#e40600;
	text-decoration:underline;	
}
.keyword span{
	padding-left:13px;
	height:14px;
	background:url(../image/red-arrow.jpg) no-repeat left center;	
}

.search-box {float: right;}

.menus li {float: left;
		   margin: 0 28px;}
.menus a {font-size: 14px;
		  color: black;}
.menus a:hover{border-bottom: 2px solid rgba(94,94,94,1.00);}



#banbanner-box{    margin-top: 16px;
				width: 100%;
				height: 576px;
				position: relative;
				overflow: hidden;
				background-color:#EDEDED;
				border-top: 1px solid #DBDBDB;}
		#banner-box ul{position: absolute;
				   }
		#banner-box li{ float:left;}
		#banner-box .spanlength{
							width: 1090px;
							bottom: 8px;
							border-radius: 15px;
							position: absolute;
							left: calc(50% - 525px);
							}
		#banner-box .spanlength span{display:block;
								 width: 190px;
								 background-color:#fff;
								 cursor: pointer;
								 float: left;
								 margin-left: 19px;
								 opacity: 0.5;}
		#banner-box #prev{position: absolute;
					    top: 35%;
						left: 0;
						transform:rotate(180deg);
						cursor:pointer;opacity: 0.5;}
		#banner-box #next{position: absolute;
						top: 35%;right: 0;
						cursor:pointer;
						opacity: 0.5;}



  /*tz*/

		 .tz {width: 1090px;
			  margin: 0 auto;
			  margin-top: 30px;}




.juanbox .juan{width: 1048px;
						height: 341px;
						margin: 0 auto; 
						
						border:1px solid #5e5e5e;}
.juanbox .juan li{float:left;}		

		.juanbox .juan img{ margin-left:0px;
							width: 100%;
							}
.quan{width:1090px;
height: 213px;}
.quan li{float:left;}
.quan img{width: 100%;}
.tp{width: 1090px;
	height: 304px;
				  margin: 0 auto;
				  margin-top: 30px;}
.tp .img{margin: 0 auto;}
.tp .img li{border:1px solid #5e5e5e; 
			margin-bottom: 18px;			
}
.tp .img .lest{ float:left;}
.tp .img .right{ float:right;}
.tp .img img{width:100%;
			
}

		.prudoctnav {width: 1090px;
				  margin: 0 auto;
				  margin-top: 30px;}
		.blo {font-size: 26px;
			  float: left;}
		.ted{width: 80px;position: relative;top: 15px;}
		.more {float: right;}
		.more a{ color: black;
				font-size: 14px;}


		.name{margin-bottom: 10px;}
		.don{
			width: 356px;
			height: 539px;
			overflow: hidden;
			float: left;
			position: relative;
			 }
		.dons{float:left; }
		.pro{float: left;
			 margin-left: 10px;
			 position: relative;}
.pro li{width: 336px;
		height: 265px;
		overflow: hidden;}
		
		.nunu{margin-bottom: 9px;
			  position: relative;}
.mumu{position: relative;}
.nam{font-size: 22px;
	 color: black;}
.do{font-size: 22px;
	color:#B00002;
	margin-top: 10px
	}
		.text { padding: 20px 0;
                background-color: #fef2f2;
				text-align: center;}
.nun {font-size: 14px;
	  color: black;}
.donu {font-size: 14px;
		color:#B00002;
		margin-top: 6px;}
.txt{position: absolute;
	 top: 28px;
	 left: 26px;}
.prudoct img {transition: all 0.6s;}
.prudoct a:hover img{transform: scale(1.03);}



.pay {margin-top: 12px;}
.pay li{float: left;
		margin-right: 16px;}

.may {width: 250px;
	 height: 228px;
	 overflow: hidden;}
.may img {transition: all 0.6s;}
.pay li:hover img {transform: scale(1.03);}
.tet {text-align: center;
	 background-color: #ecfdff;
	 margin-top: 1px;
	 padding:16px 0;}


/*bottomnav*/

.bottomnav{width: 1090px;
		   margin: 0 auto;
		   margin-top: 26px;
		background-color: #62c3d0;
		border-radius:10px 10px 0 0;}
.menu li {float: left;
		   font-size: 16px;
		  color: black;
		   padding: 5px 21.89px;}
.menu li:hover{background-color:#A9E3EB;
			   border-radius:12px;}


/*bottom-input*/
		.inputbox{background-color: #e9f0c6;
					}
		.input2 {width: 1090px;  
			 margin: 0 auto;		
			 }
		.center-input { margin-left: 305px;
					padding: 20px 0;}
		.searchtxt1 {width: 450px;
			     height: 40px;
				 text-indent:15px;/*首行*/
				 border-radius: 70px;
				 border:1px solid #000;
				 outline:none;
				 font-size:16px;}
		.searchbg1 {
				width:19px;
				height:23px;
				text-indent:10000000px;
				background:url(../image/2.jpg) no-repeat;
				outline:none;
				border:none;
				cursor:pointer;	
				position: relative;
				left: -40px;
		}
		.keyword2 { margin-top: 10px;
				width:600px;
				position: relative;
				
				}
		.keyword2 a{color: black;
				font-size:14px;	
				border:1px solid #D0D0D0;
				padding: 5px;
				border-radius: 8px;
				}
		.keyword2 span {font-size:14px;}
		.keyword2 a:hover{ background-color:#000;
					   color:#fff;}


.foot{background-color: #62c3d0;}

.poform {width: 1090px;
	  margin: 0 auto;
	  margin-top: 20px;}

.poform li {float: left;
		 width: 343px;
		 height: 343px;
		 background-color: white;
		 margin-top: 10px;
		 margin-right: 10px;}

.rade {width: 310px;
	   margin: 0 auto;}

.kai {font-size: 20px;
	  margin-top: 10px;
	  border-bottom: 1px solid #D7D7D7;}

.kai1 {font-size: 13px;
	   margin-top: 8px;}
.kai1 span{font-size: 14px;
	   margin-top: 8px;
	   color: #D40003;
	   font-weight: bold;
	  }

.kai2 {font-size: 14px;
       font-weight: bold;
	   color:#AD0002;
	   margin-top: 8px;}
.ka {font-size: 14px;
	 margin-top: 8px;
	 line-height: 28px;}
.ka1 {font-size: 15px;
	  margin-top: 8px;}
.ka2 {font-size: 20px;}

/*time*/
.calbase_rakuten {
    padding: 0 0 28px 0;
}

.store_calendarWrapper{
    padding-left: 40px;
    box-sizing: border-box;
}

.store_calendar {
    margin: 0 auto;
    padding: 0;
    font-size: 95%;
}

.calframe_rakuten {
    width: 96%;
}

.calframe_rakuten td {
    height: 16px;
    width: 26px;
    font-size: 13px;
}

table.calbase_rakuten {
    background-color: #FFFFFF;
    font-size: 98%;
}

table.calbase_rakuten * {
    color: #000000;
    vertical-align: top;
    border-collapse: collapse;
}

table.calbase_rakuten th {
    height: 16px;
    text-align: center;
    padding-top: 10px;
    overflow: hidden;
}

table.calframe_rakuten {
    border-collapse: collapse;
    margin: 0px 3px 2px 3px;
}

table.calframe_rakuten th {
    height: 16px;
    text-align: center;
    padding-bottom: 0;
    margin: 5px;
    font-size: 13px;
}

table.calframe_rakuten td {
    border-top: 4px solid #FFFFFF;
    border-bottom: 4px solid #FFFFFF;
    background-color: #FFFFFF;
    width: 26px;
    height: 16px;
    text-align: center;
    line-height: 1;
}

tr.weektitle_rakuten td {
    background-color: #EEEEEE;
}

td.event1day_rakuten {
    background-color: #FFC6C6!important;
}

font.event1day_rakuten {
    color: #FFC6C6;
}

td.event2day_rakuten {
    background-color: #FEDE93!important;
}

font.event2day_rakuten {
    color: #FEDE93;
}

td.event3day_rakuten {
    background-color: #afe99b!important;
}

font.event3day_rakuten {
    color: #afe99b;
}

table.event_rakuten {
    word-break: break-all;
    margin-top: 0px;
    margin-left: 3px;
}

table.event_rakuten td {
    font-size: 13px;
    padding-bottom: 2px;
    line-height: 1.2;
}

table.text_rakuten {
    word-break: break-all;
    margin-top: 5px;
    margin-bottom: 5px;
}

.c-spCompany__calendarTitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 4px;
}

.storeHourTable {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-top: 8px;
}

.storeHourTable td {
    font-size: 14px;
    padding: 2px 5px;
    border: 1px solid #b7b7b7;
    overflow: hidden;
    word-break: normal;
}

.storeHourTable td:first-child {
    background: #f6f6f6;
    width: 40px;
}

.storeHourTable th:first-child {
    background: #f6f6f6;
}

.companyInfoPC .storeHourTable th{
    font-size: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.storeHourTable th {
    font-size: 14px;
    font-weight: normal;
    padding: 2px 5px;
    border: 1px solid #b7b7b7;
    overflow: hidden;
    word-break: normal;
}

.storeHourTable .storeHourTable-col {
    text-align: center;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
    height: 26px;
    line-height: 26px;
}

.store_hours .c-spCompanyPara {
    margin-bottom: 0;
    margin-top: 12px;
    line-height: 1.3;
}

.c-companyBtn {
    display: block;
    color: #333 !important;
    border: 1px solid #d7d7d7 !important;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    line-height: 44px;
    font-size: 14px;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    margin-top: 4px;
}

.companyInfoPC .c-companyBtn {
    width: 190px;
    height: 36px;
    line-height: 36px;
    text-decoration: none;
}

.companyInfoPC .store_calendar {
    max-width: 274px;
    margin-left: 0;
}

.companyInfoPC .event_rakuten td {
    font-size: 12px;
}

.companyInfoPC .calbase_rakuten {
    padding-bottom: 0;
}

.companyInfoPC .calframe_rakuten td {
    font-size: 16px;
    line-height: 1.2;
}

.companyInfoPC table.calframe_rakuten th {
    font-size: 16px;
}

.companyInfoPC table.event_rakuten td {
    font-size: 14px;
}

.companyInfoPC .store_hours {
    max-width: 274px;
    margin-left: 0;
}

.companyInfoPC .storeHourTable {
    margin-bottom: 10px;
}

.companyInfoPC .storeHourTable td {
    font-size: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.companyInfoPC .store_hours_notes {
    font-size: 12px;
}

.companyInfoPC .store_hours_notes p {
    font-size: 16px;
    margin: 0 0 12px 0;
    line-height: 1.2;
}

.c-pcCompanyContainer {
    margin-right: 0;
}

.c-pcCompanyContainer .storeHourTable .storeHourTable-col {
    font-size: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.event_rakuten font:not(:first-of-type) {
    color: #fff;
}


.top {position: fixed;
	 	bottom: 30px;
		 right: 50px;}




/*lunbo*/
.banners{
	width:100%;
	min-width:1090px;
	padding-bottom:27px;
	padding-top:18px;
}






#container { width: 1090px; margin:0 auto; height: 593px;  overflow: hidden; position: relative;}
#list { width: 5000000px; position: absolute; z-index: 1;}
#list a { float: left; display:block;}
#list a img{ display:block; border:none;}
.button-box{position: absolute;  width: 100%; z-index: 2; bottom: 0px; left: 0px;}
#buttons { overflow:hidden; margin-left: 24px;}
#buttons li { cursor: pointer; float: left; width:162px; margin:0 20px; border:2px #ddd solid;}
#buttons li img{ width:100%; opacity:0.6; filter:alpha(opacity=60); display:block; border:none;}
#buttons .on{ border:2px solid #9c0100;}
#buttons .on img{  opacity:1; filter:alpha(opacity=100);}
.arrow { cursor: pointer; display: none; line-height: 39px; text-align: center; font-size: 36px; font-weight: bold; width: 40px; height: 40px;  position: absolute; z-index: 2; top: 180px; background-color: RGBA(0,0,0,.3); color: #fff;}
.arrow:hover { background-color: RGBA(0,0,0,.7);}
#container:hover .arrow { display: block;}
#prev { left: 20px;}
#next { right: 20px;}