@charset "utf-8";
/* =================================================================================
 Module
================================================================================= */

/* webFontIcon ------------------------------------------------------- */
.fontIcon{font-family:icomoon; color:#333;}
.fontIcon:hover{text-decoration:none;}

/* margin
------------------------------------------------------- */
/* margin top */
.mT_5{margin-top:5px !important;}
.mT_10{margin-top:10px !important;}
.mT_20sp10, .mT_20{margin-top:20px !important;}
.mT_30{margin-top:30px !important;}
.mT_40sp20, .mT_40{margin-top:40px !important;}
.mT_50{margin-top:50px !important;}
.mT_60{margin-top:60px !important;}
.mT_80sp40,.mT_80{margin-top: 80px !important;}
/* margin right */
.mR_5{margin-right:5px !important;}
.mR_10{margin-right:10px !important;}
.mR_20{margin-right:20px !important;}
.mR_30{margin-right:30px !important;}
.mR_40{margin-right:40px !important;}
/* margin bottom */
.mB_5{margin-bottom:5px !important;}
.mB_10{margin-bottom:10px !important;}
.mB_20sp10, .mB_20 {margin-bottom:20px !important;}
.mB_30{margin-bottom:30px !important;}
.mB_40sp20,.mB_40{margin-bottom:40px !important;}
.mB_50sp25,.mB_50{margin-bottom:50px !important;}
.mB_60sp40,.mB_80sp60,.mB_60{margin-bottom:60px !important;}
.mB_80sp40,.mB_80sp50,.mB_80{margin-bottom: 80px!important;}
/* margin left */
.mL_5{margin-left: 5px !important;}
.mL_10{margin-left: 10px !important;}
.mL_20{margin-left: 20px !important;}
.mL_30{margin-left: 30px !important;}
.mL_40{margin-left: 40px !important;}

@media only screen and (max-width:640px){
.mT_20sp10{margin-top:10px !important;}
.mT_40sp20{margin-top:20px !important;}
.mT_80sp40{margin-top: 40px !important;}
.mB_20sp10{margin-bottom: 10px !important;}
.mB_30sp15{margin-bottom: 15px!important;}
.mB_40sp20{margin-bottom: 20px !important;}
.mB_50sp25{margin-bottom: 25px!important;}
.mB_60sp40,.mB_80sp40{margin-bottom: 40px !important;}
.mB_80sp50{margin-bottom: 50px !important;}
.mB_80sp60{margin-bottom: 60px !important;}
}

/* padding
------------------------------------------------------- */
/* padding top */
.pT_5 {padding-top: 5px !important;}
.pT_10 {padding-top: 10px !important;}
.pT_20sp10, .pT_20 {padding-top: 20px !important;}
.pT_30 {padding-top: 30px !important;}
/* padding right */
.pR_5 {padding-right: 5px !important;}
.pR_10 {padding-right: 10px !important;}
.pR_20 {padding-right: 20px !important;}
.pR_30 {padding-right: 30px !important;}
/* padding bottom */
.pB_5 {padding-bottom: 5px !important;}
.pB_10 {padding-bottom: 10px !important;}
.pB_20sp10, .pB_20 {padding-bottom: 20px !important;}
.pB_30 {padding-bottom: 30px !important;}
/* padding left */
.pL_5 {padding-left: 5px !important;}
.pL_10 {padding-left: 10px !important;}
.pL_20 {padding-left: 20px !important;}
.pL_30 {padding-left: 30px !important;}

@media only screen and (max-width:640px){
.pT_20sp10{padding-top:10px !important;}
.pB_20sp10{padding-bottom:10px !important;}
}

.dIB{
  	display:inline-block !important;
	/display:inline;
	/zoom:1;
}

.dB{display:block !important;}

.dIB_pc{display:inline-block !important; /display:inline; /zoom:1;}
.dIB_sp{display:none !important;}

@media only screen and (max-width:640px){
.dB_sp{display:block !important;}
.dIB_pc{display:none !important;}
.dIB_sp{display:inline-block !important;}
}

/* wrap
------------------------------------------------------- */
.wrapper{
	width:1140px;
	margin:0 auto;
	padding:20px 10px 60px; 
}

@media only screen and (max-width:640px){
.wrapper{
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
}

@media only screen and (min-width:400px){
.wrapper{padding:20px 20px 60px;}
}

.wrap10{padding:10px;}
.wrap20{padding:20px;}
.wrap20sp10{padding:20px;}
.wrapRL20sp10{padding:0 20px;}
.wrapRL10{padding:0 10px;}
.wrapRL20{padding:0 20px;}
.wrapTB20sp10,
.wrapTB20{padding:20px 0;}
@media only screen and (max-width:640px){
.wrap20sp10{padding:10px;}
.wrapRL20sp10{padding:0 10px;}
.wrapTB20sp10{padding:10px 0;}
}

.imgWrap_2,
.imgWrap_1{text-align:center;}
.imgWrap_2 img,
.imgWrap_1 img{max-width:100%;}
@media only screen and (max-width:640px){
.imgWrap_2 img{max-width:280px;}
}
/* text-align
------------------------------------------------------- */
.tACenter,.tACspL{text-align:center!important;}
.tARight{text-align:right!important;}
.tALeft{text-align:left!important;}
@media only screen and (max-width:640px){
.tACspL{text-align:left!important;}
}

/* vertical-align
------------------------------------------------------- */
.vATop{vertical-align:top;}
.vAMid{vertical-align:middle;}
.vABtm{vertical-align:bottom;}

/* txt
------------------------------------------------------- */
.fWBold {font-weight:bold !important;}
.fWMedium{font-weight: 500!important;}
.fWNormal{font-weight:normal !important;}
.fSize10{font-size:10px !important;}
.fSize12{font-size:12px !important;}
.fSize14{font-size:14px !important;}
.fSize18,.fSize18sp16,.fSize18sp14{font-size:18px !important;}
.fSize24,.fSize24sp18{font-size:24px !important;}
.fSize36,.fSize36sp24{font-size:36px !important;}

@media only screen and (max-width:640px){
    .fSize18sp14{font-size:14px !important;}
    .fSize18sp16{font-size:16px !important;}
    .fSize24sp18{font-size:18px !important;}
    .fSize36sp24{font-size:24px !important;}
}

.fCGray_1{color:#333 !important;}
.fCGray_2{color:#999 !important;}
.fCRed{color:#d00 !important;}
.fCPink{color:#ef769b !important;}
.fCBrown{color:#d39450 !important;}
.fCWhite{color:#fff !important;}
.fCBlue{color:#0078c0 !important;}
.fCLBlue{color:#35b5e8 !important;}
.fCLNavyBlue{color:#6b7db9 !important;}

/* border
------------------------------------------------------- */
.bdr{border:1px solid #ddd;}
.bdrBtm_1{border-bottom:1px solid #ddd}
.bdrBtm_2{border-bottom:1px dashed #ddd}
.bdrTop_1{border-top:1px solid #ddd}
.bdrTop_2{border-top:1px dashed #ddd}


/* button 
------------------------------------------------------- */
.cmnBtn_1{
    position: relative;
    display: inline-block;
    min-width: 240px;
    padding: 12px 40px;
    border-radius: 30px;
    box-sizing: border-box;
    background-color: #ef769b;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    transition: background .3s;
    cursor: pointer;
}

.cmnBtn_1:hover{
    color: #fff;
    background-color: #f38da5;
}

.cmnBtn_1.arrow::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 7px);
    right: 15px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-left: 10px solid #fff;
    box-sizing: border-box;
}

.cmnBtn_2{
    position: relative;
    display: inline-block;
    min-width: 180px;
    padding: 10px 15px;
    border: 2px solid #ef769b;
    box-sizing: border-box;
    color: #ef769b;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    transition: all .3s;
    cursor: pointer;
}

.cmnBtn_2.arrow{padding-right: 25px;}

.cmnBtn_2.arrow::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 6px);
    right: 5px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-left: 8px solid #ef769b;
    box-sizing: border-box;
    transition: border .3s;
}

.cmnBtn_2:hover{
    border-color: #f38da5;
    color: #f38da5;
}

.cmnBtn_2.arrow:hover::after{
    border-left-color: #f38da5;
}

@media only screen and (max-width:640px){
    .cmnBtn_1{
        min-width: 120px;
        padding: 8px 30px 10px;
        font-size: 14px;
    }

    .cmnBtn_1.arrow{
        padding-left: 25px;
    }

    .cmnBtn_1.arrow::after{
        right: 10px;
    }

    .cmnBtn_2{font-size: 14px;}

    .cmnBtn_2.arrow::after{top: calc(50% - 3px);}
}

/* ttl
------------------------------------------------------- */
.cmnTtl_1{
    margin-bottom: 30px;
    text-align: center;
}

.cmnTtl_1 > span{
    position: relative;
    display: inline-block;
    padding-bottom: 25px;
    color: #ef769b;
    font-size: 32px;
}

.cmnTtl_1 > span::after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 120px;
    height: 8px;
    border-top: 8px dotted #ef769b;
    transform: translateX(-50%);
}

.flagTtl{
    margin-bottom: 40px;
    text-align: center;
}

.flagTtl > span{
    position: relative;
    display: inline-block;
    padding: 20px 160px 0;
    font-size: 28px;
}

.flagTtl > span::before,.flagTtl > span::after{
    display: block;
    position: absolute;
    content: "";
    width: 126px;
    height: 60px;
    top: calc(50% - 28px);
    background: url("../images/img_flag_colorful.png") no-repeat top left / 100% auto;
}

.flagTtl > span::before{
    left: 0;
}

.flagTtl > span::after{
    right: 0;
    transform: rotateY(180deg);
}

.addDotTtl{
    position: relative;
    margin-bottom: 5px;
    padding: 15px 0 0 28px;
    color: #ef769b;
    font-size: 20px;
}

.addDotTtl::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 39px;
    background: url("../images/img_ttl_dot.png") no-repeat top left / 100% auto;
}

@media only screen and (max-width:640px){
    .cmnTtl_1{
        margin-bottom: 20px;
    }

    .cmnTtl_1 > span{
        padding-bottom: 18px;
        font-size: 24px;
    }

    .cmnTtl_1 > span::after{
        width: 80px;
        height: 6px;
        border-top-width: 6px;
    }

    .flagTtl{margin-bottom: 20px;}

    .flagTtl > span{
        padding: 0 80px;
        font-size: 18px;/*文字の大きさ*/
    }

    .flagTtl > span::before,
    .flagTtl > span::after{
        width: 68px;
        height: 33px;
        top: calc(50% - 20px);
    }

    .addDotTtl{
        padding: 14px 0 0 25px;
        font-size: 16px;
    }

    .addDotTtl::before{
        width: 43px;
        height: 35px;
    }
}

/* common
------------------------------------------------------- */
.spBrNone br{display:block;}
.pcBrNone br{display:none;}
.w_100{width:100%;}
.spW_100{width:auto;}
.r_50{border-radius: 50%;}

.wrap800 {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.indentLst li {
    padding-left: 1em;
    text-indent: -1em;
}

.discLst li{
    position: relative;
    margin-bottom: 5px;
    padding-left: 17px;
}

.discLst li:last-child{margin-bottom: 0;}

.discLst li:before {
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: #333;
    content: "";
}

.bdrTop {
    border-top: 1px solid #ccc;
    margin-top: 40px;
    padding-top: 40px;
}

@media only screen and (max-width:640px){
    .spBrNone br{display:none;}
    .pcBrNone br{display:block;}
    .spW_100{width:100%;}
     .wrap800{width: 100%;}
    .bgWood{padding: 30px 0;}

    .bdrTop{
        margin-top: 20px;
        padding-top: 20px;
    }
}

/* clm
------------------------------------------------------- */
.twoClm{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: -40px;
}

.twoClm.middle{align-items: center;}

.twoClm.reverse{flex-direction: row-reverse;}

.twoClm .clm{
    width: 460px;
    margin-top: 40px;
}

.twoClm .clm:nth-child(2n-1){margin-left: 0;}

@media only screen and (max-width:640px){
    .twoClm .clm{width: calc(50% - 10px);}

    .twoClm.row{
        display: block;
        margin-top: 0;
    }

    .twoClm.row .clm{width: auto;}

    .twoClm.row .clm:first-child{margin-top: 0;}
}

/* tbl
------------------------------------------------------- */
.cmnTbl{width:100%;}

.cmnTbl th,
.cmnTbl td{
    padding:8px 10px;
    border:1px solid #ddd;
    word-break:break-all;
    vertical-align:top;
    box-sizing:border-box;
}

.cmnTbl th{
    background:#ddd;
    width:30%;
    text-align:left;
    vertical-align:middle;
}

@media only screen and (max-width:640px){
.cmnTbl.row th,
.cmnTbl.row td{
    display:block;
    width:100%;
    box-sizing:border-box;
    border-bottom:none;
}

.cmnTbl.row tr:last-child td{border-bottom:1px solid #ddd;}
}

.transparentTbl{width:100%;}

.transparentTbl th,
.transparentTbl td{
    word-break: break-all;
    vertical-align: top;
    box-sizing: border-box;
    text-align: left;
}

.transparentTbl th{
    width: 120px;
    padding-right: 5px;
    font-weight: normal;
}

.transparentTbl td{padding-left: 5px;}


/* pager
------------------------------------------------------- */
.pagerArea{
	position:relative;
	margin:0 auto;	
	text-align:center;
}

.pagerArea .btnBack,
.pagerArea .btnNext,
.pagerArea .cmnPager,
.pagerArea .cmnPagerM{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:middle;		
}

.pagerArea .btnBack span,
.pagerArea .btnNext span,
.pagerArea .btnBack a,
.pagerArea .btnNext a{
	display:block;
	width:55px;	
	height:25px;
	padding:0 5px;
	line-height:26px;
	background: #ddd;
	border-radius:3px;	
}

.pagerArea .btnBack span,
.pagerArea .btnNext span{
	font-size:14px;
}

.pagerArea .cmnPager,
.pagerArea .cmnPagerM{
	margin:0 auto;
	padding:0 5px;
	font-size:0;
	letter-spacing: 0; 
	word-spacing: 0;
}

.pagerArea .cmnPager li,
.pagerArea .cmnPagerM li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin:0 5px;
	font-size:14px;
	vertical-align:top;
}

.pagerArea .cmnPager li a{
	display:block;
	width:25px;
	height:25px;
	line-height:26px;
	background:#ddd;
	border-radius:3px;	
	text-align:center;
}



.pagerArea .cmnPagerM{
	margin:0 auto;
	padding:0 5px;
	font-size:0;
	letter-spacing: 0; 
	word-spacing: 0;
}



.pagerArea .cmnPagerM li a{
	display:block;
	width:100px;
	height:25px;
	line-height:26px;
	background:#ddd;
	border-radius:3px;	
	text-align:center;
}


.pagerArea .btnBack a:hover,
.pagerArea .btnNext a:hover,
.pagerArea .cmnPager li a:hover,
.pagerArea .cmnPagerM li a:hover{
	background-color:#145b76;
	color:#fff;
}

.pagerArea .cmnPager li span{
	display:block;
	width:25px;
	height:25px;
	line-height:25px;
	background:#d39450; 
	color:#fff;
	border-radius:3px;	
	text-align:center;	
}
.pagerArea .cmnPagerM li span{
	display:block;
	width:100px;
	height:25px;
	line-height:25px;
	background:#d39450; 
	color:#fff;
	border-radius:3px;	
	text-align:center;	
}

@media only screen and (max-width:640px){
.pagerArea .cmnPager,
.pagerArea .cmnPagerM{padding:0;}
.pagerArea .cmnPager li,
.pagerArea .cmnPagerM li{margin:4px;}	

.pagerArea .btnBack span,
.pagerArea .btnNext span,
.pagerArea .btnNext a,
.pagerArea .btnBack a{
	height:35px;
	width:50px;
	line-height:35px;
}

.pagerArea .btnNext,
.pagerArea .btnBack{
	position:absolute;
	top:50%;
	margin-top:-18px;
}
.pagerArea .btnNext{right:0;}
.pagerArea .btnBack{left:0;}
.pagerArea .cmnPager{padding:0 75px;}
}
.pagerArea .cmnPagerM{padding:0;}
}


/* common
------------------------------------------------------- */
.opaBtn:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	-moz-opacity:0.80;
}

/* box */
.importantMsgBox{
	border-radius:3px;
	border:1px solid #aa1717;
	color:#aa1717;
	font-weight:bold;
}

.box_gray{
	border-radius:3px;
	background-color:#f2f2f2;
}

/* link */
.more_1 a{
	position:relative;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:3px 0 3px 15px;
	font-weight:bold;
}


.more_1 a:before{
	position:absolute;
	display:block;
	top:8px;
	left:0;
	width:0;
	height:0;
	border:4px solid transparent;
	border-left:6px solid #a05300;
	content:"";
}

.more_2 a{
	display:block;
	padding:10px 30px 10px 20px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUCAYAAADoZO9yAAAAoElEQVQoz+XSPwqAIByGYdegsWt0oqYu0V2amjpGEARBBAWdoj1oCuwzMPqLU35Cwyv+XHxARRAlIarRhFLkSSmF7QQu7pE8VDAwCjJfIBSMguQPEOsYBfFRxcZsiwuYfcPGnAYDpv0SczswYEZrkAOmfsHE/4I48TQGRGflsxoQ5ZeIHcJGbBAXEBqSsxEasrARGjKwERoSogbNKGMgVCtOFB7IYMkFCAAAAABJRU5ErkJggg==) no-repeat right center #ddd;
	text-align:center;
	font-weight:bold;
}

.more_2 a:hover{
	background-color:#f2f2f2;
	text-decoration:none;
}

@media only screen and (max-width:640px){
.more_2 a{
	padding:7px 25px 7px 10px;
	-webkit-background-size:17px 10px;
	background-size:17px 10px;
}
}

.indentLst li {
    padding-left: 1em;
    text-indent: -1em;
}

/* sns
------------------------------------------------------- */
.snsArea.flat{margin-top:-10px;}

.snsArea.flat .item, 
.snsArea .item{
	display:inline-block;
	/display:inline;
	/zoom:1;
	height:70px;
	margin-right:10px;
	vertical-align:bottom;
	overflow:hidden;
}

.snsArea.flat .item{
	height:21px;
	margin-bottom:9px;
}

.snsArea .fb{width:70px;}


/* contentsLst
------------------------------------------------------- */
.contentsLst{
	width:800px;
	overflow:hidden;
	margin-top:-10px;
}

.contentsLst ul{width:820px;}

.contentsLst ul:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}

.contentsLst li{
	position:relative;
	float:left;
	margin:10px 10px 0 0;
	width:260px;
	height:260px
}

.contentsLst li img{
	width:100%;
	max-height:260px;
}

.contentsLst .caption{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:240px;
	padding:5px 10px;
	background-color:#333;
	background-color:rgba(51,51,51,.8);
	color:#fff;
}

.contentsLst .caption .date{
	display:block;
	font-size:12px;
	color:#999;
}

.contentsLst .pickUpCnt{width:530px;}

.contentsLst .pickUpCnt .caption{width:510px;}

@media only screen and (max-width:640px){
.contentsLst{
	width:100%;
	overflow:hidden;
}

.contentsLst ul{
	width:100%;
	font-size:0;
	text-align:center;
}

.contentsLst li{
	display:inline-block;
	width:48%;
	height:auto;
	-webkit-width:calc(50% - 5px);
	width:calc(50% - 5px);
	float:none;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#f2f2f2;
	margin:10px 5px 0 0;
	vertical-align:top;
}

.contentsLst li:nth-child(2n){
	margin:10px 0 0 5px;
}

.contentsLst .caption{
	position:static;
	width:100%;
	padding:5px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#333;
	font-size:12px;
	text-align:left;
}

.contentsLst .caption .date{margin-bottom:0;}

.contentsLst .pickUpCnt{
	width:100%;
	height:auto;
	margin:10px 0 0 !important;
}

.contentsLst .pickUpCnt .caption{
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
}

/* photo list
------------------------------------------------------- */
.photoLst{
    width:1140px;
    overflow:hidden;
	margin-top:-20px;
}

.photoLst ul{width:1160px;}

.photoLst li{
    float:left;
    width:270px;
    margin:20px 20px 0 0;
    vertical-align:top;
}

.photoLst img{
    width:100%;
}

@media only screen and (max-width:640px){
.photoLst{
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	margin-top:-10px;
}
.photoLst ul{
    width:100%;
    font-size:0;
    text-align:center;
}

.photoLst li{
    display:inline-block;
    float:none;
	width:48%;
    -webkit-width:calc(50% - 5px);
	width:calc(50% - 5px);
	height:auto;
    margin:10px 5px 0 0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
    text-align:left;
    font-size:14px;
}

.photoLst li:nth-child(2n){margin:10px 0 0 5px;}

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

/* lightbox css
------------------------------------------------------- */
#imagelightbox{
	cursor: pointer;
	position: fixed;
	z-index: 10000;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 );
	box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 );
}

/* ACTIVITY INDICATION */
#imagelightbox-loading{
	width:16px;
	height:16px;
	position: fixed;
	z-index: 10003;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px;
}

#imagelightbox-loading div{
	-webkit-animation: imagelightbox-loading .5s ease infinite;
	animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading{
	from { opacity: .5;	-webkit-transform: scale( 1 ); }
	to	 { opacity: .5;	-webkit-transform: scale( 1 ); }
}
@keyframes imagelightbox-loading{
	from { opacity: .5;	transform: scale( 1 ); }
	to	 { opacity: .5;	transform: scale( 1 ); }
}

/* OVERLAY */
#imagelightbox-overlay{
	background-color: #333;
	background-color: rgba( 0, 0, 0, .7 );
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* "CLOSE" BUTTON */
#imagelightbox-close{
	display:block;
	width:35px;
	height:35px;
	line-height:35px;
	position: fixed;
	-webkit-border-radius:18px;
	border-radius:18px;
	border:none;
	background-color:#333;
	background-color:rgba(0,0,0,.5 );
	z-index: 10002;
	top:35px;
	right:35px;
	text-align:center;
	font-size:28px;
	color:#fff;
}

#imagelightbox-close:hover{cursor:pointer;}

/* CAPTION */
#imagelightbox-caption{
	position: fixed;
	padding:8px 10px;
	background-color:#333;
	z-index: 10001;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	color: #fff;
}

/* ARROWS */
.imagelightbox-arrow{
	display: none;
	position: fixed;
	width:50px;
	height:100px;
	margin-top:-50px;
	border:none;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color:#333;
	background-color:rgba(0,0,0,.5 );
	vertical-align: middle;
	z-index: 10001;
	top: 50%;
}

.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus{
	background-color:#000;
	background-color: rgba( 0, 0, 0, .75 );
}

.imagelightbox-arrow-left{left:40px;}
.imagelightbox-arrow-right{right:40px;}
.imagelightbox-arrow:before{
	width:0;
	height:0;
	border:1em solid transparent;
	content:'';
	display: inline-block;
	margin-bottom: -2px;
}
.imagelightbox-arrow-left:before{
	border-left: none;
	border-right-color: #fff;
	margin-left: -5px;
}
.imagelightbox-arrow-right:before{
	border-right: none;
	border-left-color: #fff;
	margin-right: -5px;
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow{
	-webkit-animation: fade-in .25s linear;
	animation: fade-in .25s linear;
}
@-webkit-keyframes fade-in{
	from{opacity:0;}
	to{opacity: 1;}
}
@keyframes fade-in{
	from{opacity:0;}
	to{opacity:1;}
}

@media only screen and (max-width:640px){
#container{width:100%;}

#imagelightbox-close{
	top:10px;
	right:10px;
}

.imagelightbox-arrow{
	width:35px;
	height:60px;
	margin-top:-30px;
}
.imagelightbox-arrow-left{left:0;}
.imagelightbox-arrow-right{right:0;}
}

/* clear fix
------------------------------------------------------- */
.clear{/zoom:1;}

.wrapper:after,
.clear:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}

/* EOF */