@charset "utf-8";
/*-------------------
   clearfix
-------------------*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
/*-------------------
   common
-------------------*/

.wrapper{
	font-family: 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	font-size: 1.3em;
	width:1040px;
	margin:0 auto;
}

.wrapper *{
	box-sizing: border-box;
}

.wrapper a{
	color: inherit;
	display: block;
	width: 100%;
}

.wrapper a:hover{
	color: inherit;
	text-decoration: none;
	opacity: 0.8;
}

.wrapper img{
	width: 100%;
	height: auto;
}


/*-------------------
   head
-------------------*/
#container .head{
	position: relative;
	margin: 0;
	padding: 0;
}

#container .head img{
	display: block;
	margin: 5px auto;
}

#container .report{
	background-color: #ff9900;
	color: #fff;
	display: block;
	font: bold 3em/2.2 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	position: relative;
	padding-left: 15px;
}

#container .report::after{
	content: " ";
	position: absolute;
	bottom: 8px;
	left: 8px;
	border: solid 1px #fff;
	z-index: 10;
	width: 100%;
	height: 100%;
}	

#container .head-title {
	border-left: solid 7px #ff9900;
	border-bottom: dashed 1px #ccc;
	color: #333;
	font: bold 2.2em/1.9 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	padding-left: 8px;
	margin: 20px auto;
}

#container .photo,
#container .photo2{
	display: block;
	margin: 0 auto;
	position: relative;
	width: 100%;
}

#container .photo::after{
	content: "ご来場ありがとうございました！";
	color: #fff;
	font: bold 3.2em/2.2 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	position: absolute;
	margin: auto;
	text-align: center;
	right: 80px;
	bottom: -20px;
	z-index: 10;
    text-shadow: black 1px 1px 0px, black -1px 1px 0px, black 1px -1px 0px, black -1px -1px 0px;
}	

#container .photo3{
	display: inline-block;
	float: right;
	margin: 0 55px 10px 20px;
}

#container .photo3 img{
	height: auto;
	max-width: 270px;
}

#container .head .days,
#container .head .place{
	display: block;
	font: 1.5em/1.2 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	padding: 10px 0 10px 20px;
}

#container .head .days::before{
	content: "日時";
	display: block;
	font: bold 1.3em/1.3 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	margin: 5px;
}

#container .head .place::before{
	content: "会場";
	display: block;
	font: bold 1.2em/1.3 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	margin: 5px;
}

.head .text {
	margin: 15px auto 10px;
	font: 1.3em/1.7 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	width: 92%;
}

#container .head .other{
	display: block;
	font: 1.4em/1.2 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	padding: 10px 0 10px 20px;
}

#container .head .other em{
	display: block;
	font: bold 1.3em/1.3 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	margin: 5px;
}

#container .head .other dt{
	display: block;
	font: 1.1em/1.3 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	padding: 15px 0 5px;
}

#container .head .other dd{
	display: block;
	font: 1em/1.3 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	padding: 5px 0 0 35px;
}
/*-------------------
   section 共通
-------------------*/
section {
	margin: 30px auto;
	width: 100%;
}

#container .sub-title{
	border-bottom: 1px solid #000;
	display: block;
	font: bold 2em/1.5 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	margin: 20px auto 15px;
	text-align: center;
}

#container .gallery{
	margin: 80px auto;
	width: 96%;
}

#container .gallery img{
	display: inline-block;
	height: auto;
	margin: 7px 0 5px 1%;
	max-width: 31%;
}

#container .banner-title{
	border-left: 5px solid #000;
	display: block;
	font: bold 2em/1.2 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	padding-left: 8px;
	margin: 20px 0 15px;
}

#container .banner img{
	display: block;
	margin: 0 auto;
	text-align: center;
}

/*box*/

.box {
	margin: 20px;
}

.box .img{
	float:left;
	margin: 0 20px 0 0;
}

.box .name{
	font: bold 1.5em/1.3 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	margin-bottom:15px;
}

.box .text{
	font: 1.3em/1.7 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	margin-right: 30px;
}

.box .price{
	font: bold 1.5em/1.5 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	margin: 20px;
	text-align:right;

}

.box .clear {
    clear:both;　/*floatの解除*/

}