@charset "UTF-8";
/*--------------------------------
ここからPCのCSS
----------------------------------*/
@media screen and (min-width:480px){
.sumaho{
	display: none;
}
body{
	width: 100%;
	min-width: 960px;
	margin: 0 auto;
}
/* ========EVENT CUSTOMIZE========= */


/* ========EVENT ORIGINA CUSTOMIZE========= */

#event .event_main {
  min-height:900px;
}

#event .main_left_box{
  min-height:900px;
}

#event #event_content_main {
  float:left;
  width:720px;
/*20150927 Y.Takagi イベント追加によりアイテム画像の位置調整  
  height:900px;*/
/*20151101 Y.Takagi イベント追加によりアイテム画像の位置調整  
  height:1000px;*/
  height:1100px;
}

#event #right_menu {
  float:left;
  width:350px;
  height:900px;
}

#event #main_title{
  margin: 0px 0px 10px 0px;
  padding: 45px 0px 0px 20px;
  text-align: left;
  font-size: 30px;
  font-weight: bold;
  color: #777777;
  background: url("../images/event/title_bk.png");
  background-size:780px 112px;
  background-repeat: no-repeat;
  height:120px;
}

#event #absolute1 {
  position: absolute;
  top: 125px;
  left: 500px;
  height: 107px;
  width: 171px;
}

#event #absolute2 {
  position: absolute;
  top: 225px;
  left: 550px;
  height: 56px;
  width: 114px;
}

#event #absolute3 {
  position: absolute;
  top: 173px;
  left: 680px;
  height: 119px;
  width: 120px;
}

#event #absolute4 {
  position: absolute;
  top: 850px;
  left: 200px;
  height: 125px;
  width: 118px;
}

#event #absolute5 {
  position: absolute;
  top: 900px;
  left: 300px;
  height: 128px;
  width: 83px;
}

#event #absolute6 {
  position: absolute;
/*20150606 Y.Takagi イベント追加によりアイテム画像の位置調整  
  top: 700px;*/
/*20150927 Y.Takagi イベント追加によりアイテム画像の位置調整  
  top: 820px;*/
/*20151101 Y.Takagi イベント追加によりアイテム画像の位置調整  
  top: 920px;*/
/*20160610 Y.Takagi イベント追加によりアイテム画像の位置調整  
  top: 1020px;*/
  top: 1190px;
  left: 840px;
  height: 236px;
  width: 350px;
}

#event #absolute7 {
  position: absolute;
/*20150606 Y.Takagi イベント追加によりアイテム画像の位置調整  
  top: 770px;*/
/*20150927 Y.Takagi イベント追加によりアイテム画像の位置調整  
  top: 890px;*/
/*20151101 Y.Takagi イベント追加によりアイテム画像の位置調整  
  top: 990px;*/
/*20151101 Y.Takagi イベント追加によりアイテム画像の位置調整  
  top: 1090px;*/
  top: 1250px;
  left: 900px;
  height: 96px;
  width: 115px;
}

#event #sub_title{
  padding: 8px 0px 0px 35px;
  font-size: 20px;
  text-align: left;
  color: #FFFFFF;
  background: url("../images/event/title2.png");
  background-size:780px 50x;
  background-repeat: no-repeat;
  height:80px;
}

#event #event_content {
  font-size: 13px;
  text-align: left;
  color: #777777;
  padding: 10px 10px 10px 10px;
  width:720px;
  height:200px;
}

#event #event_pic_box {
  height:250px;
}

.event_pic {
  padding: 5px 0px 0px 0px;
  width:220px;
  height:180px;
}

.event_pic_vertical {
  padding: 0px 0px 0px 36px;
  width:150px;
  height:180px;
}

.event_menu {
  margin: 0px 0px 5px 10px;
  padding: 0px 0px 0px 0px;
  background: url("../images/event/event_menu_bk.png");
  background-repeat: no-repeat;
  width:290px;
  height:60px;
  text-align: left;
}

.event_menu_test {
  margin: 0px 0px 5px 10px;
  padding: 0px 0px 0px 0px;
  background: url("../images/event/event_menu_bk_test.png");
  background-repeat: no-repeat;
  width:295px;
  height:65px;
  text-align: left;
}

#event_menu_year a {
	float:left;
}

.even_menu_title {
  width:200px;
  height:40px;
  text-align: left;
  padding: 21px 0px 0px 35px;
}

.even_menu_title2 {
  width:200px;
  height:40px;
  text-align: left;
  padding: 11px 0px 0px 35px;
}

.even_menu_title3 {
  width:200px;
  height:40px;
  text-align: left;
  padding: 22px 0px 0px 35px;
}

.event_day {
  font-size: 13px;
  color: #AA0000;
  font-weight: bold;
}

.event_name {
  font-size: 13px;
  color: #777777;
  font-weight: bold;
}

/* 画像プレビュー(スライド) */
.preview{
  position: absolute;
  border: 3px solid #333;
  background: #444;
  padding: 5px;
  display: none;
  color: #FFF;
  text-align: center;
}

/* 画像オーバレイ */
.overlay {
  position: absolute;
  display: none;
  top: 0;
  width: 100%;
  background: url("../images/event/black.png");
  z-index: 2100;
}

#cursol {
  position: absolute;
  padding: 5px;
  color: #fff;
  background: #666;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 5px 0px #333;
  -moz-box-shadow: 2px 2px 5px 0px #333;
  box-shadow: 2px 2px 5px 0px #333;
}

.overlay img {
  display: inline-block;
  position: absolute;
  width: 800px;
  -webkit-box-shadow: 0px 0px 20px 0px #333;
  -moz-box-shadow: 0px 0px 20px 0px #333;
  box-shadow: 0px 0px 20px 0px #333;
  z-index: 2110;
}

/* 隠しイメージ */
#event #hide_img_box {
  width: 180px;
  height: 226px;
  bottom: -222px;
  margin-left: 440px;
  overflow: hidden;
  position: fixed;
  z-index: 20;
  background-image: url("../images/event/hide_img.jpg");
}

/* ばね */
#event #spring_img {
  width: 114px;
  height: 56px;
}
}

/*--------------------------------
ここからスマホCSS
----------------------------------*/

@media screen and (max-width:480px){/*andの後は半角スペース*/
body{
	position:relative;//ナビ用
	overflow:hidden;
	font-size:14px;
}
*{
	margin:0;
	padding:0;	
}

.pc{
	display:none;
}

#event h1 {
	background-image: url("../images/gallery/title_back_sp.png");
	height: 50px;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 120%;
	line-height: 50px;
	padding-left: 10px;
	margin-bottom:10px;
}
/* 画像オーバレイ */
div.overlay {
	height:0 !important;
	width:100% !important;
}
div.overlay img {
	width: 100% !important;
	top: 50% !important;
	left: 0px !important;
	margin: 700px auto 0px;
	overflow: hidden;
	z-index: 2001;
	position: relative;
}
#cursol {
display: block;
clear: both;
height: 150px;
width: 50%;
margin: 0 auto;
}
#main,
#main_left {
	min-height:0 !important;
}
#absolute1,
#absolute2,
#absolute3,
#absolute4,
#absolute5,
#absolute6,
#absolute7 {
	display:none;
}
/*イベントリスト*/
#right_menu{
	display:none;
}
.even_menu_title2 {
    //width: 80%;
    //height: 40px;
    //text-align: left;
    //padding: 11px 0px 0px 35px;
}
.event_menu {
    //margin: 0px 0px 5px 10px;
    //padding: 0px;
    //background: transparent url("../images/event/event_menu_bk.png") no-repeat scroll 0% 0%;
    //width: 80%;
    //height: 60px;
    //text-align: left;
}
#sub_title {
	width:95%;
	box-sizing:border-box;
	border-left:3px solid #b22;
	padding: 5px 8px;
	margin: 20px auto 5px;
	display:block;

}
#event_content {
	width:95%;
	box-sizing:border-box;
	border:1px solid #888;
	padding:20px 5px;
	margin:0 auto 25px;
	display:block;
}
#event_pic_box {
	width:90%;
	margin:0 auto;	
}	
/*スライダー*/
/*写真送りボタン*/
.bx-wrapper .bx-controls-direction a {
	top:79% !important;
}
/*フレーム*/
.bx-wrapper .bx-viewport {
	height:110px !important;
	margin-bottom:45px;
}

#footer {
	width:100%;
	background:#000;
	font-size:60%;
	color:#fff;
	box-sizing:border-box;
	padding:5px;
	clear:both;	
}
}