@charset "utf-8";
/* CSS Document */

/* 追加
------------------------------------------------------------*/
.ticket_area{display:flex;flex-wrap:wrap;justify-content:center;margin:30px auto 70px;}
.ticket_box{width:400px;margin:0 15px;}
.ticket_box img{width:100%;}
.info_caution{border:solid 3px #f33;padding:10px;width: 100%;font-size:120%;font-weight:bold;color:#f33;margin-bottom:20px;}
.indent-1 {padding-left:1em;text-indent:-1em;}
.fade{display:none;}
.head_img{text-align:center;margin:10px auto 30px;}
.head_img img{width: 100%;}
.banner_img{text-align:center;margin:20px auto;clear:both;}
.fadein {opacity : 0;transform: translateY(20px);transition: all 1s;}
.top_back{background:#EFEFEF;width:100%;}

.trans_box{float:right;padding:10px 0 0;}

picture img{width:100%;}
#mainphoto{width: 100%;position: relative;margin:0px 0 30px;}
#mainphoto img{width: 100%;}
.mainImageArea {width: 100%;margin: 0px auto 50px;}

.head_title{text-align:center;background: rgba(255,255,255,0.8);border:1px solid #6D4373;color:#6D4373;width:400px;padding:10px;font-size:1.3vw;font-weight:bold;position: absolute;top:50%;left:50%;margin:0;transform: translate(-50%,-50%);}
.pagetop {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 0px;
	width:60px;
	z-index:100;
}
.pagetop a {display: block;}
.pagetop img{width:100%;}

h2.titlebar{
  position: relative;
  padding: 0;
text-align:center;
color:#924898;
font-size:24px;
font-weight:bold;
margin-bottom:30px;
border-bottom:#924898 3px solid;
}

h2.titlebar:after {
position: absolute;
content: '';
top: 100%;
left: 50%;
transform: translate(-50%,0);
border: 10px solid transparent;
border-top: 10px solid #924898;
width: 0;
height: 0;
}
h2.titlebar_b{
  position: relative;
  padding: 0;
text-align:center;
color:#AA5A00;
font-size:24px;
font-weight:bold;
margin-bottom:30px;
border-bottom:#AA5A00 3px solid;
}

h2.titlebar_b:after {
position: absolute;
content: '';
top: 100%;
left: 50%;
transform: translate(-50%,0);
border: 10px solid transparent;
border-top: 10px solid #AA5A00;
width: 0;
height: 0;
}
h2.titlebar_bl{
  position: relative;
  padding: 0;
text-align:center;
color:#06c;
font-size:24px;
font-weight:bold;
margin-bottom:30px;
border-bottom:#06c 3px solid;
}

h2.titlebar_bl:after {
position: absolute;
content: '';
top: 100%;
left: 50%;
transform: translate(-50%,0);
border: 10px solid transparent;
border-top: 10px solid #06c;
width: 0;
height: 0;
}
.maparea{margin-bottom:20px;}
.access_left{float:left;width:55%;}
.access_right{float:right;width:45%;}
.access_left img{width:550px;}
.access_right li{list-style-position: outside;line-height:1.1;margin-bottom:10px;}
.access_right ol{margin:10px 0 30px 20px;}
.access_point{color:#924898;font-weight:bold;text-align:center;}

.store_img{text-align:center;margin:20px auto;}
.store_img img{width: 500px;margin-bottom:20px;}

.more a{
margin:5px 0;
padding:10px;
text-align:center;
display:inline-block;
background:#0090D5;
color:#fff;
transition:ease 0.3s;
border:1px solid #0090D5;
width:40%;
}

.more a:hover{color:#333;background:#fff;border:1px solid #0090D5;}


.lcaution{
margin:5px 0;
padding:10px;
position:relative;
display:inline-block;
background:#06c;
border-radius:4px;
color:#fff;

}
.lcaution a,.lcaution_b a{color:#fff;}
.lcaution a:hover,.lcaution_b a:hover{color:#333;}
.lcaution_b{
margin:20px 0;
padding:0 5px;
position:relative;
display:inline-block;
background:#06c;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
color:#fff;
float:right;
}

.infobox{width:1050px;background:#fbf8ee;padding:40px 60px 0;margin:20px auto 50px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
.info_inbox {display:table;width:100%;border-bottom:1px dotted #3A3B3B;padding-bottom:30px;margin-bottom:30px;font-size:15px;color:#3A3B3B;}
.info_inbox:last-child{border:none;margin-bottom:0;}
.infodate {display:table-cell;width: 13%;}
.infotitle {display:table-cell;width: 87%;}
.kaikatitle {width: 100%;font-weight:bold;font-size:120%;text-align:center;border-bottom:1px dotted #999;margin-bottom:10px;}
.kaikacont {width: 100%;padding-bottom:30px;}
.topinfobox {
padding:15px 10px 15px 60px;
width: 90%;

margin:0 auto 10px;
background:url(/userdata/pdf.png) no-repeat left 10px center,linear-gradient(#f6f6f6, #ccc);
background-size: 40px 40px, 100% 100%;
border:solid 1px #666;
border-radius: 6px;
}

/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 1099px){
.head_title{width:400px;padding:10px;font-size:2.5vw;}
.infobox{width:100%;padding:20px 20px 0;}
#headerContainer{display:none;position: static;height:0;z-index:-10000;}
#headerTopicContainer {position: static;}
.access_left{float:none;width:100%;text-align:center;margin:0 auto 20px;}
.access_right{float:none;width:100%;}

}



/* 650px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 650px){
.ticket_area{display:flex;flex-wrap:wrap;justify-content:center;margin:50px auto 50px;}
.ticket_box{width:80%;margin:10px auto;}
h2.titlebar{font-size:20px;}
.mainImageArea {margin: 0px auto 0px;}
#mainphoto{margin:0px 0 0px;}
.access_left img{width:100%;}
.head_title{width:80%;padding:10px;font-size:4vw;}
.store_img img{width:90%;margin-bottom:20px;}
.topinfobox {width: 98%;}
.more a{width:80%;}
.info_inbox {display:block;padding-bottom:20px;margin-bottom:20px;font-size:15px;}
.info_inbox:last-child{border:none;margin-bottom:0;}
.infodate {display:block;width: 100%;}
.infotitle {display:block;width: 100%;padding-left:5px;}

}