@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,800');
/* CSS Document */

@media screen and (max-width:979px){
	/*#wrapper{width:100%}*/
	#pager{display:none}
	.shop_img{height:200px !important;}
	}
@media screen and (max-width:780px){
	#wrapper{width:95% !important;}
	#header_logo1{display:none}
	#header_nav .nav_btn{display:none}
	#header_nav_fix{background-color:#000}
	#header_logo2{display:none}
	#header_logo3{margin-bottom:-40px;display:block !important;}
	.new_info_cntnr p{font-size:12px !important}
	.top_banner_cntnr span{	font-size:13px !important;}
	.topics-text{display:none !important;}
	.topics-clear hr{display:none !important;}
	.topics-clear{display:none !important;}
	.topics{
		width:48%;
		width:calc(50% - 8px);
		width:-moz-calc(50% - 8px);
		width:-webkit-calc(50% - 8px);
		float:left;
		margin-right:8px;
		}
	.topics:nth-child(2n-1) {margin-right:8px !important;}
	.topics:nth-child(2){margin-top:5px;}
	.topics-text1-mobile{
		width:100% !important;
		display:block !important;}
	.flip-container, .front, .back {
		width:100% !important;
		height:31vw !important;}
	.front img, .back img{width: 100% !important;}
	.footer1-logo{display:none !important;}
	.footer1-url{display:none !important;}
	.footer1-C{width:140px !important;}
	.footer1-C ul li{text-align:left !important;}
	.footer3{display:none !important;}
	.footer4{display:none !important;}
	#column_left{display:none !important;}
	#column_right{width:100% !important;}
	.mainimglist img{width:100% !important;}
	.shop_img{height:120px !important;}
	}
@media screen and (max-width:480px){
	h2{font-size:18px;margin-left:20px}
	#pager{display:none}
	#wrapper{width:95% !important;}
	#header_logo3{margin-bottom:-40px;display:block !important;}
	#header_logo2{display:none}
	#header_nav .nav_btn{display:none}
	#header_nav_fix{background-color:#000}
	.top_banner_cntnr span{	font-size:13px !important;}
	.brand span,.led-txt span{font-size:13px !important;}
	.brand_cntnr{
		width:48% !important;
		width:calc(50% - 9px) !important;
		width:-moz-calc(50% - 9px) !important;
		width:-webkit-calc(50% - 9px) !important;
		margin: 0 2px !important;
	}
	.brand_cntnr img{
		width:100% !important;
		}
	.brand_cntnr .led-txt{width:100%!important;font-size:12px;}
	#main_cntnr{width: 200px !important;}
	#main_cntnr img{width: 200px !important;}
	.main_cntnr_column{width: 200px !important;}
	[class*="main_cntnr-"]{width: 200px !important;}
/*	#topics{margin-top:-15px !important;}
	.topics-text1-mobile{display:block !important;}
	.topics-text{display:none !important;}
	.topics-clear hr{display:none !important;}
	.topics-clear{display:none !important;}
	.topics-text1-mobile{margin: 0 auto;display:block !important;}
	.flip-container{margin: 8px auto !important;float:none !important;}
	.footer1-logo{display:none !important;}
	.footer1-url{display:none !important;}
	.footer1-C ul li{text-align:left !important;}
	.footer3{display:none !important;}
	.footer4{display:none !important;}
	.copyright{	font-size:9pt;}
*/	
	}

body {
	clear:both;
	font-family: "Century Gothic","Helvetica","Arial","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	color: #666666;
	background-color: #f3f3f3;
	padding: 0;
	margin: 0;
	line-height:normal;
	width:100%;
	text-align:center;
	min-width:320px;
    position: relative;
}

.clear { clear:both; }  
.clear hr { display:none; }
.topics-clear { clear:both; }  
.topics-clear hr { display:none; }

a:link      {text-decoration : none;color : #000;}
a:active    {text-decoration : none;color : #000;}
a:visited   {text-decoration : none;color : #000;}
a:hover     {text-decoration : none;color : #000;}
a { outline: none; }

h1{text-align:left}

#wrapper {
	width: 83%;
	width:calc(100% - 188px);
	width:-moz-calc(100% - 188px);
	width:-webkit-calc(100% - 188px);
	max-width:1600px;
/*	min-height: 500px;*/
	/*Centering*/
	margin:0px auto;
}
#header{
	/*clear:both;*/
	width:100%;
	height:40px;
	position:relative;
	display:block;
	text-align:center;
}

#main{
	/*clear:both;*/
	top:20px;
	width:100%;
	position:relative;
	display:block;
	margin:5px auto;
	text-align:center;
}

#header_logo1{
	position:absolute;
	top:5px; 
	text-align:left;
}
#header_logo1 a img{width:125px;}
#header_logo2{
	position:relative;
	top:12px; 
	width:100%;
	text-align:center;
/*	margin: 0px auto;*/
}
#header_logo3{
	display:none;
	text-align:left;
}
#header_logo3 img{
	margin-top:5px;
	margin-left:10px;
}
/***** HeaderNavFixed****/
#header_nav_fix{
	position:fixed; 
	top:0px; 
	left:0px; 
	width:100%;
	height:37px;
	text-align:center;
	z-index:1000;
}
.menu{
	width:320px;
	height:37px;
	position:relative;
	float:right;
	display:block;
	cursor:pointer;
	background-color:#000;
}
.menu ul{
	margin:0;
	padding:0;
	margin-left:22px;
	font-size: 26px;
	text-align:center;
/*	line-height:1;
	color:#fff;*/
}
.menu ul li {
	margin:0;
	padding:0;
	float: left;
	position: relative;
	list-style: none;
	height: 37px;/*親メニューの高さ*/
	line-height: 37px;
	background:#000;/*親メニューの背景色*/
	color: #fff;/*親メニューの文字色*/
	text-align:left;
	font-weight:bold;
	}
.menu ul li a {
	color: #fff;
	display: block;
	letter-spacing: 0.3em;
	text-decoration: none;
	line-height:37px;
	margin-left:6px;
	display:inline-block;
}
.menu ul li:hover, .menu ul li a:hover {
	/*background:rgba(0,0,0,0.6);/*サブメニューの背景色*/
	color:#fff;/*ホバー時の親メニューの文字色*/
}
.menu ul li ul {
	position: absolute;
	top: 37px;/*親メニューの高さと同じにする*/
	left:-30px;
	width: 150px;
	z-index: 100;
}
.menu ul li ul li {
	visibility: hidden;
	overflow: hidden;
	width: 150px;/*サブメニューの幅*/
	height: 0;
	font-size: 15px;
	letter-spacing: normal;
	background:rgba(0,0,0,0.6);/*サブメニューの背景色*/
}
.menu ul li ul li a {
	text-decoration : none;
	list-style: none;
	letter-spacing: normal;
}
.menu ul li:hover ul li, .menu ul li a:hover ul li, .menu ul li a.hover ul li{
	visibility: visible;
	overflow: visible;
	height:37px;/*サブメニューの高さ*/
	z-index: 10;
}
.menu ul li ul li:hover{
	background:rgba(64,64,64,0.6);/*ホバー時のサブメニューの背景色*/
}
.menu * {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
[class^="icon-"]:hover, [class*="icon-"]:hover,.nav_btn_0 img:hover{
    transform: translate(0px,-4px);	
    -o-transform: translate(0px,-4px);	
    -ms-transform: translate(0px,-4px);	
    -moz-transform: translate(0px,-4px);	
	-webkit-transform: translate(0px,-4px);  
}
/***** SideNavFixed****/
#side_nav_fix{
	top:0px;
	width:90%;
	height:20px;
	position:relative;
	float:left;
	width:100%;
	margin: 0px auto;
/*	text-align:center;*/
}
.text_left{
	font-family:"Aspire DemiBold";
	font-size:24px;
	color:#111;
/*	font-weight:bold;*/
	line-height: 20px;
	position: fixed;
	left: 8px;
	top:168px;
}
.cart_left{
	font-size:58px;
	position: fixed;
	left: -3px;
	top:100px;
		-ms-transition:-webkit-transform;
		-ms-transition-delay:.1s;
		-ms-transition-duration:.6s;
		-webkit-transition:-webkit-transform;
		-webkit-transition-delay:.1s;
		-webkit-transition-duration:.6s;
		-moz-transition:-webkit-transform;
		-moz-transition-delay:.1s;
		-moz-transition-duration:.6s;
		transition-property:transform;
		transition-delay:.1s;
		transition-duration:.6s;
}
.text_right{
	font-family:"Aspire DemiBold";
	font-size:24px;
/*	font-weight:bold;*/
	line-height: 22px;
	position: fixed;
	right: 8px;
	top:168px;
}
.cart_left img,.cart_right img{width:65%}
.cart_right{
	font-size:58px;
	position: fixed;
	right: 0px;
	top:100px;
		-ms-transition:-webkit-transform;
		-ms-transition-delay:.1s;
		-ms-transition-duration:.6s;
		-webkit-transition:-webkit-transform;
		-webkit-transition-delay:.1s;
		-webkit-transition-duration:.6s;
		-moz-transition:-webkit-transform;
		-moz-transition-delay:.1s;
		-moz-transition-duration:.6s;
		transition-property:transform;
		transition-delay:.1s;
		transition-duration:.6s;
}
.smile_left{
	font-size:58px;
	position: fixed;
	left: 9px;
	top:260px;
	height:70px;
	width:70px;
}
.text_left2{
	font-family:"Aspire DemiBold";
	font-size:24px;
	color:#111;
	position: fixed;
	left: 8px;
	top:325px;
}
.smile_left:hover{
		border-radius:34px;
		background:#fd0;
}
.smile_right{
	font-size:58px;
	position: fixed;
	right: 11px;
	top:260px;
	height:70px;
	width:70px;
}
.text_right2{
	font-family:"Aspire DemiBold";
	font-size:24px;
	color:#111;
	position: fixed;
	right: 12px;
	top:325px;
}
.smile_right:hover{
	border-radius:34px;
	background:#d00;
}
[class^="text_"] a:hover{
	color:#800;
}
[class^="cart_"]:hover{
	color:#800;
	-ms-transform: translate(30px,0px);  
	-webkit-transform: translate(30px,0px);  
    -moz-transform: translate(30px,0px);	
}
/*********/

/*********/
/*
.nav_btn_0{
	width:165px;
	height:85px;
	margin-top:0px;
	margin-right:6px;
	position:relative;
	float:left;
	display:block;

}*/
.nav_btn{
	top:10px;
	width:83px;
	height:28px;
/*	font-family:"Aspire DemiBold";*/
	font-size:15px;
	font-weight:bold;
	color:#111;
	text-decoration:none;
	text-align:center;
	margin-top:2px;
	margin-right:3px;
	position:relative;
	display:block;
	float:left;
    line-height: 28px;
	
	border-radius: 2px;
	-ms-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	transition-property:background-color, transform, box-shadow;
	transition-delay:.1s;
	transition-duration:.3s;
	-ms-transition:background-color, -webkit-transform, box-shadow;
	-ms-transition-delay:.1s;
	-ms-transition-duration:.3s;
	-moz-transition:background-color, -webkit-transform, box-shadow;
	-moz-transition-delay:.1s;
	-moz-transition-duration:.3s;
	-webkit-transition:background-color, -webkit-transform, box-shadow;
	-webkit-transition-delay:.1s;
	-webkit-transition-duration:.3s;
}
.nav_btn:hover{
	background-color: #fff;
    -ms-transform: translate(-4px,-4px);	
    -moz-transform: translate(-4px,-4px);	
	-webkit-transform: translate(-4px,-4px);  
	box-shadow: 3px 4px 4px #999;
	-o-box-shadow: 3px 4px 4px #999;
	-ms-box-shadow: 3px 4px 4px #999;
	-moz-box-shadow: 3px 4px 4px #999;
	-webkit-box-shadow: 3px 4px 4px #999;
}
#slide {
	width: 100%;
	max-width:1280px;
	min-width:200px;
	margin: 0 auto;
}

#slide ul li {
	width: 100%;
	list-style:none;
}

.bxslider{
	text-align:center;
	padding: 0;
	margin: 0;
}

#main_title{
	width: 100%;
	height:50px;
	padding: 0;
	margin:0 auto;
	margin-botom: 0px;
	max-width:1280px;
}

#main_title span{
	padding-top:18px;
	font-size:20px;
	font-weight:bold;
	float:left;
	margin:0 auto;
}
#main_title img{
	float:right;}
#main_cntnr{
	padding: 0;
	margin:0 auto;
	width: 100%;
	max-width:1280px;
}
#main_cntnr img{
	width: 100%;
}
#main_cntnr h2{
/*	text-shadow:1px 1px 2px #aaa;*/
	font-weight:bold;
	text-align:left
}
.main_cntnr_column{
	width: 32%;
	width:calc(33% - 2px);
	width:-moz-calc(33% - 2px);
	width:-webkit-calc(33% - 2px);
	position:relative;
	display:block;
	float:left;
	padding-right:3px;
}

.main_cntnr_column img:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/**** INFORMATION ****/
/*#button_mobile{
	width:50%;
	width:calc(50% - 13px);
	width:-moz-calc(50% - 13px);
	width:-webkit-calc(50% - 13px);
	margin-right:9px;
	position: relative;
	display:block;
	float:left;
	text-align:left;
}*/
#new_info{
	width:100%;
	max-width:1280px;
	position: relative;
	display:block;
	margin:10px auto;
	text-align:left;
}
#new_info span{
	font-size:18px;
	font-weight:bold;
	text-align:left;
}
.new_info_cntnr{
	width:49%;
	width:calc(50% - 9px);
	width:-moz-calc(50% - 9px);
	width:-webkit-calc(50% - 9px);
	float:left;
	margin-right:7px;
	border-bottom-style:inset;
}
.new_info_cntnr p{
	font-size:15px;
	font-weight:bold;
	text-align:left;
}
.new_info_cntnr a:hover{
	opacity:0.5;
}

#easy_info{
	top:20PX;
	width:100%;
	max-width:1280px;
	position: relative;
	margin:0px auto;
	text-align:left;
}

#top_banner{
	width:100%;
	max-width:1280px;
	position: relative;
	display:block;
	margin:10px auto;
	text-align:left;
	margin:0 auto;

}
.top_banner_cntnr{
	width:49%;
	width:calc(50% - 9px);
	width:-moz-calc(50% - 9px);
	width:-webkit-calc(50% - 9px);
	float:left;
}
.top_banner_cntnr:nth-child(even){margin-left:9px;}
.top_banner_cntnr span{
	font-size:13px;
	font-weight:bold;
	text-align:left;
}
.top_banner_cntnr img{
	width:100%;
	box-shadow: 3px 4px 4px #999;
	-o-box-shadow: 3px 4px 4px #999;
	-ms-box-shadow: 3px 4px 4px #999;
	-moz-box-shadow: 3px 4px 4px #999;
	-webkit-box-shadow: 3px 4px 4px #999;
}
/*#button3D{
	top:-10px;
	position: relative;
	display:block;
	float:left;
	text-align:left
}

#button3D h2{
/	font-weight:bold;
	text-align:left
}*/
/**** BRAND ****/
#brand{
 	width: 100%;
	max-width:1280px;
	margin:0 auto;
	text-align:left;
}
#brand span{
	font-size:18px;
	font-weight:bold;
	text-align:left
}
.brand_cntnr{
	width: 200px;
	position: relative;
	float:left;
	display:block;
	margin-bottom:0;
	margin-right:9px;
}
.led-txt {
/*	    background-color: #333333;*/
	width: 200px;
	height:18px;
	color: #009900;
	font-size:15px;
	font-weight:bold;
/*	    font-size: 60px;
	    font-weight: bold;*/
	    overflow: hidden;
	    padding-bottom: 5px;
	    padding-top: 3px;
	    position: relative;
}
.brand_cntnr .led-txt span{
	display: inline-block;
	white-space: nowrap;
	padding-left: 100%;
	-webkit-animation-name: ticker-animation;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 10s;
	-moz-animation-name: ticker-animation;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 10s;
}
@-webkit-keyframes ticker-animation {
	from   { -webkit-transform: translate(0%);}
	99%,to { -webkit-transform: translate(-100%);}
}

@-moz-keyframes ticker-animation {
	from   { -moz-transform: translate(0%);}
	99%,to { -moz-transform: translate(-100%);}
}
#brand img{
	width: 200px;
/*	position: relative;
	float:left;
	display:block;*/
	margin-top:5px;/*led しないとき入れる*/
	margin-bottom:5px;/*led しないとき入れる*/
	text-align:left;
	box-shadow: 3px 4px 4px #999;
	-o-box-shadow: 3px 4px 4px #999;
	-ms-box-shadow: 3px 4px 4px #999;
	-moz-box-shadow: 3px 4px 4px #999;
	-webkit-box-shadow: 3px 4px 4px #999;
}
#brand img{
	transition-property:transform, box-shadow;
	transition-delay:.1s;
	transition-duration:.3s;
	-ms-transition-property:-ms-transform, box-shadow;
	-ms-transition-delay:.1s;
	-ms-transition-duration:.3s;
	-moz-transition-property:-moz-transform, box-shadow;
	-moz-transition-delay:.1s;
	-moz-transition-duration:.3s;
	-webkit-transition-property:-webkit-transform, box-shadow;
	-webkit-transition-delay:.1s;
	-webkit-transition-duration:.3s;
}
#brand img:hover{
    transform: translate(-4px,-4px);	
    -ms-transform: translate(-4px,-4px);	
    -moz-transform: translate(-4px,-4px);	
	-webkit-transform: translate(-4px,-4px);  
}
#topics{
 	width: 100%;
 	position: relative;
	max-width:1280px;
 	text-align:left;
	margin-bottom:20px;
	margin:0 auto;
}
/*#topics h1{
	text-shadow:1px 1px 2px #aaa;
	font-weight:bold;
	text-align:left
}*/
#topics span{
	font-size:18px;
	font-weight:bold;
	text-align:left;
	margin-bottom:5px;
}
.topics:first-child{margin-top:5px;}
/* simple */
/*.topics-container {
	width:100%;
	height:140px;
 	text-align:left;
	position: relative;
	display:block;
	float:left;
	margin-bottom:20px;

}*/
.topics-text1-mobile{
	display:none;
	width:200px;
	height:30px;
 	text-align:left;
	font-size:12px;
	font-weight:bold;
	line-height: 14px;
	overflow:hidden
}
.topics-text{
	height:140px;
	width:65%;
	width : calc(100% - 240px) ;
	width : -moz-calc(100% - 240px) ;
	width : -webkit-calc(100% - 240px) ;
 	text-align:left;
	position: relative;
	display:block;
	float:left;
	margin-bottom:20px;
	overflow:hidden;
}
.topics-text1{
	position: absolute;
	top:0px;
	left:0px;
	height:25px;
 	text-align:left;
	font-size:18px;
	font-weight:bold;
	overflow:hidden;
}
.topics-text2{
	position: absolute;
	top:24px;
	height:90px;
	line-height:1.4;
	left:0px;
	overflow:auto;
}
.topics-store{
	font-size:13px;
	position: absolute;
	top:116px;
	height:15px;
	left:0px;
}
.topics-store .entypo-basket{
	font-family:"Aspire DemiBold";
	color:#a00;
	font-size:24px;
}
.topics-store:hover{
	-webkit-transform: translate(0px,-4px);  
    -moz-transform: translate(0px,-4px);	
    -ms-transform: translate(0px,-4px);	
    -o-transform: translate(0px,-4px);	
    transform: translate(0px,-4px);	
}
.topics-text3{
	position: absolute;
	top:125px;
	right:0px;
	font-weight:bold;
}

.flip-container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;

	-moz-transform: perspective(1000px);
	-ms-transform: perspective(1000px);
    -moz-transform-style: preserve-3d; 
    -ms-transform-style: preserve-3d; 
	border: 1px solid #ccc;
	/*HM_APPEND*/
	position: relative;
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	-moz-box-shadow: 3px 4px 4px #999;
	-ms-box-shadow: 3px 4px 4px #999;
	-o-box-shadow: 3px 4px 4px #999;
	box-shadow: 3px 4px 4px #999;
}
/*
.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
	filter: FlipH;
    -ms-filter: "FlipH";
}
*/
/* START: Accommodating for IE */
.flip-container:hover .back, .flip-container.hover .back {
   -webkit-transform: rotateY(0deg);
   -moz-transform: rotateY(0deg);
   -ms-transform: rotateY(0deg);
   -o-transform: rotateY(0deg);
   transform: rotateY(0deg);
}
.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
/* END: Accommodating for IE */
.flip-container, .front, .back {
	width: 200px;
	height: 140px;
}
.front img, .back img{width: 200px;}
.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 0.6s;
	-moz-transition: 0.6s;
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
.front, .back {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: rotateY(0deg);

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
	-moz-transform: rotateY(0deg);

	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;
	-o-transform: rotateY(0deg);

	-ms-transition: 0.6s;
	-ms-transform-style: preserve-3d;
	-ms-transform: rotateY(0deg);

	transition: 0.6s;
	transform-style: preserve-3d;
	transform: rotateY(0deg);
}

.front {
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
/*	background: lightgreen;*/
	z-index: 2;
}
.back {
	background: lightblue;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.front .name {
	font-size: 2em;
	display: inline-block;
	background: rgba(33, 33, 33, 0.9);
	color: #f8f8f8;
	font-family: Courier;
	padding: 5px 10px;
	border-radius: 5px;
	bottom: 60px;
	left: 25%;
	position: absolute;
	text-shadow: 0.1em 0.1em 0.05em #333;
	display: none;

	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg);
}
.back-logo {
	position: absolute;
	top: 40px;
	left: 90px;
	width: 160px;
	height: 117px;
	background: url(logo.png) 0 0 no-repeat;
}

.back-title {
	font-weight: bold;
	color: #00304a;
	position: absolute;
	top: 180px;
	left: 0;
	right: 0;
	text-align: center;
	text-shadow: 0.1em 0.1em 0.05em #acd7e5;
	font-family: Courier;
	font-size: 22px;
}

.back p {
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	text-align: center;
	padding: 0 20px;
	font-size: 18px;
}

		/* vertical */
		.vertical.flip-container {
			position: relative;
		}

			.vertical .back {
				-webkit-transform: rotateX(180deg);
				-moz-transform: rotateX(180deg);
				-ms-transform: rotateX(180deg);
				transform: rotateX(180deg);
			}

			.vertical.flip-container .flipper {
				-webkit-transform-origin: 100% 213.5px;
				-moz-transform-origin: 100% 213.5px;
				-ms-transform-origin: 100% 213.5px;
				transform-origin: 100% 213.5px;
			}

			/*
			.vertical.flip-container:hover .flipper {
				-webkit-transform: rotateX(-180deg);
				-moz-transform: rotateX(-180deg);
				-ms-transform: rotateX(-180deg);
				transform: rotateX(-180deg);
			}
			*/

			/* START: Accommodating for IE */
			.vertical.flip-container:hover .back, .vertical.flip-container.hover .back {
			    -webkit-transform: rotateX(0deg);
			    -moz-transform: rotateX(0deg);
			    -o-transform: rotateX(0deg);
			    -ms-transform: rotateX(0deg);
			    transform: rotateX(0deg);
			}

			.vertical.flip-container:hover .front, .vertical.flip-container.hover .front {
			    -webkit-transform: rotateX(180deg);
			    -moz-transform: rotateX(180deg);
			    -o-transform: rotateX(180deg);
			    transform: rotateX(180deg);
			}
		/* END: Accommodating for IE */


/*.topics-contnr{
 	width: 100%;
	height:150px;
	position: relative;
	display:block;
	float:left;
	overflow:hidden;
	margin-bottom:10px;
}
*/
/************* FLIPPER ***********/
/* FOOTER */
#sns_face {
	float: left;
	margin-top:20px;
	width:60%;
}
#sns_twitter {
	float: right;
	margin-top:20px;
	width:40%;
	text-align:right;
}


#footer{
	background: #19283c;
/*	position:absolute;*/
	width: 100%;
	display:block;
	/*overflow:hidden;
	z-index: 1000;
 	height:140px;*/
	color:#000;
    /*position:absolute;*/
    bottom:0;
}
.footer1{
	background: #e8e8e8;
	width: 100%;
	height:270px;
	display:block;
	position:relative;
	/*clear:both;*/
	color:#fff;
	margin:20px 0px;
	text-align:center;
}
.footer1-logo{
	width:180px;
	height:60px;
	text-align:left;
	position:relative;
	float:left;
	top:20px;
	left:20px;
}
.footer1-C{
	position:relative;
	width:80%
	width : calc(100% - 360px) ;
	width : -moz-calc(100% - 360px) ;
	width : -webkit-calc(100% - 360px) ;
	float:left;
	height:0px;
	top:20px;
	color:#000;
	text-align:center;
	margin:0 auto;
/*	margin:0;
	padding:0;*/
}
.footer1-C ul{
	margin:0;
	padding:0;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:10px;
}
.footer1-C ul li{
	position:relative;
	display:inline-block;
	width:110px;
	height:18px;
	background-color:rgba(0,0,0,0.2)
	list-style: none;
	text-decoration:none;
	margin-left:10px;
}
.footer1-url{
	width:auto;
	position:relative;
	display:block;
	top:-15px;
	font-size:22px;
	font-weight:bold;
	color:#FFF;
}
.footer1-R{
	position:absolute;
	width: 180px;
	height:50px;
	top:20px;
	right:0px;
	color:#000;
	text-align:right;
	padding:0px 10px;
}
.footer1-R ul{
	text-align:center;
}
.footer1-R ul li{
	position:relative;
	display:inline-block;
	list-style: none;
	text-decoration:none;
	margin-left:10px;
}
.footer1-R img:hover{
	-webkit-transform: translate(0px,-4px);  
    -moz-transform: translate(0px,-4px);	
    -ms-transform: translate(0px,-4px);	
    -o-transform: translate(0px,-4px);	
    transform: translate(0px,-4px);	
}

.footer1-C a:hover{
	color:rgba(248,207,225,1);
}
.footer3{
	position:relative;
	float:left;
	width : 280px ;
	top:40px;
	left:20px;
	color:#000;
	text-align:left;
/*	margin:0 auto;*/
	margin:0;
	padding:0;
}
.footer3 .title{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:15px;
	font-weight:bold;
	color:#888;
}
.footer3 a{
	font-size:15px;
	font-weight:bold;
	text-shadow:1px 1px 2px #ccc;
	color:#fff;
}
.footer3 a:hover{
	color:rgba(248,207,225,1);
	color:rgba(255,210,235,1);
}
.footer4{
	position:relative;
	float:right;
	width : 280px ;
	top:40px;
	right:20px;
	color:#000;
	text-align:right;
/*	margin:0 auto;*/
	margin:0;
	padding:0;
}
.footer4 .title{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:15px;
	font-weight:bold;
	color:#888;
}
.footer4 a{
	font-size:15px;
	font-weight:bold;
	text-shadow:1px 1px 2px #ccc;
	color:#ffffff;
}
.footer4 a:hover{
	color:rgba(248,207,225,1);
}
.copyright{
	clear:both;
	color:#fff;
	font-weight:bold;
	margin:0px 0px;
	padding:10px;
	text-align:center;
}

/* 3D BUTTON */
#button {
counter-increment: num;
width:165px;
height:23px;
display:inline-block;
font-family:Arial, "Helvetica", sans-serif;
font-size:14px;
font-weight:bold;
color:#fff;
text-decoration:none;
/*text-transform:uppercase;*/
text-align:center;
text-shadow:1px 1px 0px #07526e;
padding-top:12px;
margin-top:10px;
margin-left:0px;
margin-right:40px;
margin-bottom:10px;
left:35px;
position:relative;
cursor:pointer;
border-left:solid 1px #2ab7ec;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
background-image: linear-gradient(bottom, rgb(14,137,182) 0%, rgb(22,179,236) 100%);
background-image: -o-linear-gradient(bottom, rgb(14,137,182) 0%, rgb(22,179,236) 100%);
background-image: -moz-linear-gradient(bottom, rgb(14,137,182) 0%, rgb(22,179,236) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(14,137,182) 0%, rgb(22,179,236) 100%);
background-image: -ms-linear-gradient(bottom, rgb(14,137,182) 0%, rgb(22,179,236) 100%);
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
}

#button:active {
top:3px;
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
}

#button:before {
content:counter(num);
width:35px;
height:25px;
display:block;
position:absolute;
padding-top:10px;
top:0px;
margin-left:-37px;
font-size:16px;
font-weight:bold;
color:#8fd1ea;
text-shadow:1px 1px 0px #07526e;
border-right:solid 1px #07526e;
background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
}

#button:active:before {
top:-3px;
-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
}
/* 3D BUTTON END*/

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
#recommend1{
  background: none repeat scroll 0 0 #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
/*  padding: 30px;*/
  width: 100%;
  /*height: 900px;*/
 }
#recommend1 img{
  width: 500px;
 }
#recommend2{
  background: none repeat scroll 0 0 #000;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
/*  padding: 30px;*/
  width: 500px;
 }
#recommend2 img{
  width: 500px;
 }
.modal_close{ 
 	position: absolute;
 	top: 12px;
 	right: 12px;
 	display: block; 
 	width: 30px;
 	height: 30px; 
	background: url('img/close.png') no-repeat;
 	z-index: 2000;
}

#mother2016_01{background: none repeat scroll 0 0 #FFFFFF;display:none;width:80%;}
#mother2016_01 img{width:100%;}
#mother2016_02{background: none repeat scroll 0 0 #FFFFFF;display:none;width:80%;}
#mother2016_02 img{width:100%;}
#mother2016_03{background: none repeat scroll 0 0 #FFFFFF;display:none;width:80%;}
#mother2016_03 img{width:100%;}

#father2016_01{background: none repeat scroll 0 0 #FFFFFF;display:none;width:80%;}
#father2016_01 img{width:100%;}
#father2016_02{background: none repeat scroll 0 0 #FFFFFF;display:none;width:80%;}
#father2016_02 img{width:100%;}
#father2016_03{background: none repeat scroll 0 0 #FFFFFF;display:none;width:80%;}
#father2016_03 img{width:100%;}