@charset "utf-8";
/* CSS Document */
   
#toppage #Content , #toppage article {
	margin-bottom:0px;
}

/* notice
   ========================================================================== */
  
#notice {
	text-align: center;
	font-size: 1.25em;
	font-weight: bold;
	display: block;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	cursor: pointer;
}

@media (max-width: 1020px) {
#notice { width:96% !important;}
}
@media (max-width: 767px) {
#notice {text-align:left;padding: 1em 0 0;}
#notice span {display: inline-block;padding:0 0.5em;}
}


/* feature
   ========================================================================== */
   
#feature {background:url(/_images_2016/toppage/feature_bg.png) repeat-x top left; width:100%; margin-top:30px !important;}
#feature .inn_960 {background:url(/_images_2016/toppage/feature_img.png) no-repeat top left;background-size:350px 310px;height:200px; padding:55px 0 55px;}
#feature-box {background:#fbefc8;margin: 0 0 0 385px; padding:14px;}

#feature-box .icon_link_L {display:block;width:100%;}

#feature-box h1 {padding:0 0 4px; border-bottom:solid 2px #fff; margin-bottom:8px; line-height:33px;}

#feature-box p {padding:0 4px; }
#feature-box ul { overflow:hidden;;padding:0 4px;}
#feature-box li {width:264px;margin:0 10px 0 0;float:left;}
#feature-box li:last-child {
  margin-right: 0;
}
/*IE7、IE8対策*/
#feature-box li + li {
  margin-right: 0;}

@media (max-width:1200px) {
#feature-box li {width:48%;}
}
@media (max-width:970px) {
#feature {background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #f3e2a0), color-stop(0.00, #f4d971)) !important;
background: -webkit-linear-gradient(top, #f4d971 0%, #f3e2a0 88%) !important;
background: linear-gradient(to bottom, #f4d971 0%, #f3e2a0 88%) !important;
}
#feature .inn_960 {background:none;height:auto; padding:12px 3%; width:94%;}
#feature-box {margin: 0;}
}

/* topic
   ========================================================================== */
  
#topic ul { overflow:hidden;}
#topic ul li {
	width:24.25%;
	float:left;
  margin-right: 1%;}
#topic ul li:last-child {
  margin-right: 0;
}
/*IE7、IE8対策*/
#topic ul li + li + li + li {
  margin-right: 0;
}

#topic ul li p { border-top:solid 3px #ff1a1f; background:#f6dfad; line-height:1.2em; text-align:center;margin:0;padding: 0.8em 0; }
#topic ul li p.ll2 { padding: 0.2em 0; }
#topic ul li p span { display:block; }
#topic ul li a { display:block; padding:16px 16px 6px 16px; border:solid 1px #f6dfad;}
#topic ul li a span { display:block;text-align:right;padding-right:22px; }


@media (max-width: 1020px) {
#topic .inn_960 { width:96% !important;}
}
@media (max-width: 767px) {
#topic ul {
  padding-left: 2%;}
#topic ul li {
	width:47%;
	float:left;
  margin:0 2% 2% 0;}
#topic ul li a { padding:10px 10px 5px 10px;}
#topic ul li p ,#topic ul li p.ll2  {padding: 0.5em 0;font-size:0.92em;}
#topic ul li p span { display:inline;}
}

/* reccomended
   ========================================================================== */
dl.section dt {border-top:solid 3px #ff1a1f; background:#f6dfad; line-height:1.2em;margin:0;padding:0.5em 0.8em; overflow:hidden;}
dl.section dt span { display:block; float:left;}
dl.section dt a { display:block; float:right; padding:0.5em 22px 0 0; background-position:bottom right !important; color:#000;}
dl.section dd {border:solid 1px #f6dfad;overflow:hidden;}


.for_sp {background:#f6dfad; line-height:1.2em;margin:0;overflow:hidden;}
.for_sp a { display:block; float:right; padding:0.5em 22px; background-position:center right !important; color:#000;margin-right:17px;}

@media (max-width: 1020px) {
dl.inn_960 { width:96% !important;}
dl.section dt { text-align:center; font-size:0.92em !important;}
dl.section dt span {float:none;}
}

#recommended div.img { width:40%;float:left; line-height:0;}
#recommended div.rec_info { padding:22px 16px 14px 6px;margin-left:40%; overflow:hidden;}
#recommended p.ft_L {margin-bottom:0.4em;}
#recommended p.bg_red {float:right;padding:3px 10px;}
/*#recommended dd a {float:right;display:block;clear:both; text-align:right;padding-right:30px;}*/
@media (max-width: 767px) {
dl.section dt a { display:none;}
dl.inn_960 { width:94% !important;}
#recommended div.img { width:52%;}
#recommended div.rec_info { padding:12px;margin-left:52%; overflow:hidden;}
#recommended p.txt_red { width:12em;margin-bottom:0.2em;}
#recommended p.ft_L {margin-bottom:1em; font-size:1.1em;width:13em;}
#recommended p.bg_red { display:none;}
/*#recommended dd a {margin-bottom:0em; font-size:1.1em;}*/
}
@media (max-width: 480px) {
#recommended div.img { width:100%;}
#recommended p.txt_red { width:100%;margin-bottom:0.2em;}
#recommended div.rec_info { padding:12px;margin-left:0; overflow:hidden; background:#f0f0f0;}
#recommended p.ft_L {width:auto;}
#recommended p.forPC {display: none;}
}



#recommended .icon_link { display:block;text-align:right;padding-right:22px; }
#recommended ul {padding: 0 0 0 1%;}
#recommended li { display:inline-block; width: 47%;padding: 2% 1%;}
@media (max-width:700px) {
#recommended ul {padding: 0 0 0 0;}
#recommended li { display:inline-block; width: 96%;padding: 2% 2%;}
}
/* campain
   ========================================================================== */
   
#campain ul { padding:2%;overflow:hidden; background:#fff7e3;}
#campain li {
	width:32%;
	float:left;
  margin-right:2%; background:#fff; }
#campain li:last-child {
  margin-right: 0;
}
/*IE7、IE8対策*/
#campain li  + li + li {
  margin-right: 0;
}
#campain dd a{display:block; border: solid 1px #f6dfad;}
#campain dd a span.icon_link{ display:block; padding:0 22px 3px 6px; background-position:calc(100% - 6px) top !important; color:#000;}
@media (max-width: 767px) {
#campain li {
	width:100%;
	float:none;
  margin-right:0;}
#campain li a {  
  overflow:hidden;
  border-bottom:0;
  display:table;
  width:100%;
  }
#campain li:last-child a {
  overflow:hidden;
  border-bottom: solid 1px #f6dfad;
}
/*IE7、IE8対策*/
#campain li  + li + li a{
  overflow:hidden;
  border-bottom: solid 1px #f6dfad;
}
  
#campain li span.img {display: table-cell;vertical-align:middle;width:100%;float:left;padding:0; line-height:0;}
#campain dd a span.icon_link{display: table-cell;vertical-align:middle;width:56%;padding:0;background:none; margin:0 0 0 40%;height:100%;padding:0 2%;}
#campain .ft_L {font-size:1rem;}
}

#campain li span.img img {
  min-width:100%;
}

/* movie
   ========================================================================== */

#movie {
}
#movie01 {
	background:url(/_images_2016/toppage/mv01_bg.jpg) no-repeat center center;
}
#movie02 {
	background:url(/_images_2016/toppage/mv02_bg.jpg) no-repeat center center;
	background-size:cover;
}
#movie03 {
	background:url(/_images_2016/toppage/mv03_bg.jpg) no-repeat center center;
}
#movie04 {
	background:url(/_images_2016/toppage/mv04_bg.jpg) no-repeat center center;
	background-size:cover;
}
#movie05 {
	background:url(/_images_2016/toppage/mv05_bg.jpg) no-repeat center center;
	background-size:cover;
}
#movie06 {
	background:url(/_images_2016/toppage/mv06_bg.jpg) no-repeat center center;
	background-size:cover;
}
#movie07 {
	background:url(/_images_2016/toppage/mv07_bg.jpg) no-repeat center center;
	background-size:cover;
}
#movie08 {
	background:url(/_images_2016/toppage/mv08_bg.jpg) no-repeat center center;
	background-size:cover;
}
#movie09 {
	background:url(/_images_2016/toppage/mv09_bg.jpg) no-repeat center center;
	background-size:cover;
}
#movie10 {
	background:url(/_images_2016/toppage/mv10_bg.jpg) no-repeat center center;
	background-size:cover;
}
#movie11 {
	background:url(/_images_2016/toppage/mv11_bg.jpg) no-repeat center center;
	background-size:cover;
}
#movie12 {
	background:url(/_images_2016/toppage/mv12_bg.jpg) no-repeat center center;
	background-size:cover;
}
#movie13 {
	background:url(/_images_2016/toppage/mv13_bg.jpg) no-repeat center center;
	background-size:cover;
}
#movie14 {
	background:url(/_images_2016/toppage/mv14_bg.jpg) no-repeat center center;
	background-size:cover;
}
#movie ul {
	width:100%;
	display:table;
}
#movie li {
	width:49%;
	height:260px; 
	display:table;
	float:left;
}
#movie li:last-child , #movie li + li {
	float:right;
}
#movie li a {
	background:url(/_images_2016/common/ico_link_B.png) no-repeat center center rgba(0,0,0,0.5);
	background-size:100px 100px;
	position:relative;
	display:table-cell;
	vertical-align:bottom;
	text-align:center;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4B000000,EndColorStr=#4B000000);/*IE8以下用*/
}
#movie li a:hover {
	background:url(/_images_2016/common/ico_link_B.png) no-repeat center center rgba(0,0,0,0.3);
	background-size:110px 110px;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#98000000,EndColorStr=#98000000);/*IE8以下用*/
}
#movie li a span {
	display:block;
	line-height:2em;
	padding:0 ;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background:#ff1a1f;
}
@media (max-width: 1020px) {
#movie ul li { height:200px;background-size:cover;}
#movie.inn_960 { width:96% !important;}
}

@media (max-width: 767px) {
#movie ul li { height:160px;}
#movie.inn_960 { width:94% !important;}
#movie .ft_L{font-size:90%;}
#movie li a {
}
#movie li a:hover {
}
}

@media (max-width: 560px) {
#movie.inn_960 {
	height:auto; 
}
#movie li {
	width:100%;
	float:none;
	height:190px; 
}
}

@media (max-width: 480px) {
#movie .ft_L{font-size:80%;}
#movie li {
	margin-bottom:20px; 
}
#movie li a  {
	background: url(/_images_2016/common/ico_link_B.png) no-repeat center center rgba(0,0,0,0.5);
	background-size:90px 90px;
}
#movie li a:hover {
	background: url(/_images_2016/common/ico_link_B.png) no-repeat center center rgba(0,0,0,0.3);
	background-size:99px 99px;
}
#movie li a span {
	line-height:3.5em;
}
}

/* bnrarea
   ========================================================================== */
   
#bnrarea ul { padding:2%;overflow:hidden; background:#fff7e3;border: solid 1px #f6dfad;}
#bnrarea li {
	width:25%;
	float:left;
	background:#fff;}
#bnrarea li a { display:block;border-top: solid 1px #f6dfad;border-left: solid 1px #f6dfad;}
#bnrarea li span.img {display:block;padding:10px 15px 0; line-height:0;}
#bnrarea li span.icon_link {display:block;padding:3px 15px 10px; background-position:calc(100% - 21px) 6px !important;line-height:22px;}
#bnrarea li:nth-child(4n) a {
	border-right: solid 1px #f6dfad;
}
#bnrarea li:nth-child(n+5) a {
	border-bottom: solid 1px #f6dfad;
}

.fzL #bnrarea .ft_M{
  font-size: 80%;
  font-size: 0.8rem;}

@media (max-width: 1020px) {
#bnrarea.inn_960 { width:96% !important;}
#bnrarea li span.icon_link { font-size:0.7em;}
}
@media (max-width: 786px) {
#bnrarea.inn_960 { width:94% !important;}
#bnrarea li {
	width:50%;}
#bnrarea li span.icon_link {display:none;}
#bnrarea li span.img {display:block;padding:10px;}
#bnrarea li:nth-child(4n) a  {
	border-right: 0;
}
#bnrarea li:nth-child(n+5) a  {
	border-bottom: 0;
}
#bnrarea li:nth-child(2n) a {
	border-right: solid 1px #f6dfad;
}
#bnrarea li:nth-child(n+7) a {
	border-bottom: solid 1px #f6dfad;
}
}



/* for_sp
   ========================================================================== */
.for_sp {display:none;}

@media (max-width: 767px) {
.for_sp {display:block;margin: -20px auto 20px;width:94%;}
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#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{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.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; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:14px; height:14px; background:url(/_images_2016/toppage/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(/_images_2016/toppage/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(/_images_2016/toppage/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(/_images_2016/toppage/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(/_images_2016/toppage/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(/_images_2016/toppage/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(/_images_2016/toppage/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(/_images_2016/toppage/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(/_images_2016/toppage/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/_images_2016/toppage/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        /* 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;  position:absolute; bottom:-29px; background:url(/_images_2016/toppage/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}