@charset "utf-8";

/*-----------------------------
 *index
 */


.blockMenus a {
	display:block;
	width:24.5%;
	max-width:193px;
	margin-right:0.5%;
	margin-bottom:0.5%;
	float:left;
}
	.blockMenus a img {
		width:100%;
	}
	
.news {
	padding:0px;
}
	.news h2 { background:#e60090; }
	#newsLists {
		background-color:#FFF;
		border-radius:0 0 10px 10px;
		margin:0 0 10px 0;
	}
	#newsLists *{
		
		font-size:95%;
	}
		#newsLists li {
			padding:16px;
			background:url(../img17s/common/menu/grayLine.jpg) bottom repeat-x;
			margin:0 24px;
		}
			#newsLists li:last-child{
				background:none;
			}
		#newsLists .times {
			/*width:18%;*/
			float:left;
			font-weight:bold;
		}
		#newsLists .links {
			/*max-width:80%;*/
			float:left;
		}
		#newsLists p {
			/*max-width:80%;*/
			word-wrap: break-word;
			float:left;
		}
		#newsLists a {
			color:#06F;
		}

#btnShowNews img{
	width:100%;
	height:35px;
}
/*ご挨拶*/
.subInfos {
	box-shadow: 0 0 0 3px #FFF;
	text-align:center;
	margin:20px auto 0;
	padding:3%;
	background:#FFF;
	border:solid 3px #bfbfbf;
	/*font-weight:bold;*/
	line-height:1.5em;
	width:94%;
}
	.subInfos .red {
		color:#F00;
	}
/*QRコード*/
#qrCode {
	padding:10px;
	margin:auto;
	margin-top:3.5%;
	margin-bottom:3.6%;
	background:#FFF;
	width:423px;
	font-size:80%;
	font-weight:bold;
	line-height:1.5em;

}
	#qrCode img{
		margin-right:10px;
		float:left;
	}
	#qrCode p{
		padding-top:10px;
	}
.d_inline { display:inline !important;}

/*メインイメージ*/
.content {
	margin-bottom:0.6em;
}

/*インフォメーション*/
#infoWapper {
	/*width:93.5%;*/
	padding:0 2.8% 0 2.4%;
	margin:0 auto;
}

.contentMenu_Y {
	max-width:23.8%;
	width:100%;
/*	margin-left:0.65em;
	margin-bottom:0.6em;*/
	float:left;
	border-radius:10px;
	border:4px solid #fff100;
	background:#fff;	
}


.contentMenu_R {
	max-width:23.8%;
	width:100%;
/*	margin-left:0.65em;
	margin-bottom:0.6em;*/
	float:left;
	border-radius:10px;
	border:4px solid #e60012;
	background:#fff;	
}

.contentMenu_B {
	max-width:23.8%;
	width:100%;
	float:left;
	border-radius:10px;
	border:4px solid #00b0ec;
	background:#fff;	
}

.contentMenu_G {
	max-width:23.8%;
	width:100%;
	float:left;
	border-radius:10px;
	border:4px solid #19ce3b;
	background:#fff;	
}

.contentMenu_Bk {
	max-width:23.8%;
	width:100%;
	float:left;
	border-radius:10px;
	border:6px solid #fff;
	background:#fff;	
}

.textbox {
	position:relative;
	height:auto;
	width:100%;
}
.textbox img {
	width: 100%;
	bottom: 0;
	border-radius:0 0 9px 9px;
}
.infotitle {
	font-weight:bold;
	max-width:100%;
	background-color:#fff100;
	height:1.4em;
	padding:0 0 0 5px;
}
.infotitle_Y {
	font-weight:bold;
	max-width:100%;
	background-color:#fff100;
	height:1.4em;
	padding:0 0 0 5px;
}
.infotitle_R {
	font-weight:bold;
	max-width:100%;
	background-color:#e60012;
	height:1.4em;
	padding:0 0 0 5px;
}
.infotitle_B {
	font-weight:bold;
	max-width:100%;
	background-color:#00b0ec;
	height:1.4em;
	padding:0 0 0 5px;
}
.infotitle_G {
	font-weight:bold;
	max-width:100%;
	background-color:#19ce3b;
	height:1.4em;
	padding:0 0 0 5px;
}
.infotitle_Bk {
	font-weight:bold;
	max-width:100%;
	background-color:#fff;
	height:1.4em;
	padding:0 0 0 5px;
	border-radius:6px 6px 0 0;
}
.infoBoxTitle {
	font-size:80%;
}

.infobox {
	position:absolute;
	width:100%;
	background-color:rgba(0,0,0,0.7);
	bottom: 0;
	z-index:2;
	border-radius:0 0 6px 6px;
}

.infobox_Bk {
	position:absolute;
	width:100%;
	bottom: 0;
	z-index:2;
	border-radius:0 0 6px 6px;
}

.infotext {
	position:relative;
	line-height:1.6em;
	font-size:80%;
	padding:0.5em;
}

.infoText:not(:target) {
	position:relative\9;
	line-height:1.2em\9;
	font-size:80%\9;
	padding:5px\9;
}

.infoText a{
	color:#FFF;
}

/* 2014.11.05 komuro------------------------------*/
.infotextYellow {
	color:#FF0; 
	font-weight:bold;
	margin-bottom: 4px;
	display: block;
}
.infotextRed {
	color:#ff694a; 
	font-weight:bold;
	margin-bottom: 4px;
	display: block;
}
.infotextBlue {
	color:#41acea; 
	font-weight:bold;
	margin-bottom: 4px;
	display: block;
}
.infotext02 {
	color:#FFF; 
	font-size:140%;
	display: block;
}
.infotext03 {
	color:#FFF; 
	font-size:9pt;
	display: block;
}
/* -------------------------- 2014.11.05 komuro*/


/*osada*/
.categoryIcon{
	position:absolute;
	z-index:10;
	right:-3;
	top:-3;
}
.categoryIcon:not(:target) {
	right:0\9;
	top:0\9; /* IE9, 10 */
}

.contents_space{
	margin:0 0 10px 1%;
}

/*osada*/

.contentMenu_double {
	max-width:48.3%;
	width:100%;
	float:left;
	border-radius:10px;
	border:4px solid #fff100;
	background:#fff;
}

/*ニュース*/
.contentnews {
	/*padding: 2% 1% 0 1.5%;*/
	max-width:100%;
	clear:both;
	/*width:94%;*/
	margin:0 auto;
	border-radius:10px;
	}
.bgColors_P {
	background:#000;
	background-repeat:repeat;
	height:2.6em;
	border-radius:10px 10px 0 0;
	padding:5px 0 5px 10px;	
	}
	
.titleBotom_P{
	height:3px;
	width:auto;
	z-index:2;
	border-radius:0 0 10px 10px;
}
.contentnews img {
	height:100%;

}

.spStage {
	text-align:center;
	font-weight:bold;
	color:#FF0; 
	background-color:#F03;
	padding:0.6em;
	margin-bottom:1.5em;
	border:#FF6 solid 4px;
}
.whf15Close {
		width:99%;
        height: auto !important;
		padding-bottom: 20px !important;
		text-align:center;
		padding-top:14px;
		margin-left:4px;
		margin-bottom:20px;
		border:#e60012 4px solid;
		background-color:#fff;
		color:#e60012;
		font-weight:bold;
        font-size: 110%;
	}

#infoWapper #mainBtn{letter-spacing:-0.4em;}
#infoWapper #mainBtn li{display:inline-block;width:49.2%;margin:0 10px 10px 0;letter-spacing:normal;}
	#infoWapper #mainBtn li img{width:100%;}

#infoWapper #subBtn{letter-spacing:-0.4em;}
#infoWapper #subBtn li{display:inline-block;width:24.1%;margin: 0 0.9% 10px 0;letter-spacing:normal;}
		#infoWapper #subBtn li img{width:100%;}

#infoWapper #mainBtn li.nospace{margin:0 0 10px 0;}
#infoWapper #subBtn li.nospace{margin:0 0 10px 0;}
	
/* TOPボタンのモーション */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
	

/*+++++++++++++++++++++++++++++++++++++++++++++++
* for sp
*/
@media screen and (max-width: 1115px) {
.infoBoxTitle{font-size:65%;}
}

@media screen and (max-width: 950px) {
.subInfos {
	box-shadow: 0 0 0 3px #FFF;
	text-align:center;
	padding:3%;
	background:#FFF;
	border:solid 2px #bfbfbf;
	font-weight:bold;
	line-height:1.5em;
	/*width:86%;*/
}
}

@media screen and (max-width: 768px) {
	
#infoWapper {width:100%;padding: 0 2%;}
    


	.accessMenus a {
		display:block;
		width:49.5%;
		max-width:312px;
		max-height:120px;
		margin-right:1%;
		margin-bottom:5px;
		overflow:hidden;
		float:left;
	}
		.accessMenus a:nth-child(2n){
			margin-right:0;
		}
		
	.blockMenus a {
		display:block;
		width:49.5%;
		max-width:312px;
		max-height:120px;
		margin-right:1%;
		margin-bottom:5px;
		float:left;
	}
		.blockMenus a:nth-child(2n){
			margin-right:0;
		}
	
	.news {
		padding:0px;
	}
		/*.contentnews h2 img { width:40%; }*/
		#newsLists *{
		}
			#newsLists span {
				width:100%;
				max-width:100%;
				float:none;
			}
			#newsLists p {
				width:100%;
				max-width:100%;
				float:none;
			}
	#visit {
		text-align:left;
	}
	#qrCode {
		display:none;
	}
	#_footer {
		min-width:inherit;
	}
	
	.subInfos {
		text-align:left;
		font-weight:normal;
		font-size:60%;
		line-height:140%;
	}


	#commingSoonWrapperMain .commingSoonContent span {
		top:auto;
		margin-top:30%;
	}


	/* 2014.11.05 komuro*/
	.contentMenu {
		max-width: 46%;
		width: 100%;
		height: auto;
		margin-left: 0.65em;
		margin-bottom: 0.6em;
		float: left;
	}
	.contentMenu_double {
		max-width:96%;
		width:100%;
		margin-left:0.65em;
		margin-bottom:0.6em;
		float:left;
	}
	.infotext02 {
		color:#FFF; 
		font-size:9pt;
		display: block;
	}
	#newsLists li {
		padding: 10px 0px;
		background:url(../img17s/common/menu/grayLine.jpg) bottom repeat-x;
		margin:0 16px;
	}
	#newsLists li .times {
		font-weight: bold;
		font-size: 80%;
	}
		.subInfos {
		text-align:left;
		font-weight:normal;
		font-size:80%;
		line-height:180%;
		text-align:center;
	}
.whf15Close {
		height:110px;
		padding:20px 10px 0 10px;
		font-size: 80%;
		line-height:1.4;

	}

/*20150515追加 osada*/
.contentMenu_R {
	max-width:48%;
	width:100%;
/*	margin-left:0.65em;
	margin-bottom:0.6em;*/
	float:left;
	border-radius:10px;
	border:4px solid #e60012;
}

.contentMenu_B {
	max-width:48%;
	width:100%;
	float:left;
	border-radius:10px;
	border:4px solid #00b0ec;
}

.contentMenu_G {
	max-width:48%;
	width:100%;
	float:left;
	border-radius:10px;
	border:4px solid #19ce3b;
}

.contentMenu_Y {
	max-width:48%;
	width:100%;
	float:left;
	border-radius:10px;
	border:4px solid #fff100;
}

.contentMenu_Bk {
	max-width:48%;
	width:100%;
	float:left;
	border-radius:10px;
	/*border:4px solid #000;*/
}

.categoryIcon{
	position:absolute;
	z-index:10;
	right:-10;
	top:-3;
}	
.categoryIcon img{width:80%;}
.contents_space{margin:0 0 10px 1.5%;}

#infoWapper #mainBtn{letter-spacing:-0.4em;}
#infoWapper #mainBtn li{display:inline-block;width:100%;margin:0 0 10px 0;letter-spacing:normal;}
	#infoWapper #mainBtn li img{width:100%;}

#infoWapper #subBtn{letter-spacing:-0.4em;}
#infoWapper #subBtn li{display:inline-block;width:49.2%;margin:0 10px 10px 0;letter-spacing:normal;}
		#infoWapper #subBtn li img{width:100%;}

#infoWapper #subBtn li.spSpace{margin:0 0 10px 0;}

.bgColors_P{padding:15px;}
.titleBotom_P{height:0;}
#newsLists{padding:2%;}
}

@media screen and (max-width: 320px) {
	.whf15Close {
		height:100px;
		padding:20px 8px 0 8px;
		font-size:12px;
		line-height:1.4;

	}
.title_specialGoods{font-size:55%;}
.bgColors_P img{width:60%;height:auto;}


}