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

/*--------------------------------------------------------
　PC設定
--------------------------------------------------------*/

@media only screen and (min-width: 481px){
.pc_hide{
	display:none !important;
}

img#imagelightbox { position:fixed; z-index:9999; -ms-touch-action:none; touch-action:none; } /* minimal css */
img#imagelightbox { left:0\9; right:0\9; top:0\9; bottom:0\9; margin:auto\9; } /* IE8 hack */

body {
	position: relative;
	background:url(../images/contents_bg_2.jpg) no-repeat top center #ddffc0;
	overflow:hidden;
	min-width:1200px;
}

header {
	width:100%;
	min-width:1200px;
	margin:0 auto 15px;
	background:url(../common/h_bg.gif) repeat-x top #ddffc0;
	position:relative;
}

header .header_aera{
	width:1000px;
	margin:0 auto;
	padding-top:45px;
	position:relative;
}

.header_aera h1 {
	width:126px;
	height:72px;
	position:absolute;
	top:45px;
	left:0;
	background:url(../common/h_logo.gif) no-repeat;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}

.header_aera h2 {
	width:852px;
	height:341px;
	margin:62px auto 0;
	background:url(../images/h_title_28.jpg) no-repeat;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}

#social {
	width:435px;
	height:172px;
	position:absolute;
	background:url(../images/btn_bg.png) no-repeat;
	left:782px;
	top:0;
}

#social ul {
	width:108px;
	margin:42px 0 0 112px;
	overflow:hidden;
}

#social ul li{
	width:48px;
}

.social_btn01 {
	float:left;
}

.social_btn02 {
	float:right;
}
	
#contents .info03 {
	width:500px;
	clear:both;
	margin:10px auto 0;
}

#contents .top {
	width:1000px;
	height:445px;
	margin:0 0 16px;
	background:url(../images/slider01_28.jpg) no-repeat;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}

#contents {
	width:1000px;
	margin:72px auto;
	padding-top:71px;
	overflow:hidden;
	
}

#contents .text {
	width:701px;
	height:127px;
	margin:0 auto 68px;
	background:url(../images/text01.png) no-repeat;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}

#contents .info01 {
	width:500px;
	clear:both;
	margin:10px auto 0;
}

#contents .info02 {
	width:500px;
	clear:both;
	margin:10px auto 0;
}
#contents .info {
	width:1000px;
	height:113px;
	margin:0 auto 62px;
	background:url(../images/eve_info.png) no-repeat;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}

#contents ul {
	width:1000px;
	overflow:hidden;
}


.eve01_bg {
	background:url(../images/eve01_bg.png) right bottom no-repeat;
	margin-bottom:65px;
}

.eve01_bg .photo01 {
	width:388px;
	margin:0 auto;
}

.eve01_bg li{
	width:480px;
	float:left;
}

.eve02_bg .photo02 {
	width:390px;
	margin:0 auto;
}


#contents .eve01a {
	width:460px;
	height:100px;
	margin:0 0 16px;
	background:url(../common/data01.png) no-repeat;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}

#contents .eve01b {
	width:460px;
	height:100px;
	margin:0 0 16px;
	background:url(../common/data02.png) no-repeat;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}

#contents .eve01c {
	width:460px;
	height:100px;
	margin:0 0 16px;
	background:url(../common/data03.png) no-repeat;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}

#contents .eve01d {
	width:460px;
	height:100px;
	margin:0 0 16px;
	background:url(../common/data04.png) no-repeat;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}
#contents .eve01_btn {
	width:392px;
	clear:both;
	margin:85px auto 0;
}

footer {
	width:100%;
	min-width:1200px;
	background:#0712a8;
	padding:25px 0;
	text-align:center;
}

footer div{
	width:126px;
	margin:0 auto 15px;
}

footer small{
	width:787px;
	height:23px;
	margin:0 auto;
	background:url(../images/f_copy.png) no-repeat;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
	display:block;
}



}




/*--------------------------------------------------------
　スマホ設定
--------------------------------------------------------*/

@media only screen and (max-width: 480px) {
	
.smart_hide{
	display:none !important;
}


.bx-wrapper .bx-prev {
	left: 0;
	background: url(../images/btn_pre.png) no-repeat 0 0;
	background-size:100%;
}

.bx-wrapper .bx-next {
	right: 0;
	background: url(../images/btn_nex.png) no-repeat 0 0;
	background-size:100%;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	outline: 0;
	width: 20px;
	height: 16px;
	text-indent: -9999px;
	z-index: 9999;
}

body {
	width:100%;
	position:relative;
	background:url(../images/contents_bg_sp_2.jpg) no-repeat top center #C0EDFF;
	background-size:100%;
}

header {
	width:100%;
	margin:0 auto 7%;
	background:url(../common/h_bg.gif) repeat-x top #C0EDFF;
	background-size:200%;
	position:relative;
}

header .header_aera{
	width:93%;
	margin:0 auto;
	padding-top:45px;
	position:relative;
}

.header_aera h1 {
	width:21%;
	height:0;
	padding-top:57.14%;
	position:absolute;
	top:22px;
	left:0;
	background:url(../common/h_logo.gif) no-repeat;
	background-size:100%;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}

.header_aera h2 {
	width:100%;
	height:0;
	padding-top:40.26%;
	margin:18% auto 0;
	background:url(../images/h_title_28.jpg) no-repeat;
	background-size:100%;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}

#social {
	width:45.71%;
	height:0;
	padding-top:25.88%;
	position:absolute;
	background:url(../images/btn_bg_sp.png) no-repeat;
	background-size:100%;
	right:-3.5%;
	top:0;
}

#social ul {
	width:40%;
	margin:-40% 0 0 45%;
	overflow:hidden;
}

#social ul li{
	width:24px;
}

.social_btn01 {
	float:left;
}

.social_btn02 {
	float:right;
}

#contents {
	width:93%;
	margin:9.4% auto;
	overflow:hidden;
	
}

#contents .top {
	width:100%;
	height:0;
	padding-top:69.53%;
	margin:0 auto 4.5%;
	background:url("../images/slider28_sp.jpg") no-repeat;
	background-size:100%;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}
	
#contents .text {
	width:89%;
	height:0;
	padding-top:18.11%;
	margin:0 auto 4.5%;
	background:url(../images/text01_sp.png) no-repeat;
	background-size:100%;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}
	
#contents .info01 {
	width:90%;
	margin:0 auto 0%;
	position:relative;
}
	
#contents .info02 {
	width:90%;
	margin:0 auto 0%;
	position:relative;
}

#contents .info {
	width:97.14%;
	height:0;
	padding-top:16.78%;
	margin:0 auto 8.2%;
	background:url(../images/eve_info_sp.png) no-repeat;
	background-size:100%;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}

#contents ul {
	width:93%;
	overflow:hidden;
}


.eve01_bg {
}

.eve01_bg .photo01 {
	width:65.54%;
	margin:0;
}

.eve01_bg li{
	width:77.31%;
	margin:0 auto;
}


#contents .eve01a {
	width:100%;
	height:0;
	margin:0 0 5%;
	padding-top:36.08%;
	background:url(../common/data01.png) no-repeat;
	background-size:100%;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}

#contents .eve01b {
	width:100%;
	height:0;
	margin:0 0 5%;
	padding-top:36.08%;
	background:url(../common/data02.png) no-repeat;
	background-size:100%;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}

#contents .eve01c {
	width:100%;
	height:0;
	margin:0 0 5%;
	padding-top:36.08%;
	background:url(../common/data03.png) no-repeat;
	background-size:100%;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}

#contents .eve01d {
	width:100%;
	height:0;
	margin:0 0 5%;
	padding-top:36.08%;
	background:url(../common/data04.png) no-repeat;
	background-size:100%;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}

#contents .eve01_btn {
	width:70%;
	margin:0 auto 50%;
	position:relative;
}

#contents .eve01_btn .eve01bg_sp{
	width:126.53%;
	position:absolute;
	bottom:-170%;
	left:-8%;
}

footer {
	width:100%;
	background:#0712a8;
	padding:25px 0;
	text-align:center;
}

footer div{
	width:20%;
	margin:0 auto 2.4%;
}

footer small{
	width:82.5%;
	height:0;
	margin:0 auto;
	padding-top:8.95%;
	background:url(../images/f_copy_sp.png) no-repeat;
	background-size:100%;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
	display:block;
}



}