/* コンテンツ名 */

/* common setting */

/* 画像リンク */
#main a:hover img {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha( opacity=70 )";
	transition:0.5;
	transition-duration:0.3s}

/* common setting END */


/* PCレイアウト */
/*-------------------------------------------------------------------------------------------*/
html{
	overflow:auto;}

#inaniwa img {
	max-width: 100%;
	height: auto;
}

#backtotop{
	position:relative;
	height:0;
	z-index:1;}

#backtotop a{
	z-index:1000;
	display: block;
    position: fixed;
    bottom: 1em;
    right: 1em;
	width:103px;
	height:101px;}


.list-mv07{
	position:relative;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); }

.list-mv07 img.new_icon{
	position:absolute;
	top: -20px;
	left:-7px;
	z-index:1000;}

.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);}

.reason_content li,
#recipe_table ul li,
.lineup_ph img,
#campaign{
	transition: .8s;}

/* main contents */
#menu_sp {
	display:none;}

#inaniwa {
	font-family:"游明朝", "YuMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",serif;
	font-size:14px;
    overflow:hidden;
    margin:0 auto 40px;
    padding:0;
    text-align:center;}

#inaniwa h2{
	border-top:1px solid #cacdcd;
	padding-top:40px;
	margin-bottom:50px;}

#main p{
	line-height:28px;}

#inaniwa {
	margin-bottom:30px;}

/*main menu*/

#inaniwa_main,
.slider,
#bnr,
#lineup,
#reason,
#campaign{
	margin:0 auto;
	max-width:950px;
	width: 100%;}

#inaniwa_main{
	position: relative;}

.slider {
	padding-bottom: 80px;
}


#inaniwa #inaniwa_main .slide img {
	max-width:100%;
	height: auto;
}
#inaniwa #inaniwa_main .slide img.main_pc{
	display:block;}

#inaniwa #inaniwa_main .slide img.main_sp{
	display:none;}

#inaniwa #inaniwa_main .slide{
	position:relative;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:35px;}

#inaniwa #inaniwa_main .slide#slidemenu02{
	position: absolute; left: 0; top: 0;
	display: none;}

#inaniwa .inaniwa_menu{
	overflow:hidden;
	position:absolute;
	top:63px;
	left:36px;}

#inaniwa .inaniwa_menu li{
	float:right;}

#inaniwa .inaniwa_menu li a img{
	border-left:#666666 1px solid;
	border-right:#666666 1px solid;}

#inaniwa #slidemenu04 .inaniwa_menu li a img{
	border-left:#fff 1px solid;
	border-right:#fff 1px solid;}

#inaniwa #slidemenu04 .inaniwa_menu li a img.cnimg{
	border-left:none;
	border-right:none;}

#inaniwa .inaniwa_menu li a:hover img{}

#inaniwa .inaniwa_menu li.cnr a img{
	border-left:none;
	border-right:none;}

#inaniwa .inaniwa_menu li a img.menu,
#bnr a img.on{
	position:absolute;}

#inaniwa .inaniwa_menu li a img.menu_ov,
#bnr a img.ov{
	opacity:0;}

#inaniwa .inaniwa_menu li a:hover img.menu,
#bnr a:hover img.on{
	opacity:0;
	transition:0.5;
	transition-duration:0.3s}

#inaniwa .inaniwa_menu li a:hover img.menu_ov,
#bnr a:hover img.ov{
	opacity:1;}

img.main_sp{
	display:none !important;}

/*//main menu*/

/*bnr*/

#bnr{
	margin-bottom:60px;}

img.bnr_sp{
	display:none;}

img.bnr_pc{
	display:block;}

#bnr a:hover img{
	opacity: 1;}

/*//bnr*/

/*lineup*/

#lineup{
	overflow:hidden;
	margin-bottom:60px;}

h3.lineup_cap{
	float:left;
	margin-right:21px;}

.lineup_ph {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


.lineup_ph .line_up_img {
	position: relative;
	width: 245px;
	height: 344px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.lineup_ph .line_up_img.img01 {
	background-image: url("../images/lineup_01.jpg");
}
.lineup_ph .line_up_img.img02 {
	background-image: url("../images/lineup_02.jpg");
}
.lineup_ph .line_up_img.img03 {
	background-image: url("../images/lineup_03.jpg");
}
.lineup_ph .line_up_img img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 12%;
	width: 80%;
	margin: auto;
}
.lineup_ph .line_up_img.img01 img {
	width: 70%;
}

@media only screen and (max-width: 960px) {
	.lineup_ph {
		justify-content: center;
	}
	.lineup_ph .line_up_img {
		margin: 0 10px 20px;
	}
}


/*//lineup*/

/*reason*/

#reason{
	margin-bottom:60px;}
h2.reasonttl_sp{
	display:none;}

.reason_content{
	position: relative;
	overflow:hidden;
	text-align:left;}

.reason_content li{
	float:left;
	margin:15px 0 0 15px;}

.reason_content li.reason_1st{
	margin:15px 0 0 0 !important;}

.reason_content li a img.reason_menu{
	position:absolute;}

.reason_content li a img.reason_ov{
	opacity:0;}

.reason_content li a:hover img.reason_menu{
	opacity:0;
	transition:0.5;
	transition-duration:0.3s}

.reason_content li a:hover img.reason_ov{
	opacity:1;}

.reason_left{
	float:left;}

.reason_right{}

.reason_content_pop{
	display:none;}

.reason_content_in h3{
	margin-bottom:25px;}

.reason_content_in h3 span{
	display:none;
	font-size:16px;}

.reason_content_modal{
	overflow:hidden;}

.modal-content p {
    margin:0;
    padding:0;}

.reason_content_modal{
	margin:auto;
	height: 706px;
    background: #fff;}

.reason_content_in{
	position:absolute;
	top:7.5%;
	bottom:0;
	right:0;
	left:0;
	margin:0 auto;
	text-align:left;
	line-height: 28px;
	width:950px;
	height:608px;
	color:#000;
	background-color:#f7f7f7;}
	
.reason_content_in p{
	font-family:"游明朝", "YuMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",serif;
	font-size:14px;}

.reason_content_in img{}

.reason_content_in h3{
	padding:33px 70px 0 70px;}

/*#con1*/

#content01 img.reason_ph{
	margin-bottom:27px;}

#content01 p,
#content01 img.reason_ph{
	padding:0 70px;}

/*//#con1*/

/*#con2*/

#content02 .reason_left{
	padding-left:70px;
	margin-right:30px;}

#content02 .reason_right p{
	padding-right:70px;
	margin-top:39px;}

/*//#con2*/

/*#con3・#con4・#con5*/

#content03 .reason_left,
#content04 .reason_left,
#content05 .reason_left{
	padding-left:70px;
	margin-right:30px;
	width:325px;}

/*//#con3・#con4・#con5*/

#content_new .reason_content_in h3 {
    padding: 33px 70px 0 24px;}

#content_new .reason_content_in p{
	display:none;}

#content_new .reason_content_in h3 img.reason_new_sp{
	display:none;}

#content_new .reason_content_in h3 img.reason_new_pc{
	display:block;}

/*//reason*/


/*recipe*/

#recipe{
	width:100% !important;}

#recipe h2{
	width:950px;
	margin: 0 auto 50px;}

ul.recipe_menu{
	border-top:1px solid #000;
	border-bottom:1px solid #000;}

ul.recipe_menu li{
	border-top:1px solid #cecece;}

ul.recipe_menu li.top{
	border-top:0px !important;}

ul.recipe_menu li a{
	display:block;
	padding:15px 0;}

#recipe_table{
	text-align:left;}

#recipe_table h3{
	padding-top:70px;
	padding-bottom:30px;}

 #recipe_table ul,
.recipe_tables ul{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 width: 94%;
}

 #recipe_table ul li,
.recipe_tables ul li{
	width: 24%;
	font-size:14px;}
	


#recipe_table ul li.recipe_1st{}

#recipe_table ul li p{
	line-height:20px;
	margin-top:20px;
	margin-bottom:70px;
	font-weight:600;}

#recipe_table ul li p a,
#recipe_table ul li p a:hover{
	color:#666666;}

#recommended,
#easy,
#salad,
#season,
#cool,
#movie{
	width:980px;
	margin:0 auto;
	overflow:hidden;}

#movie ul,
#recommended ul,
#easy ul,
#salad ul,
#season ul,
#cool ul,
#movie  h3,
#recommended h3,
#easy h3,
#salad h3,
#season h3,
#cool h3,
#movie{
	width:950px;
	margin:0 auto;}

#recommended,
#easy,
#cool,
#movie {
	border-bottom:1px solid #cacdcd;}



/*//recipe*/

#campaign{
	text-align:-webkit-center;}

/*movie*/

#M_Content_Box{
	border-top:1px solid #ffeb3e;
	border-right:1px solid #ffeb3e;
	position: relative;
	overflow:hidden;
	text-align:left;}

#M_Content_Box img{
	border-bottom:1px solid #ffeb3e;
	border-left:1px solid #ffeb3e;}


.M_Content_Box_Pop{
	display:none;}

.M_Content_Box_modal{
	overflow:hidden;
	margin:auto;}

.M_Content_Box_in{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:0 auto;
	text-align:left;
	color:#000;
	height:508px;
	width:625px;
	border-radius:5px;
	background:#fff;}

.M_Content_Box_in01{
	text-align:center;
	margin: 30px 30px 50px;}

.M_Content_Box_in p{
	font-family: 游ゴシック, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1em;
    border-bottom: 1px solid red;
    padding: 0.5em;
	margin-top:0.7em;}

#movie{
    padding-bottom: 70px;}

#movie .movie_Box{
	overflow:hidden;
	position:relative;}

#movie .movie_Box .movie_Box_bnr{
	overflow:hidden;
	background:url(../images/movie_recipe_ttl.jpg) no-repeat 90.5% 42%;
	position:relative;}

#movie .movie_Box .movie_Box_bnr a.recipe_btn{
	position:absolute;
	left:640px;
	bottom:103px;}

#movie .movie_Box .movie_Box_bnr img.recipemovie{
	display:inline;}

#movie .movie_Box h4{
	line-height:0;}

#movie .movie_Box h4 img{
	margin-bottom:15px;
	z-index:1000;}

img.movie_recipe{
	float:left;}

#movie .movie_Box p{
	clear:both;
	line-height:0;
	margin:18px 0;
	text-align:right;}

/*//movie*/


/* 949px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 949px) {

img,
object,
embed,
video {
	width:auto;
    height:auto;}

#inaniwa_main,
#bnr,
#lineup,
#reason,
#recommended ul,
#easy ul,
#salad ul,
#season ul,
#cool ul,
#recommended h3,
#easy h3,
#salad h3,
#season h3,
#campaign,
#movie h3,
#movie ul{
	width:98%;}

/* main contents */
	
#main {
    width:100%;}

#inaniwa_main h1 img{
	width:100%;}

.lineup_ph img {
    margin: 0 5px;}

#inaniwa .inaniwa_menu {
    top: 11px;
	left:15px;}

#bnr img,
#campaign img{
	width:100%;}

#bnr .bnr_pc.on{
	 width: 98%;}

h3.lineup_cap {
	float:none;
	vertical-align:top;
	display:inline-block;
	margin-right:0;
	margin-bottom:20px;}

.lineup_ph img {
    margin: 10px;}

.lineup_ph {
	width:640px;
	margin:0 auto;}

#reason{
	text-align:center;}

.reason_content{
	width:96%;
	text-align:center;}

.reason_content_modal{
	width:auto;}

.reason_content li ul{}

.reason_content li,
.reason_content li.reason_1st{
    margin: 15px 0 0 10px !important;
	display:inline-block;
	float:none;}

.reason_content_modal{
	margin:auto;
	height: 0;
    background: none;}

.reason_content_in{
	width:100%;
	height: 450px;}

.reason_content_in{
	text-align:center;
	margin:0 auto;
	width:auto;
	background-color:#f7f7f7;}

#cboxLoadedContent {
     background: none !important;}

.reason_content_in h3{
	padding:20px 0;
	width:100%;}

.reason_content_in h3 img{
	width:100%;}

.reason_content_in img.img_size{
	width:auto;}

.modal-content {
    width:100%;}

.modal-content p{
	text-align:left;}

	
/*#con1*/
	
.reason_right img{
	width:auto;}

#content01,
#content02,
#content03,
#content04,
#content05,
#content_new{
	width:100%;
	margin:0 auto;}
	
#content01 p,
#content02 p,
#content03 p,
#content04 p,
#content05 p{
	text-align:left;}

#content01 p,
#content01 img.reason_ph{
	width:100%;
	padding:0;}

/*//#con1*/

/*#con2*/

#content02 .reason_left{
	padding-left:20px;
	margin-right:30px;}

#content02 .reason_left img{
	width:100%;}

#content02 .reason_right p{
	padding-right:20px;
	margin-top:39px;}

/*//#con2*/

/*#con3・#con4・#con5*/

#content03 .reason_left,
#content04 .reason_left,
#content05 .reason_left{
	padding-left:0;
	margin-right:0;
	width:100%;
	float:none;}

/*//#con3・#con4・#con5*/


/*content_new*/

#content_new .reason_content_in h3 {
	text-align:center;
    padding:50px 5px;}

#content_new .reason_content_in h3 img.reason_new_pc{
	width:98%;}

/*//content_new*/


#recipe{}

#movie{
	text-align:left;}

#recipe h2 {
    width: auto;
    margin: 0 auto 50px;}

#recipe_table {
	text-align:left;}

 .recipe_tables{
 padding: 0 16px;}
#recipe_table h3{
	text-align:left !important;}

#recipe_table ul li{
    vertical-align: text-top;
	float:none;
	display:inline-block;}

 .recipe_tables ul li{
 }
 
 
#cboxClose{
	top:7px !important;}
	
#cboxPrevious,
#cboxNext{
	width:15% !important;
	height:93% !important;
	margin-top:38px !important;}

.list-mv07 img.new_icon {
	}

.bx-wrapper {
	width:auto !important;}

}
/*-------------------------------------------------------------------------------------------*/
/* 949px以下 END */



/* 640px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 640px) {

.main_pc{
	display:none !important;}

.main_sp{
	display:block !important;}

#menu_sp{
	display:block;}

#bnr img.movie_recipe{
	display:none;}

#bnr .bnr_sp.on{
	width: 93%;}
	
ul.accordion {
	position:absolute;
	background:#fff;
	width:100%;
	margin:0 auto;
	font-size:20px;
	z-index:9999;
	border-top:#ff6741 2px solid; 
	border-bottom:#000 1px solid;}

ul.accordion a {
	display:block;
	padding:20px 13px ;
	background-position:97% center;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#333;
	font-weight:bold;}

ul.accordion span { 
	display:block;
	padding:10px;
	background-position:97% center;
	background-repeat:no-repeat;
	color:#333;
	font-weight:bold;}
	
ul.accordion ul {
	display:none;
	text-align:left;}
	
ul.accordion > li {
	background:#fff;}
	
ul.accordion > li > p {
	background:#fff;
	cursor:pointer;}
	
ul.accordion > li > p span {
	background:url(../images/menu_sp_op.jpg) 5% 50% no-repeat; height:49px;}
	
ul.accordion > li > p span.open {
	background:url(../images/menu_sp_cl.jpg) 5% 50% no-repeat; height:49px;}
	
ul.accordion > li > ul > li { 
	background:#fff;}
	
ul.accordion > li > ul > li > p { 
	background:#fff;}
	
ul.accordion > li > ul > li > ul > li {
	background:#FFF; border-bottom:1px dotted #888;}
	
ul.accordion > li > ul > li > ul > li:last-child {
	border:none;}

#js-cover{
  background:#fff;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  opacity: 0;
  z-index: 1;}

/* main contents */
	
#inaniwa {}

#main {
	overflow:hidden;
    width:100%;
	margin: auto;}

#main h2{
	padding:50px 10px 0 10px;
	margin-bottom:50px;}

#cboxContent, 
#cboxLoadedContent {
    background: #f7f7f7;
    height: 510px !important;}

#reason h2 img,
#recipe h2 img{
	width:100%;}

#inaniwa_main,
#bnr, 
#lineup, 
#reason{
	margin-bottom:60px;}

#inaniwa .slider {
	padding-top: 70px;
     margin-bottom: 0; }

#bnr {
	width:93% !important;
    margin-bottom: 60px;}

img.bnr_sp{
	display:block;}

img.bnr_pc{
	display:none;}

#inaniwa #inaniwa_main {
	margin:82px 12px 12px;
	position: relative;}

.slide img.main_pc,
#campaign img.bnr_pc{
	display:none;}

.slide img.main_sp, 
#campaign img.bnr_sp{
	display:block !important;}

.slide img.main_sp {
	max-width: 100%;
}
#inaniwa .inaniwa_menu{
	overflow:hidden;
	
	top:0;
	left:0;
	background: #fff;}

#inaniwa .inaniwa_menu li {
	border-right:none;
	border-left:none;
	text-align:left;
	float:none;
	margin:0;}

#inaniwa .inaniwa_menu li.cnr {
    margin: 0;}
	
#inaniwa .inaniwa_menu li a img{
	display:none;}

#inaniwa .inaniwa_menu li a:hover{
	text-decoration:underline;
	color:#000;}

.lineup_ph {
	width:100%;
	margin:0 auto;}

.lineup_ph img {
    margin: 10px;}
	
.modal-content img {
    width:80%;}

.modal-close img{
	width:37px !important;}

.modal-content h3 img{
	display:none;}

.modal-content{
	overflow:scroll;
	width:100%;
	height:100%;}

h2.reasonttl_pc{
	display:none;}

h2.reasonttl_sp{
	display:block;}

h2.reasonttl_sp p{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	font-size:16px;
	line-height:26px !important;
	margin-top:15px;}

#cboxContent,
#cboxLoadedContent{
	background:#f7f7f7 ;}

h3.lineup_cap {
	vertical-align:top;
	float:none;}

#reason .reason_content img{
	width:100%;}

#reason .reason_content li a img.reason_menu{
	position:relative;}

#reason .reason_content li a img.reason_ov{
	display:none;}

#reason .reason_content li a:hover img.reason_menu{
	opacity:0.5;}

.reason_content_in p {
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","游明朝", "YuMincho",serif;}

.reason_content_in {
	padding:10px;
	overflow:scroll;}

.reason_content_in h3 img{
	display:none;
	padding:0;}

.reason_content_in h3 span{
	font-family:"游明朝", "YuMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",serif;
	display:block;}

.reason_right img {
    width: 100%;}

/*#con1*/

#content01 img.reason_ph{
	margin-bottom:10;}

#content01 p,
#content01 img.reason_ph{
	width:100%;
	margin:0;
	padding:0;}

/*//#con1*/

/*#con2*/

#content02 .reason_left{
	padding-left:10px;
	margin-right:10px;}

#content02 .reason_right p{
	padding-right:10px;
	margin-top:10px;}

/*//#con2*/

/*#con3・#con4・#con5*/

#content03 .reason_left,
#content04 .reason_left,
#content05 .reason_left {
    margin-right:0;
    width: 98%;}

/*//#con3・#con4・#con5*/

#content_new .reason_content_in {
	padding:0;}

#content_new .reason_content_in h3 {
    padding:72px 0  0 0;}

#content_new .reason_content_in h3 img.reason_new_sp{
	display:block;}

#content_new .reason_content_in h3 img.reason_new_pc{
	display:none;}

#season h3 img{
	max-width:100%;
	width: auto;}

#recipe_table ul li.recipe_1st {
     margin-left: 0 !important;}

#recipe_table {
	text-align:center;}
 .recipe_tables{
 padding: 0 2px;}

 
 .recipe_tables ul li{
  padding: 8px;
  box-sizing: border-box;
 }
 
#recipe_table ul li img{
	width:auto;}
 #recipe_table ul li img.new_icon{
 width: 25%; left: 0;
 }

#recipe_table ul li{
	width:45%;}

#recipe_table ul li p {
    margin-top: 10px;
    margin-bottom: 20px;}

#recommended,
#easy,
#salad,
#season,
#cool,
#movie{
	width:auto;}

#cboxClose{
	top:-10px !important;}
	
.modalYoutube #cboxClose{
	top:auto !important; bottom: -50px;}

.bx-wrapper {
	margin: 0 auto 0px !important;
	padding:86px 12px 12px 12px !important;}
	
.bx-wrapper .bx-pager {
	display:none;}

#movie .movie_Box .movie_Box_bnr img.recipemovie{
	display:none;}

#M_Content_Box{
	position: relative;
	overflow:hidden;
	text-align:left;}

.M_Content_Box_Pop{
	display:none;}

.M_Content_Box_modal{
	overflow:hidden;
	margin:auto;
	width: 100%;}

.M_Content_Box_in{
	color:#000;
	height:auto;
	width:100% !important;
	margin:auto;}

.M_Content_Box_in iframe {
	max-width:100%;}

.M_Content_Box_in01{
	text-align:center;}

.modalYoutube #cboxMiddleLeft,
.modalYoutube #cboxMiddleRight {
    width:auto;
    background:none;}

img.sp01{
	float:left;
	width: 46.3% !important}

img.sp02{
	 width: 52.8% !important;}

#movie{
	text-align:left;}

#movie .movie_Box{}

#movie .movie_Box .movie_Box_bnr{
	background:none;
	width:auto;
	text-align:center;}

#movie .movie_Box h5 img{
	width:100%;}

img.movie_recipe{
	float:none;
	position:static;
	width:auto;
	text-align:center;
	display:inline-block;
	margin-top:20px;}

img.movie_recipe02{
	width:100% !important;}


}
/*-------------------------------------------------------------------------------------------*/
/* 640px以下 END */

@media only screen and (max-width: 295px) {
	#movie .movie_Box h4 img {
		width:100%;}}



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
a:focus{outline: none;}
a.modal{outline:none;}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; /*overflow:hidden;*/ -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
/*#cboxLoadedContent {background: #fff;}*/
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000 repeat 0 0;  -moz-opacity: 0.65; opacity: 0.65; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:none; /*overflow:hidden;*/}
        .cboxIframe{background:none;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{}
        #cboxTitle{position:absolute; bottom:-20px; left:0; text-align:left; width:100%; color:#fff; background:none;}
        #cboxCurrent{position:absolute; bottom:-20px; right:0; color:#fff;}
/*        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}*/

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating)
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;} */
		
#cboxPrevious{position:absolute; top:0; left:0; margin-top:-25px; width:25%; height:100%; text-indent:-9999px; cursor:url(../images/prev.png),url(../images/prev.cur), pointer;}
#cboxPrevious:hover{background-position:bottom left;}

#cboxNext{position:absolute; top:0; right:0; margin-top:-25px; width:25%; height:100%; text-indent:-9999px; cursor:url(../images/next.png),url(../images/next.cur), pointer;}
#cboxNext:hover{background-position:bottom right;}

#cboxClose{position:absolute; top:-50px; right:0; display:block; background:url(../images/reason_ov_close.png) no-repeat top center; width:40px; height:50px; text-indent:-9999px;}
#cboxClose:hover{ cursor:pointer;}

.modalYoutube #cboxClose{top:auto !important; bottom: -25px; right: -7px;background: url(../images/x.jpg) no-repeat top center;}

*:focus {
  outline: none;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}




/* slick dots */
.slider .slick-dotted.slick-slider {
    margin-bottom:45px;
}

.slider .slick-dots {
    display:block;
    position:absolute;
	left: 0;
	right: 0;
    bottom:0;
    width:100%;
    padding:0;
    margin:0 auto 50px;
    list-style:none;
    text-align:center;
}
.slider .slick-dots li {
    position:relative;
    display:inline-block;
    margin:0 5px;
    padding:0;
    cursor:pointer;
}
.slider .slick-dots li button {
    display:block;
    width:10px;
    height:10px;
    background-color:transparent;
    padding:10px;
    border:0;
    line-height:0;
    font-size:0;
    color:transparent;
    outline:none;
    cursor:pointer;
}
.slider .slick-dots li button:hover,
.slider .slick-dots li button:focus {
    outline:none;
}
.slider .slick-dots li button:hover:before,
.slider .slick-dots li button:focus:before {
    opacity:1;
}
.slider .slick-dots li button:before {
    position:absolute;
    top:0;
    left:0;
    width: 10px;
    height:10px;
    background-color:#d2d2d2;
    border-radius: 50%;
    content:'';
    text-align:center;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.slider .slick-dots li.slick-active button:before {
    background-color:#626262;
}