/* LESS Document */
/* Breakpoints */
@highdensity: ~"only screen and (-webkit-min-device-pixel-ratio: 1.5)",
              ~"only screen and (min--moz-device-pixel-ratio: 1.5)",
              ~"only screen and (-o-min-device-pixel-ratio: 3/2)",
              ~"only screen and (min-device-pixel-ratio: 1.5)";
@mobile:      ~"only screen and (max-width: 529px)";
@mobileland:      ~"only screen and (max-width: 529px) and (orientation : landscape)";
@mmobile:      ~"only screen and (max-width: 320px)";    
@tablet:      ~"only screen and (min-width: 530px) and (max-width: 949px)";
@tabletland:      ~"only screen and (orientation : landscape)";
@desktop:     ~"only screen and (min-width: 950px) and (max-width: 1128px)";
@desktop-xl:  ~"only screen and (min-width: 1129px)";
@landscape:      ~"only screen and (max-device-width: 667px) and (orientation : landscape)";

/* common */
.m0{margin:0;}
.p0{ padding:0;}
.mp0{margin:0;padding:0;}
.w100{ width:100%; 

}
.pt25{padding-top: 25px;}
.w_auto{width:1200px; margin:0 auto; .p0;
	/*
	@media @tabletland{width:100%;}*/
	@media @tablet{width:90%;}
	@media @landscape{width:100%;}
	@media @mobile{width:90%;}
}

.clear{content:""; display:block; clear:both;}
.opacity10{filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}
.opacity8{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.opacity5{filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.opacity0{filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
.rounded-corners (@radius: 4px){border-radius: @radius;  -webkit-border-radius: @radius; -moz-border-radius: @radius;}
.box-shadow(@arg: 0px 4px 0px 0px #eee){ -moz-box-shadow: @arg; -webkit-box-shadow: @arg;box-shadow: @arg;}
.scale (@factor) {-webkit-transform: scale(@factor);-moz-transform:scale(@factor);-ms-transform: scale(@factor);-o-transform: scale(@factor);}
.transform(@string){-webkit-transform: @string;-moz-transform:@string;-ms-transform:@string;-o-transform:@string;transform:@string;}
.transition(@trans:0.5s){-webkit-transition: @trans;-moz-transition:@trans;-o-transition: @trans;-ms-transition: @trans;transition: @trans;}
.animation(@arguments) {-webkit-animation: @arguments;-moz-animation: @arguments;animation: @arguments;}





/*loading*/
#loader {width:200px;height:100px;display: none;position: fixed;_position: absolute; /* IE6対策 */top: 50%;left: 50%;margin-top: -50px; /* heightの半分のマイナス値 */margin-left: -100px; /* widthの半分のマイナス値 */z-index: 8600; text-align:center; color:#000;}
#fade {width: 100%;height: 100%;display: none;background-color: #fff;position: absolute;top: 0px;left:0; z-index:8000}

/* 基本設定 */
* { word-break:break-all;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
body{ font-size:16px; line-height:1.8; color:#000; .mp0; height:100%; background: url(../img/bg.png) repeat #fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*
	@media @tablet{min-width:auto; width:100%;max-width:100%;}
	@media @tabletland{min-width:auto; width:100%;max-width:100%;}
	@media @landscape{min-width:auto; width:100%;max-width:100%;}
	@media @mobile{min-width:auto; width:100%;max-width:100%;}
	*/
}
img { vertical-align:bottom; max-width:100%;}
ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,p,figure,figcaption,input,textarea{ .mp0; list-style:none;}
a{ text-decoration: underline; outline:none; cursor:pointer; color:#0066ff;
	&:hover{.opacity8;
		@media @mobile{
			.opacity10;
		}
	}
	img{ border:none; outline:none;}
}
ul{
	li{ position:relative;
	}
}

input,textarea{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.pc{ display:block;
	@media @tablet{ display:none ;}
	@media @mobile{ display:none;}
}

.smp{ display:none ;
	@media @tablet{ display:block ;}
	@media @mobile{ display:block ;}
}
.tabletnone{
	@media @tablet{ display:none ;}
}

.smp.tablet{ display:none ;
	@media @tablet{ display:block ;}
	@media @mobile{ display:none ;}
}


.fixed {position: fixed;top: 0px; z-index:266; width:100%;
	@media @mobile{ position:static;}
	@media @tablet{ position:static;}
}
body.fixedwrap{ padding-top:100px;
	@media @mobile{ padding-top:0px;}
	@media @tablet{padding-top:0px;}
}
#page-top {
    position: fixed; /*position:absolute;*/
	z-index:999;
    bottom: -20px;
    right: -10px;
    font-size: 77%; padding-bottom:10px;
		img{ width:70%; height:auto;
		}
	@media @mobile{
		position:static; text-align:center; padding-top:20px;
		img{ width:40%; height:auto;}
	}
	@media @tablet{
		position:static; text-align:center; padding-top:20px;
		img{ width:40%; height:auto;}
	}
}

/*============================
コンテンツ用STYLE
============================*/

.title{.rounded-corners(10px); color:#222; background:#f8b62d;padding:5px;
			@media @tablet{ text-align:center ;}
			@media @mobile{text-align:center;
				a{ display:block; text-align:center; text-decoration:none;.rounded-corners; position:relative; top:0px; border-bottom:none; width:100%;}
			}
			img{ max-height:50px; width:auto;
			@media @tablet{height:100px;width:auto;}
			@media @mobile{height:60px;width:auto;}
			}
}
.frame{.rounded-corners(10px); /*border:3px solid #d6ebff;*/ background:#fff; padding:20px; border:none;}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom:15px;
  
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*
.youtube{
	position: relative;
	width: 50%;
	height: 50%;

	padding-top: 56.25%;
	iframe{
		max-width: 100%;
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
}
*/
.newwrap{ text-align:right !important; padding-bottom:10px; position:absolute; top:0px; right:20px;
img.new{
	width: 80px !important;height: 20px!important;display:inline-block !important;
	float: none; text-align:right;
	/*float: right;*/
}
}

/*============================
#header
============================*/
header#header { .w100;
	@media @tablet{ width:100%;}
	@media @mobile{ width:100%;}
	div.wrap {.w_auto; padding:15px 0;
			@media @tablet{ padding:0px 0; width:100%;}
			@media @mobile{padding:0px 0; width:100%;}

		h1 { float:left;
			a { display:block; padding-top:10px;
				img{ height:auto; width:60%;}
			}
			@media @tablet{ text-align: center;float:none;
				a{ display:block; padding:15px;
					img{ height:auto; width:30%;}
				}
			}
			@media @mobile{ text-align: center;float:none;
				a{display:block; padding:15px;
					img{ height:auto; width:50%;}
				}
			}
		}
		ul.social { float:right; padding-top:0px;
			@media @tablet{float:none; padding-bottom:10px;padding-top:0px; width:100%; margin-bottom:0px;}
			@media @mobile{float:none;padding-bottom:10px;padding-top:0px; width:100%; margin-bottom:0px;}

			li{ float:left; padding:10px;
				a{.rounded-corners(100%); display:block; width:60px; height:60px;}
				@media @tablet{.p0;}
					@media @mobile{.p0;}
					
			}
			@media @tablet{float:none; .w100; width:100%;
				li{ width:33.333%; text-align:center;
					a{.rounded-corners(0); .w100; width:100%; padding:5px; display:block;height:50px;
						img{ height:100%; width:auto;}
					}
				}
			}
			@media @mobile{float:none; .w100; width:100%;
				li{ width:33.333%; text-align:center;
					a{.rounded-corners(0);.w100; width:100%; padding:5px; display:block;height:50px;
						img{ height:100%; width:auto;}
					}
				}
			}
			li.facebook {
				a{ background:#305097;}
			}
			li.twitter {
				a{ background:#00aced;}
			}
			li.line {
				a{ background:#5ae628}
			}
			&:after{.clear;}
		}
		&:after{.clear;}
	}
}

/*============================
#main
============================*/
section#main {.w100; text-align:center;  background-position:center center; background-size:contain; max-height:400px;
	img.main-visual { max-height:400px; width:auto;
	}
	@media @tablet{ height:auto;background-size:contain;
	img.main-visual { height:auto; width:100%;}
	}
	@media @mobile{ height:auto; 
	img.main-visual { height:auto; width:100%;}
	}
}

/*============================
#nav
============================*/
nav#nav {  background:#ffffd6;
	@media @mobile{padding-bottom:0px;}
	@media @tablet{padding-bottom:0px;}
	div{.w_auto;background:#ffffd6;
		@media @mobile{ .w100; padding-bottom:0px;border-top: #96dcff dotted 2px;}
		@media @tablet{ .w100; padding-bottom:0px;border-top: #96dcff dotted 2px;}
	ul {.w100;border-left: #96dcff dotted 2px;background:#ffffd6;
		li { float:left; /*width:14.28571428571429%;*/width:12.2%; border-right: #96dcff dotted 2px;background:#ffffd6;
			a { display:block; text-align:center; color:#fff; padding:15px 0 10px 0; font-size:13px; cursor:pointer;
				img{.scale(0.8); cursor:pointer;}
				&:hover{ background:url(../img/menu-bg.png) no-repeat center center;.opacity10;
					img{.opacity10;.scale(1); }
				}
			}
			@media @mobile{ width:25%; margin:0%;border-bottom: #96dcff dotted 2px;
				a{padding:10px 0 10px 0;
					&:hover{ background:none;} 
				}
			}
			@media @tablet{ width:25%; margin:0%;border-bottom: #96dcff dotted 2px;
				a{padding:10px 0 10px 0;
					&:hover{ background:none;} 
				}
			}
		}
		.current{background:#ffffff;
		}
		&:after{.clear;}
	}
	}
}

/*============================
#banner
============================*/
section#banner.rotate-banner { width:800px; margin:0 auto; padding:20px;
	@media @mobile{ width:100%; padding:0px 0 0; margin-bottom:20px;}
	@media @tablet{ width:100%; padding:0px 0 0; margin-bottom:20px;}
	div.item { 
		a {
			img { width:100%; height:auto;
			}
		}
	}
}

/*============================
#news
============================*/
section#news.news {.w_auto; margin-bottom:50px;.frame;
	h2 { .title; margin-bottom:15px;
		img{ max-height:50px; width:auto;}
	}
	ul { padding:5px 0;
		li { float:left; width:272px; margin-right:15px;
			&:nth-child(1){ margin-left:7px;}
			&:nth-child(4){ margin-right:8px;}
			a { display:block; padding:0px; color:#555555;
				figure { .w100; display:block;
					.img{display: table-cell;vertical-align: middle; width:272px; height:272px; background:#fff; margin:0 auto;
						img {display: block;margin: 0 auto; max-width:272px;max-height: 272px;}
					}
					figcaption { padding:0 10px 0;
						time { font-size:14px;}
						p { text-decoration:underline; color:#000;}
					}
				}
			}
			@media @mobile{ float:none;width:100%; margin-right:0px; border-bottom:1px solid #ccc; padding:15px 0;
					&:nth-child(1){ margin-left:0px;}
					&:nth-child(4){ margin-right:0px;}
					&:last-child{border-bottom:0px solid #ccc;}
				a { display:block; padding:0px; color:#555555;
					figure { .w100; display:block;
						.img{display:block;vertical-align: middle; width:100%; height:100%; background:#fff; margin:0 auto;
							img {display: block;margin: 0 auto; max-width:60%;max-height: auto;}
						}
						figcaption { padding:10px;
							time { font-size:12px;}
							p {}
						}
					}
				}
			}
			@media @tablet{ float:none;width:100%; margin-right:0px; border-bottom:1px solid #ccc; padding:15px 0;
					&:nth-child(1){ margin-left:0px;}
					&:nth-child(4){ margin-right:0px;}
				a { display:block; padding:0px; color:#555555;
					figure { .w100; display:block;
						.img{display:block;vertical-align: middle; width:100%; height:100%; background:#fff; margin:0 auto;
							img {display: block;margin: 0 auto; max-width:100%;max-height: 300px;}
						}
						figcaption { padding:10px;
							time { font-size:12px;}
							p { }
						}
					}
				}
			}
		}
		&:after{.clear;}
	}
	div.more { text-align:right;
		a { display:inline-block; padding:3px 15px; font-size:16px; font-weight:bold;  text-decoration:underline;color:#3399ff;
			@media @mobile{ display:block; text-align:right;}
			@media @tablet{ display:block; text-align:right;}
		}
	}
}

/*============================
#news PAGE
============================*/
#news{}
section#news.page{
	.w_auto;margin-bottom: 50px;
	
	h2{.w100;margin:20px 0;.title;}
	ul{
		.w100;padding: 0px;
		li{
			margin-bottom:20px;border :1px solid #eee;
			padding: 20px;.frame;color:#000;
			 
				
				figure{
					img.view{
						float: right;margin-left: 20px;width: 25%;
						@media @tablet{display: block;width: 100%;margin-left: 0px;padding-bottom: 20px;}
						@media @mobile{float: none;margin-left: 0px;display:block;margin: 0 auto;padding-bottom: 20px;width: 100%}
					}
					/*
					a{
						img.view.smp{ display:none;
							@media @tablet{ display:block;}
							@media @mobile{ display:block;}
						}
						img.view.pc{ display:block;
							@media @tablet{ display:none;}
							@media @mobile{ display:none;}
						}
					}
					*/
					figcaption{ float:left; width:70%;
						display: block;padding-left: 80px;
						background:url(../img/kai_icon1.png) left top no-repeat;
						background-size: 60px 65px;margin-bottom: 20px;
						div{
							a{ text-decoration:underline; line-height:1;}
						}
						
						@media @tablet{float: none;width:100%;
							padding-left: 0px;background: none;
						}
						@media @mobile{float: none;width:100%;
							padding-left: 0px;background: none;
						}
					}
					&:after{.clear;}
				
				}
			
		}
		@media @tablet{padding: 0px;}
		@media @mobile{padding: 0px;}
	}
	div.holder{
		display: block;text-align: center;
		.jp-previous,.jp-next{
			display: none;
		}
		a{
			background-color: #ccc;
			margin: 10px;padding: 15px 20px;
			font-size: 18px;
		}
	}

}

/*============================
ABOUT PAGE
============================*/
.about.kaishain{
	.w_auto;
	h2{.w100;margin:20px 0;.title;}
	figure{
		width: 80%;margin :0 auto 20px auto;
		p{
			font-size: 16px;line-height: 1.8;padding: 10px 0;
		}
		@media @tablet{width:100%;}
		@media @mobile{width:100%;}
	}

}

/*============================
character PAGE
============================*/
section#character.page{
	.w_auto;padding-bottom: 50px;
	h2{.w100;margin:20px 0;.title;
		span.right{ float:right; font-size:13px; padding-top:15px; padding-right:15px;
			@media @tablet{ float:none; display:block; text-align:center; padding:0;}
			@media @mobile{ float:none; display:block; text-align:center; padding:0;}
		}
		&:after{.clear;}
	}
	ul{
		li{
			width: 25%;margin:0px 0 0 0;
			padding: 10px;float: left;
			
			figure{.frame;
				figcaption{
					h3{display:block;border-bottom: 1px solid}
					span{display: block;text-align: right;font-size: 12px;}
					p{display: inline-block;padding: 5px 0;font-size: 16px;margin: 10px 0; line-height:1.5;}
					strong{ color:rgba(255,178,0,1.00);}
					img{display: block;margin:0 auto;}
					div{ padding-bottom:15px;}
				}
			}
			@media @tablet{width: 50%;}
			@media @mobile{width: 100%;}
		}
		&:after{.clear;}
	}
}

/*============================
MOVIE PAGE
============================*/
section#movie.page{
	.w_auto;padding-bottom: 50px;
	h2{.w100;margin:20px 0 0;.title;
		
		a{padding-bottom:5px; float: right; color:#fff; text-decoration:underline;
		@media @mobile{ font-size:12px; background:#fff; color:#000; padding:10px;border-bottom: 0px solid #000; float:none; margin-top:10px;}
		}
	}
	/*div.info{
		margin: 10px 0;display: block;
	
	}*/
	ul{
/*		margin-top: 20px;*/
		padding-top: 20px;
		li{
			width: 33%;padding:0 0px;float: left;
			figure{.frame;margin:10px;
				figcaption{padding:5px;
					h3{
						display:block;background:url(../img/kai_icon2.png) left top no-repeat;
						background-size: 20px 20px;padding-left: 25px;margin-bottom: 10px;
					}
					p{ text-align:center; padding:10px;}
					
					img{display:block;width: 100%;}
				}

				
			}
			@media @tablet{ width: 50%;}
			@media @mobile{width: 100%;}
		}
		&:after{.clear;}
	}
}

/*============================
COLUMN PAGE
============================*/
section#column.page{
	.w_auto;margin-bottom: 50px;
	h2{.w100;margin:20px 0;.title;}

	ul{margin-bottom: 50px;
		li{
			width: 33%;float: left;
			figure{.frame;
				
				margin:10px;
				figcaption{
					padding:5px;
					h3{
						display:block;background:url(../img/kai_icon2.png) left top no-repeat;
						background-size: 20px 20px;padding-left: 25px;margin-bottom: 10px;

					}

					img{display:block;margin: 0 auto;width: 80%;}
					div.link{
						display: block;text-align: center;
						a{display: inline-block;text-align: center;margin-bottom: 10px;padding-top:20px;color:#3399ff; text-decoration:underline;}
					}

				}
				
			}
			@media @tablet{ width: 50%;}
			@media @mobile{width: 100%;}
		}
		&:after{.clear;}
	}
}

/*============================
GOODS PAGE
============================*/
section#goods.page{
	.w_auto;margin-bottom: 50px;
	h2{.w100;margin:20px 0;.title;}

	h2.type1{
		img{max-height:75px;}
		@media @mobile{ text-align:center;
			img{ max-height:auto; width:100%;}
		}
	}
	h2.type2{ position: relative;
		img{max-height:150px;}
		@media @mobile{ text-align:center;
			img{ max-height:auto;height:auto; max-width:100%;}
		}
	}

	h3{margin-top: 20px;}
	div.info{position: relative;
		p{display: block;line-height: 1.8; padding:10px 20px 0;
			span{display: block;font-size: 12px;}
		}
		a{ display:inline-block;  font-size:16px; text-decoration:underline; width:auto;
		}
		ul{ padding-left:20px; margin-bottom:0;
			li{ float:left;
				a{ display:block;}
			}
			&:after{.clear;}
		}
		
		a.pc{ display:inline-block !important;}
		a.smp{ display:none !important;}
		@media @tablet{ 
			p,a{position: static;}
			p{margin-bottom: 10px; }
			a{} 
			a.smp{ display:inline-block !important;}
			a.pc{ display:none !important;}
		}
		@media @mobile{ 
			p,a{position: static;}
			p{margin-bottom: 10px;
				span{ padding-bottom:15px;}
			}
			a.smp{ display:inline-block !important;}
			a.pc{ display:none !important;}
		}
		&:after{.clear;}
	}
	ul{margin-bottom: 10px;
		li{
			width: 25%;float: left;			
			figure{
				margin:10px;
				padding:20px;.frame;
				figcaption{
					h3{.mp0;
						display:block;text-align: center;
						span{display: block;font-size: 12px;}
					}
					img{display:block;margin: 10px auto;width: 60%;}
					div.col2{
						a{
							img{ width:50%; float:left;}
						}
						&:after{.clear;}
					}
				}
				div.link{ display: block;text-align: center;
					a{color: #3399ff; text-decoration:underline;}
				}
			}
			@media @tablet{ width: 50%;}
			@media @mobile{width: 100%;}
		}
		&:after{.clear;}
	}
}

/*============================
APP PAGE
============================*/
section#app.page{
	.w_auto;margin-bottom: 50px;
	h2{.w100;margin:20px 0;.title;}
	div.info{
		margin: 10px 0;display: block;line-height: 1.8;
		a{border-bottom: 1px solid #000;padding-bottom:5px;color: #000;}
	}
	ul{margin-bottom: 50px;
		li{ padding:5px; 
			width: 25%;float: left;	
			div.link{ display: block;text-align: center; position:absolute; left:0; bottom:0px; width:100%; padding:10px;
				a{color:; text-decoration:underline; font-size:18px;}
				&:after{.clear;}
			}
			div.link.app{
				a{
					width: 50%;display: inline-block;float: left;color: #fff;border-bottom:none;
				}
			}
			div.link.col1{display: block;text-align: center;
				a{display: inline-block;margin:0% auto;float: none; }
				/*a{;img{margin:0% auto;display: inline-block;}}*/
			}

			figure{
				.frame;position:relative; padding-bottom:60px;
				figcaption{
					
					h3{display:block;text-align: center; border-bottom:1px solid #eee; padding-bottom:5px; margin-bottom:10px;
						span{display: block;font-size: 12px;}
					}
					p{padding: 10px 0; }
					img{display:block;padding:0;margin:0 auto 10px;width: 80%;}
					div.link{ position:static; padding:0;
						a{ font-size:13px;}
					}

					@media @mobile{
						p{display:inline-block; width: 100%;float: none;padding-right: 0px;}
						img{float: none;width: 90%; margin:0 auto; }
						&:after{.clear}
					}
				}
			}
			@media @tablet{ width: 50%;}
			@media @mobile{width: 100%;}
		}
		&:after{.clear;}
	}
}

/*============================
MEDIA PAGE
============================*/
section#media.page{
	.w_auto;margin-bottom: 50px;
	h2{.w100;margin:20px 0;.title;}
	ul{
		.w100;padding: 0px;
		li{
			margin-bottom:20px;border :1px solid #eee;
			padding: 20px;.frame;
			@media @mobile{padding:15px;}
			/*a{ */
				color:#000;
				figure{
					div.img{
						/*display:block;*/

						float: left; 
						padding-right: 20px;
						width: 25%;
						max-width: 25%;
						img{width: 100%; min-width:100%;margin-bottom: 5px;
						@media @mobile{width: 100%;}
						}
						@media @tablet{float: none;margin-right: 0px;margin: 0 auto;margin-bottom: 0px;max-width: 100%;width: 100%; text-align:center;padding-right: 0px; padding-top:5px;}
						@media @mobile{float: none;margin-right: 0px;margin: 0 auto;margin-bottom: 0px;max-width: 100%;width: 100%; text-align:center;padding-right: 0px; padding-top:5px;}
					}
					figcaption{ float:right; width:75%;
						@media @mobile{ float:none; width:100%;}
						

						h3{line-height: 1.3; margin-bottom:10px;}
						div{line-height: 1.5;}
						a{ display:block; padding-top:10px; text-decoration:underline;}
						
					}
					&:after{.clear;}
				
				}
			/*}*/
		}
		@media @tablet{padding: 0px;}
		@media @mobile{padding: 0px;}
	}
}


/*============================
#top-common
============================*/
section#top-common.col3 {.w_auto;
	@media @mobile{ width:100%;}
	article{ width:32%; float:left;.frame;
		&:nth-child(2){ margin:0 2%;}
		h2 {.title;  margin-bottom:20px;
			img{ max-height:50px; width:auto;}
		}
		@media @tablet{width:100%; float:none; margin-bottom:25px;
			&:nth-child(2){ margin:0;}
		}
		@media @mobile{width:100%; float:none; margin-bottom:25px;
			&:nth-child(2){ margin:0;}
		}
	}
	&:after{.clear;}
	article.movies {margin-bottom:25px; @media @mobile{ width:90%; margin:0 5%;}
		h2 { margin-bottom:5px;}
		ul {
			li { margin-bottom:20px;
				a {  color:#555555; text-decoration:none;
				span{ display:block; padding:5px 5px 10px 5px; text-align:right;
					img{ max-height:25px;}
				}
					figure {
						img { width:100%; height:auto;
						}
						figcaption {padding:10px; padding-bottom:0;
							h3{ text-decoration:underline;}
							p {color:#000; text-decoration:underline;}
						}
					}
				}
			}
		}
		div.more {
			a { display:block; text-align:right; padding:3px 15px; font-size:16px; font-weight:bold;  text-decoration:underline;color:#3399ff;
			}
		}
	}

	article.freearea.movies {margin-bottom:25px;@media @mobile{ width:90%; margin:0 5%;}
		h2 { margin-bottom:5px;}
		ul {
			li { margin-bottom:20px;
				a {  color:#555555;
				span{ display:block; padding:5px 5px 10px 5px; text-align:right;
					img{ max-height:25px;}
				}
					figure {
						img { width:100%; height:auto;
						}
						figcaption {padding:10px; padding-bottom:0;
							p {color:#000; text-decoration:underline;}
						}
					}
				}
			}
		}
		div.more {
			a { display:block; text-align:right; padding:3px 15px; font-size:16px; font-weight:bold;  text-decoration:underline;color:#3399ff;
			}
		}
	}
	/*
	article.freearea {margin-bottom:25px;
		h2 { margin-bottom:5px;
		}
		ul {
			li {
				a { color:#555555;
				span{ display:block; padding:5px 5px 10px 5px; text-align:right;
					img{ max-height:25px;}
					}
					figure {
						img { width:100%; height:auto;
						}
						figcaption {padding:10px;
							p { color:#000; text-decoration:underline;}
						}
					}
				}
			}
		}
		div.more {
			a {display:block; text-align:right;padding:3px 15px; font-size:16px; font-weight:bold;  text-decoration:underline;color:#3399ff;
			}
		}
	}
	*/
	article.twitter-area { padding:5px;
		@media @mobile{ width:90%; margin:30px 5%; padding:1% 5px;}
	}
	
	a.tw{
		@media @mobile{ position:relative; display:block; padding:10px 0 10px 10px; text-align:right;
			img{ width:95%; height:auto;}
		}
	}
}
aside.banners {.w_auto; margin-bottom:60px;
	@media @mobile{ margin-bottom:20px;}
	ul { padding-top:50px;
		li { float:left; width:25%;
			a { display:block; padding:10px;
				img { width:100%; height:auto;}
			}
		}
		@media @mobile{padding-top:0px;
			li { float:none; width:100%;
				a { display:block; padding:10px;
					img { width:100%; height:auto;}
				}
			}
		}
		@media @tablet{padding-top:0px;
			li { float:left; width:50%;
				a { display:block; padding:10px;
					img { width:100%; height:auto;}
				}
			}
		}
		&:after{.clear;}
	}
}

		div.contact {.w_auto; padding-bottom:15px;
			a { display:inline-block; text-indent:-8888em; background:url(../img/btn-contact.png) no-repeat center top; width:448px; height:106px;
			}
			@media @mobile{ text-align:center; margin-bottom:20px;
				a{ display:block; text-align:center; width:100%; background-size:contain;height:80px;}
			}
			@media @tablet{ text-align:center; margin-bottom:20px;
				a{ display:block; text-align:center; width:100%; background-size:contain;height:80px;}
			}
		}

/*============================
mobile用SNS
============================*/
		ul.social { float:right; padding-top:0px;
			@media @tablet{float:none; padding-bottom:0px;padding-top:0px; width:100%; margin-bottom:0px;}
			@media @mobile{float:none;padding-bottom:0px;padding-top:0px; width:100%; margin-bottom:0px;}

			li{ float:left; padding:10px; padding-bottom:0;
				a{.rounded-corners(100%); display:block; width:60px; height:60px;}
				@media @tablet{.p0;}
					@media @mobile{.p0;}
					
			}
			@media @tablet{float:none; .w100; width:100%;
				li{ width:33.333%; text-align:center;
					a{.rounded-corners(0); .w100; width:100%; padding:5px; display:block;height:50px;
						img{ height:100%; width:auto;}
					}
				}
			}
			@media @mobile{float:none; .w100; width:100%;
				li{ width:33.333%; text-align:center;
					a{.rounded-corners(0);.w100; width:100%; padding:5px; display:block;height:50px;
						img{ height:100%; width:auto;}
					}
				}
			}
			li.facebook {
				a{ background:#305097;}
			}
			li.twitter {
				a{ background:#00aced;}
			}
			li.line {
				a{ background:#5ae628}
			}
			&:after{.clear;}
		}


/*============================
#footer
============================*/
footer#footer {.w100; background:#222; 
	@media @mobile{margin-top:0px;}
	@media @tablet{margin-top:0px;}
	div.wrap {.w_auto; position:relative; padding:25px;background:#222; 
		@media @mobile{padding:0px; width:100%;}
		@media @tablet{padding:0px; width:100%;}
		p { text-align:center; color:#fff; font-size:11px; padding-top:15px;}
		h3 { text-align:center; padding-bottom:15px; padding-top:10px;
			a { display:inline-block; padding:5px;}
		}
	}
}




/**/
section#news.page ul.page-numbers{ text-align:center;
	li{ display:inline-block; padding:10px; border:none; background:#eee;
		a{ font-size:15px; color:#222; font-weight: bold;}
	}
}


/*  zip  */

div.zip { text-align:center; padding:20px;
	@media @mobile{ text-align:left;}
	img { margin-bottom:20px;
	}
	h3 {
	}
	div.zipin{ width:70%; margin:0 auto;
		@media @mobile{ width:100%;}
		img{ margin-bottom:0; width:100%;}
	}
	div.ccc {.rounded-corners(0 0 4px 4px); padding:20px; background:#fff;margin-bottom:20px;
		h3{ border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:10px;
			@media @mobile{ text-align:left;}
		}
		p {
			@media @mobile{ text-align:left;}
		}
	}
	a {
		img {
		}
	}
}



/*venobox*/
.vbox-close,.vbox-next,.vbox-num,.vbox-prev,.vbox-title{overflow:hidden;color:#fff}
.vbox-overlay *,.vbox-overlay :after,.vbox-overlay :before{-webkit-backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.vbox-overlay{background:#fdfdfd;background:rgba(0,0,0,.85);width:100%;height:auto;position:fixed;top:0;left:0;bottom:0;z-index:3999;opacity:0;overflow-x:hidden;overflow-y:auto}
.vbox-preloader{position:fixed;width:32px;height:32px;left:50%;top:50%;margin-left:-16px;margin-top:-16px;background-image:url(../img/loading.png);text-indent:-100px;overflow:hidden;}
.vbox-close{cursor:pointer;position:fixed;top:-1px;right:0;width:100px;height:100px;padding:10px 20px 10px 0;display:block;background:url(../img/close.png) right center no-repeat;text-indent:-100px}
.vbox-num,.vbox-title{height:40px;display:none}.vbox-next,.vbox-prev{box-sizing:content-box;cursor:pointer;position:fixed;top:50%;width:30px;height:170px;margin-top:-85px;text-indent:-100px;border:solid transparent}
.vbox-num,.vbox-title{background:#161617;top:-1px}
.vbox-prev{left:0;border-width:0 30px 0 10px;background:url(../img/prev.png)center center no-repeat}.vbox-next{right:0;border-width:0 10px 0 30px;background:url(../img/next.png)center center no-repeat}
.vbox-title{width:100%;float:left;text-align:center;line-height:28px;font-size:12px;padding:6px 40px;position:fixed;left:0}
.vbox-num{cursor:pointer;position:fixed;left:0;line-height:28px;font-size:12px;padding:6px 10px}
.vbox-inline{width:420px;height:315px;padding:10px;background:#fff;text-align:left;margin:0 auto;overflow:auto}
.vbox-content,.vbox-open{overflow:hidden}
.venoframe{border:none;width:960px;height:720px}@media (max-width:992px){.venoframe{width:640px;height:480px}}@media (max-width:767px){.venoframe{width:420px;height:315px}}@media (max-width:460px){.vbox-inline,.venoframe{width:100%}
.venoframe{height:260px}}.vbox-container{position:relative;background:#000;width:100%;max-width:1200px;margin:0 auto;padding:0 15px}
.vbox-content{text-align:center;float:left;width:100%;position:relative}
.venoframe{ max-height:580px;}


/* owl */
.vbox-overlay ,.owl-carousel,.owl-item{-webkit-tap-highlight-color:transparent}.owl-item,.owl-video-play-icon{-webkit-backface-visibility:hidden}.owl-carousel,.owl-item,.owl-stage,.owl-stage-outer{position:relative}.owl-carousel{display:none;width:100%;z-index:1;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-animated-in{z-index:0}.owl-animated-out{z-index:1}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}.owl-stage{-ms-touch-action:pan-Y}.owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-stage-outer{overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-item{min-height:1px;float:left;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-video-wrapper{position:relative;height:100%;background:#000}.owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png)no-repeat;cursor:pointer;z-index:1;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-video-frame{position:relative;z-index:1}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-text-select-on{-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}






/* owl2
---------------------------------------------------------------*/
.owl-carousel{ position:relative;}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent}.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel .owl-refresh .owl-item,.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png)no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}

.owl-controls{ 
	.owl-nav{
		.owl-prev{ position:absolute; width:40px; height:40px; top:50%; margin-top:-40px; left:-30px; background:#eee;.rounded-corners(100%); text-align:center; 
			@media @tablet{top:auto; bottom:0px;left:0px;background:none;}
			@media @mobile{top:auto; bottom:0px;left:0px;background:none;}
			
		&:before{content:"＜"; text-align:center; font-size:28px;}
		}
		.owl-next{ position:absolute; width:40px; height:40px; top:50%; margin-top:-40px; right:-30px; background:#eee;.rounded-corners(100%); text-align:center;
			@media @tablet{top:auto; bottom:0px;right:0px;background:none;}
			@media @mobile{top:auto; bottom:0px;right:0px;background:none;}
		&:before{content:"＞"; text-align:center; font-size:28px;}
		}
		
		/*
		@media @tablet{ display:none;}
		@media @mobile{ display:none;}
		*/
	}
	.owl-dots{ text-align:center;
		.owl-dot{ background:#fff; width:20px; height:20px; margin:5px;display:inline-block;.rounded-corners(100%);border:2px solid #ccc;}
		.owl-dot.active{ background:#eee; border:2px solid #ccc;}
		@media @tablet{ padding-top:5px;}
		@media @mobile{ padding-top:5px;}
	}
		@media @tablet{ background:#aae6ff;}
		@media @mobile{ background:#aae6ff;height:40px;}
}

.animated  {
  -webkit-animation-duration : 1000 ms  ;
  animation-duration : 1000 ms  ;
  -webkit-animation-fill-mode : both  ;
  animation-fill-mode : both  ;
}  
.owl-animated-out {
  z-index : 1 
   }
.owl-animated-in {
  z-index : 0 
   }
.fadeOut  {
  -webkit-animation-name : fadeOut  ;
  animation-name : fadeOut  ;
}  
@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
.vbox-container{
	opacity:1!important;
}






/*goodsページボタン追加*/
.kaigoods_btn a{ color:#FFFFFF; }
.kaigoods_btn2 a{ color:#FFFFFF; }

.kaigoods_btn{ background-color:#3399ff; color:#FFFFFF; font-size:150%; font-weight:bold; border-radius:10px;　width:400px; text-align:center; padding:10px 0; margin: 0 0 0 800px; position: absolute; z-index:100;

			@media @tablet{ font-size:120%;　width:100%; margin:10px 0; position: static;}
			@media @mobile{ font-size:110%;　width:100%; margin:10px 0; position: static;}

	}
.kaigoods_btn2{ background-color:#3399ff; color:#FFFFFF; font-size:150%; font-weight:bold; border-radius:10px;　width:100%; padding:10px 2%;

			@media @tablet{ font-size:120%;　text-align:center; padding: 10px 0;}
			@media @mobile{ font-size:110%;　text-align:center; padding: 10px 0;}
	}