@charset "UTF-8";
/* CSS Document */
/*
文字サイズ指定

10px 63% 
11px 69% 
12px 75% 
13px 82% 
14px 88% 
15px 94% 
16px 100% 
17px 107% 
18px 113% 
19px 119% 
20px 125% 
21px 132% 
22px 138% 
23px 144% 
24px 150% 
25px 157% 
26px 163% 
*/

#wrap {
	background:url("../img/pc/bg.gif") repeat left top;
	font-family:"ＭＳ 明朝",serif;
	color:#fff;
	line-height:120%;
	width:100%;
}
a {
	color:#d2d2af;
	border:none;
}
a:link {color : #d2d2af;}
a:visited {color: #d2d2af;}
a:hover {color: #fff;}
a:active {color: #d2d2af;}
a:hover img{filter: alpha(opacity=70); opacity:0.7;}
a:hover img.rollover{filter: alpha(opacity=100); opacity:1;}
.red{color:#f00;}

/*=======
pagetop
======================================================*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #333;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}
/*===== clearfix =====*/

@media screen and (min-width: 600px) {
.pcnone {display:none;}
#contentsWrap {
	background:URL("../img/pc/innerBg.jpg") no-repeat center top;
}
#contentsWrap #inner {
	width:980px;
	margin:0 auto;
	padding:50px 0 30px;
}
#contentsArea {
	width:730px;
	float:left;
}
#contentsArea .contents {
	margin-bottom:50px;
}
#contentsArea .contentsInner {
	padding-left:60px;
	font-size:14px;
}
#contentsArea h3 {
	padding-bottom:15px;
}
#contentsArea h3 span {
	display:none;
}
#contentsArea .contentsInner p {margin-bottom:30px;}

/*=======
ComingSoon
======================================================*/

#comingsoon {
	background-color :#000;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#comingsoon img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	margin:150px 230px 0;
}
/*=======
clearfix:after
======================================================*/
#contentsArea .contentsInner:after,#contentsWrap #inner:after,#mainWrap ul:after,#mainWrap #topics div:after,footer ul:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/*=======
header/メインビジュアル/切替ボタン
======================================================*/
.wideslider {
    width: 100%;
    height: 500px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}
 
.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
 
}
#mainWrap header ul li a#btnSP {
	float:right;
	background:URL("../img/icon_sp.png") no-repeat 10% 50%;
	background-size:14%;
	display:block;
	padding:15px 40px 15px 50px;
	margin-left:30px;
	background-color:#241106;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	border:1px solid #604C4B;
}
#mainWrap header ul li a#btnPC {display:none;}

/* =======================================
		MVslider
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.wideslider ul {
    display: inline-block;
    overflow: hidden;
}

#mainWrap header {
	width:100%;
	padding-top:10px;
}
#mainWrap header ul {
	text-align:right;
	font-size:12px;
	padding-bottom:3px;
}
#mainWrap header ul li {
	float:right;
	padding-right:10px;
	display:block;
}
#mainWrap header ul li a {display:block;}
#mainWrap header ul li.none {padding-top:30px;}
#mv .wideslider {
	width:100%;
}
#mv  h1 {
	position:absolute;
	top:0;
	z-index:2;
}
#mv h1 a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	z-index:2;
}
#mv h2 {
	position:absolute;
	top:300px;
	z-index:2;
}
#mv .wideslider ul {
	position:relative;
	z-index:1;
}
.pagination {
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: absolute;
    z-index: 200;
}
 
.pagination a {
    margin: 0 5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    overflow: hidden;
    background: #333;
}
.pagination a.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}

/*=======
nav
======================================================*/
#mainWrap nav {
	background:URL("../img/pc/nav/navBg.jpg") repeat-x top left !important;
	width:100%;
}
#mainWrap nav ul {
	width:980px;
	margin:0 auto;
}
#mainWrap nav ul li{
	display:inline;
	float:left;
	width:196px;
	height:78px;
}
#mainWrap nav ul li a span {display:none;}

/*=======
topics
======================================================*/
#mainWrap #topics {
	width:100%;
	background:URL("../img/pc/topicsBg.jpg") repeat-x top left;
	padding:20px 0;
}
#mainWrap #topics div {
	width:980px;
	margin:0 auto;
}
#mainWrap #topics div p {
	float:left;
}
#mainWrap #topics div p span {
	display:none;
}
/*=======
side
======================================================*/
#side {
	width:205px;
	float:right;
}
#side iframe {margin-bottom:50px;}
/*=======
footer
======================================================*/
#wrap footer {
	width:100%;
	clear:both;
	background:URL("../img/pc/footerTop.jpg") repeat-x top left #2f1a0f;
	padding:30px 0 15px;
}
#wrap footer .inner {
	width:980px;
	margin:auto;
}
#wrap footer .inner div {
	padding-bottom:20px;
}
#wrap footer h4 {
	background:URL("../img/pc/footerLine.jpg") repeat-x bottom left;
	padding-bottom:5px;
	margin-bottom:20px;
}
#wrap footer .inner .footerContents {
	float:left;
	width:470px;
	margin-right:10px;
}
#wrap footer .inner div.sns {
	float:right;
	width:470px;
}
#wrap footer .footerContents ul li {
	float:left;
	padding:0 10px 10px 5px;
}
#wrap footer .footerContents ul li.fbr {
	clear:both;
	float:left;
}
#wrap footer .footerContents ul li a {
	font-size:12px;
	text-decoration:none;
}
#wrap footer p {
	clear:both;
	background:URL("../img/pc/footerLine.jpg") repeat-x top left;
	font-size:14px;
	padding-top:20px;
	text-align:center;
}
footer .sns ul li {
	float:left;
	padding:0 10px 0 0;
}
/*=======
Privacy Policy
======================================================*/
#other .contentsInner h4 {
	background:url("../img/pc/line.gif") repeat-x bottom left;
	padding:10px 0 5px;
	margin-bottom:10px;
	font-weight:bold;
}
#other .contentsInner p {
	margin-bottom:25px;
}
#other .contentsInner ul li {
	list-style-type:square;
	margin-left:15px;
}
/*=======
company
======================================================*/
#other.company .contentsInner p,#other.company .contentsInner li {
	margin-bottom:5px;
	padding:0;
}

/*=======
index
======================================================*/

/*--------
clearfix:after
-------------------------------------*/
#festival:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
/*--------
News
-------------------------------------*/
article ul li {
	background:URL("../img/pc/top/arrow.png") no-repeat left center;
	padding-left:15px;
	margin-bottom:5px;
	color:#fff;
}
article ul li span {
	color:#ffb44b;
	padding-right:20px;
}

/*--------
OnlineStore
-------------------------------------*/
#online p {margin-bottom:15px;}
#online span {font-size:12px;}

/*--------
festival
-------------------------------------*/

#festival a {
	display:block;
	float:left;
	margin-right:30px;
}
#festival a.fsright {margin:0;}
.box {overflow:hidden;}
#festival .box img {
	margin-bottom:10px;
	width:140px;
}







}

@media screen and (max-width: 599px) {
#mainWrap nav:after,#mainWrap #topics:after,footer ul:after,footer .sns:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.spnone {display:none;}

#wrap {
	background: #372309; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3MjMwOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzUzM2MxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iIzUzM2MxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNzIzMDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#372309), color-stop(33%,#533c14), color-stop(68%,#533c14), color-stop(100%,#372309)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #372309 0%,#533c14 33%,#533c14 68%,#372309 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #372309 0%,#533c14 33%,#533c14 68%,#372309 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #372309 0%,#533c14 33%,#533c14 68%,#372309 100%); /* IE10+ */
background: linear-gradient(to right, #372309 0%,#533c14 33%,#533c14 68%,#372309 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#372309', endColorstr='#372309',GradientType=1 ); /* IE6-8 */
}

#contentsArea h3 {
	background:URL("../img/sp/logo_tit.png") no-repeat 3% 50% #1b1205;
	padding:9% 0% 4% 11%;
	width:89%;
}
#contentsArea h3 img {display:none;}
#contentsArea h3 span {font-size:120%;}
#contentsArea .contentsInner {padding:0 3%;}

/*=======
ComingSoon
======================================================*/

#comingsoon {
	background-color :#000;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#comingsoon #contentsArea {text-align:center;}
#comingsoon img {
	width:60%;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	margin:150px 0;
}
/*=======
header/メインビジュアル/切替ボタン
======================================================*/
#mainWrap #mv {width:100%;}
#mainWrap #mv h1 img {width:25%;}
#mainWrap #mv h2 img {width:100%;}
#mainWrap header ul li.none {display:none;}
#mainWrap header ul li a#btnPC {
	background:URL("../img/icon_pc.png") no-repeat 10% 50%;
	background-size:35%;
	float:right;
	display:block;
	padding:10px 10px 10px 50px;
	margin:3% 3% 2% 0;
	background-color:#241106;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	border:1px solid #604C4B;
}
#mainWrap header ul li a#btnSP {display:none;}
/*=======
nav
======================================================*/
#mainWrap nav {
	width:100%;
	background-color:#241106;
}
#mainWrap nav ul li a {
	display:block;
	width:39.8%;
	float:left;
	padding:5%;
	text-align:center;
	color:#fff;
	text-decoration:none;
background: #54411e; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU0NDExZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTExMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#54411e), color-stop(100%,#191107)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #54411e 0%,#191107 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #54411e 0%,#191107 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #54411e 0%,#191107 100%); /* IE10+ */
background: linear-gradient(to bottom, #54411e 0%,#191107 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54411e', endColorstr='#191107',GradientType=0 ); /* IE6-8 */
}
#mainWrap nav ul li a {float:left;}
#mainWrap nav ul li.right a {float:right;}
#mainWrap nav ul li.online a {
	clear:both;
	width:90%;
}
#mainWrap nav ul li img {display:none;}
/*=======
topics
======================================================*/
#mainWrap #topics {
	width:94%;
	background:URL("../img/sp/topicsBg.jpg") repeat top left;
	padding:5% 3% 2%;
}
#mainWrap #topics div {width:100%;}
#mainWrap #topics div p img {
	float:left;
	width:30%;
	margin-left:2%;
}
/*=======
footer
======================================================*/
footer {
	margin-top: -3px;
	background: #211405; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxMTQwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDIyMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#211405), color-stop(100%,#2d2214)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #211405 0%,#2d2214 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #211405 0%,#2d2214 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #211405 0%,#2d2214 100%); /* IE10+ */
background: linear-gradient(to bottom,  #211405 0%,#2d2214 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#211405', endColorstr='#2d2214',GradientType=0 ); /* IE6-8 */
}
footer .footerContents ul {
	background-color:#67382b;
	padding-bottom:1px;
}
footer .footerContents ul li {
	float:left;
	width:49.8%;
	margin-bottom:1px;
}
footer .footerContents ul li.fRight {
	float:right;
	margin-bottom:1px;
}
footer .footerContents ul li a {
	display:block;
	background-color:#201609;
	text-align:center;
	width:100%;
	padding:8% 0;
	text-decoration:none;
	font-size:80%;
	color:#fff;
}
footer .footerContents ul li span {display:none;}
footer p {
	clear:both;
	background:URL("../img/pc/footerLine.jpg") repeat-x top left;
	text-align:center;
	padding:8% 0;
	font-size:70%;
	width:95%;
	margin:auto;
}
footer h4 {display:none;}
/*=======
SNS
======================================================*/
footer .sns {padding:5% 2% 5% 5%;}
footer .sns li {
	display:inline-block;
	margin-right:3%;
}
footer .sns .g-plusBtn {display:none;}
footer .sns span a img {
	width:120px;
	height:30px;
	margin-bottom:20px;
}
/*=======
Privacy Policy
======================================================*/
#other .contentsInner div p {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#other .contentsInner h4 {
	padding:10px 0 5px;
	border-bottom:1px solid #fff;
	margin-bottom:3%;
}
#other .contentsInner p {
	margin-bottom:5%;
}
#other .contentsInner p span {
	display:block;
	float:left;
	width:2px;
	height:100%;
}


/*=======
index
======================================================*/
/*--------
clearfix:after
-------------------------------------*/
#festival a .box:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
/*--------
News
-------------------------------------*/
article .contentsInner ul li {
	margin-bottom:3%;
	padding-bottom:2%;
	border-bottom:dashed 1px #fff;
	font-size:80%;
}
article .contentsInner ul li span {
	display:block;
}

/*--------
OnlineStore
-------------------------------------*/
#online {display:none;}

/*--------
ScoolFestival
-------------------------------------*/
#festival .contentsInner {padding:0;}
#festival a {
	width:100%;
	display:block;
	text-decoration:none;
	color:#010101;
background: #cec6c6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlYzZjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmIwYjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cec6c6), color-stop(100%,#bbb0b0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cec6c6 0%,#bbb0b0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cec6c6 0%,#bbb0b0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cec6c6 0%,#bbb0b0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cec6c6 0%,#bbb0b0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cec6c6', endColorstr='#bbb0b0',GradientType=0 ); /* IE6-8 */
}
#festival a .box {
	background:URL("../img/sp/arrow.png") no-repeat 95% 50%;
	padding:5% 5% 5% 3%;
}
#festival a .box img {
	width:25%;
	float:left;
	margin-right:3%;
}

}