/* =================================
	NIGEHAJI Top CSS
================================= */

/*	layout
============================== */

@media all and (min-width: 768px) {
div.bg {
	background-color: #ddd2c5;
	min-width:980px;
}
}
@media all and (min-width: 768px) and (max-width: 979px) {
div.bg {
	background-color:#fff;
}
}
.wrap {
	text-align:left;
}
@media all and (min-width: 768px) {
.wrap {
	width:924px;
	margin:0 auto;
}
.col-clef {
	width:612px;
	float:left;
}
.col-rig {
	width:300px;
	float:right;
}
}



/*	Poster
============================== */
/* CSS3 Animation */
header.poster {
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction:normal;
	animation-name: fadein;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	animation-direction:normal;
}
@-webkit-keyframes fadein {
	0% {
		opacity:0;
	}
	25% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes fadein {
	0% {
		opacity:0;
	}
	25% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
header.poster h1 span,
header.poster h1 span img {
	display:block;
}

header.poster h1 span.main_image20170321 { background: url(../img/main_image20170321.jpg) no-repeat;}
header.poster h1 span.main_image20170322 { background: url(../img/main_image20170322.jpg?20170322) no-repeat;}
header.poster h1 span.main_image20170323 { background: url(../img/main_image20170323.jpg) no-repeat;}
header.poster h1 span.main_image20170324 { background: url(../img/main_image20170324.jpg) no-repeat;}
header.poster h1 span.main_image20170325 { background: url(../img/main_image20170325.jpg) no-repeat;}
header.poster h1 span.main_image20170326 { background: url(../img/main_image20170326.jpg) no-repeat;}
header.poster h1 span.main_image20170327 { background: url(../img/main_image20170327.jpg) no-repeat;}
header.poster h1 span.main_image20170328 { background: url(../img/main_image20170328.jpg) no-repeat;}
header.poster h1 span.main_image20170329 { background: url(../img/main_image20170329.jpg) no-repeat;}
header.poster h1 span.main_image20170330 { background: url(../img/main_image20170330.jpg) no-repeat;}
header.poster h1 span.main_image20170331 { background: url(../img/main_image20170331.jpg) no-repeat;}
header.poster h1 span.main_image20170401 { background: url(../img/main_image20170401.jpg) no-repeat;}
header.poster h1 span.main_image20170402 { background: url(../img/main_image20170402.jpg) no-repeat;}
header.poster h1 span.main_image20170403 { background: url(../img/main_image20170403.jpg) no-repeat;}
header.poster h1 span.main_image20170404 { background: url(../img/main_image20170404.jpg) no-repeat;}

header.poster h1 span.main_image20170405 { background: url(../img/main_image20170405.jpg) no-repeat;}
header.poster h1 span.main_image20170406 { background: url(../img/main_image20170406.jpg) no-repeat;}
header.poster h1 span.main_image20170407 { background: url(../img/main_image20170407.jpg) no-repeat;}
header.poster h1 span.main_image20170408 { background: url(../img/main_image20170408.jpg) no-repeat;}
header.poster h1 span.main_image20170409 { background: url(../img/main_image20170409.jpg) no-repeat;}
header.poster h1 span.main_image20170410 { background: url(../img/main_image20170410.jpg) no-repeat;}
header.poster h1 span.main_image20170411 { background: url(../img/main_image20170411.jpg) no-repeat;}

header.poster h1 span.main_image20170412 { background: url(../img/main_image20170412.jpg) no-repeat;}
header.poster h1 span.main_image20170413 { background: url(../img/main_image20170413.jpg) no-repeat;}
header.poster h1 span.main_image20170414 { background: url(../img/main_image20170414.jpg) no-repeat;}
header.poster h1 span.main_image20170415 { background: url(../img/main_image20170415.jpg) no-repeat;}
header.poster h1 span.main_image20170416 { background: url(../img/main_image20170416.jpg) no-repeat;}
header.poster h1 span.main_image20170417 { background: url(../img/main_image20170417.jpg) no-repeat;}
header.poster h1 span.main_image20170418 { background: url(../img/main_image20170418.jpg) no-repeat;}

header.poster h1 span.main_image20170419 { background: url(../img/main_image20170419.jpg) no-repeat;}
header.poster h1 span.main_image20170425 { background: url(../img/main_image20170425.jpg) no-repeat;}
header.poster h1 span.main_image20170502 { background: url(../img/main_image20170502.jpg) no-repeat;}
header.poster h1 span.main_image20170509 { background: url(../img/main_image20170509.jpg) no-repeat;}
header.poster h1 span.main_image20170516 { background: url(../img/main_image20170516.jpg) no-repeat;}
header.poster h1 span.main_image20170523 { background: url(../img/main_image20170523.jpg) no-repeat;}
header.poster h1 span.main_image20170530 { background: url(../img/main_image20170530.jpg) no-repeat;}
header.poster h1 span.main_image20170606 { background: url(../img/main_image20170606.jpg) no-repeat;}
header.poster h1 span.main_image20170613 { background: url(../img/main_image20170613.jpg) no-repeat;}

header.poster h1 span.main_image20170615 { background: url(../img/main_image20170615.jpg?0615) no-repeat;}
header.poster h1 span.main_image20170616 { background: url(../img/main_image20170616.jpg) no-repeat;}
header.poster h1 span.main_image20170617 { background: url(../img/main_image20170617.jpg) no-repeat;}
header.poster h1 span.main_image20170618 { background: url(../img/main_image20170618.jpg) no-repeat;}
header.poster h1 span.main_image20170619 { background: url(../img/main_image20170619.jpg) no-repeat;}
header.poster h1 span.main_image20170620 { background: url(../img/main_image20170620.jpg?0620) no-repeat;}

@media all and (min-width: 768px) {
#header_area {
	width: 100%;
	/*height: 695px;*/
	/*height: 690px;*/
	height: 684px;
	background-image: url(../img/top_header_bg.jpg),url(../img/top_header_bg2.jpg);
	background-position: center top,top;
	background-repeat:repeat,repeat-x;
	overflow:hidden;
}
header.poster {
	width: 924px;
	padding-top:30px;
	margin: 0 auto;
}
header.poster h1 {
	box-shadow:0px 0px 9px 3px #fbf4ea;
}
header.poster h1 span.pics img {
	width: 924px;
	height: 654px;
}
}
@media all and (max-width: 767px) {
#header_area {
	background-image: url(../img/top_header_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
}
/* main-imege */
header.poster h1 span.pics {
	background-size: cover;
	position: relative;
	height: 0;
	padding-top: 70.77922%;
}
header.poster h1 span.pics img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
}




/*	Menu_area
============================== */
@media all and (min-width: 768px) {
.menu_area_out{
	width: 100%;
	background-image:url(../img/white_bg.jpg);
	overflow:hidden;
	height: 662px;
	/*height: 805px;*/
}
.menu_area{
	width: 924px;
	/*height: 662px;*/
	margin: 0 auto;

}
}
@media all and (max-width: 767px) {
.menu_area_out{
	background-image:url(../img/white_bg.jpg);
	/*padding: 10px 0 0;*/
	padding: 0px 0 0;
}
}


/*	whats new
============================== */
section.whats-new {
	overflow:hidden;
	background-color:#ffffff;
}
section.whats-new p {
	float:left;
}
section.whats-new p a {
	display:block;
	background-image:url(../img/top_wnew.png);
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
section.whats-new div#listScroll {
	overflow:hidden;
}
div#listScroll ul, div#listScroll ul li, div#listScroll ul li a,
div#listScroll dl, div#listScroll dl dt, div#listScroll dl dd {
	display:inline;
	white-space:nowrap;
}
div#listScroll ul li {
	padding-right:2em;
}
div#listScroll ul li a {
	text-decoration:none;
}
div#listScroll ul li a dl dt {
	padding-right:1em;
}
@media all and (min-width: 768px) {
section.whats-new {
	width:924px;
	height:50px;
	overflow:hidden;
	/*margin:20px 0;*/
	margin:5px 0 20px; 
}
section.whats-new p a {
	width:150px;
	height:50px;
}
section.whats-new div#listScroll {
	height:36px;
	border:7px solid #f4e6e4; 
}
div#listScroll ul li a:hover dl dd {
	text-decoration:underline;
}
div#listScroll ul, div#listScroll ul li a dl dt, div#listScroll ul li a dl dd {
	font-size:100%;
	line-height:36px;
}
}
@media all and (max-width: 767px) {
section.whats-new {
	padding-right:5px;
	height:35px;
}
section.whats-new p a {
	background-size:106px 35px;
	background-position:right center;
	width:106px;
	height:35px;
}
section.whats-new div#listScroll {
	height:27px;
	border:4px solid #f4e6e4; 
}
div#listScroll ul, div#listScroll ul li a dl dt, div#listScroll ul li a dl dd {
	font-size:87.5%;
	line-height:27px;
}
}

/*	one_menu
============================== */
@media all and (min-width: 768px) {
.mtrail_box{
	position:relative;
	width: 456px;
	height: 364px;
	margin-bottom:12px;
	background-image:url(../img/top_mtrail.jpg?0620);
}
.mtrail_in{
	display: block;
	margin: 109px 10px 25px ;
}
div.player-outer {
    position: relative;
    height: 0;
    padding-top: 56.25%;
}
div.player-outer > iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
}
@media all and (max-width: 767px) {

.mtrail_box{
	display: none;
}

div.player-deco {
	padding:8px;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#c8e6ec), color-stop(0.5, #f8f0df), to(#ddefd3));
	background-image: -webkit-linear-gradient(#c8e6ec, #f8f0df 50%, #ddefd3);
	background-image: linear-gradient(to bottom, #c8e6ec, #f8f0df 50%, #ddefd3);

}
div.player-deco h2 {
	
	margin-bottom:8px;
}
div.player-deco h2:after {
	content:"Trailer";
	display:block;
	color:#c00;
	margin-top:5px;
	font-weight: normal;
	font-size: 90%;
}

div.player-outer {
    position: relative;
    height: 0;
    padding-top: 56.25%;
}
div.player-outer > iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


}


@media all and (min-width: 768px) {
div.menu {
	/* height:890px; */
	height:564px;
}
div.menu ul li.mtrail {left:0px;top:0;}
div.menu ul li.mstory {left:468px;top:0;}
div.menu ul li.mnews {left:468px;top:188px;}
div.menu ul li.mintro {left:702px;top:188px;}
div.menu ul li.morig {left:0px;top:376px;}
div.menu ul li.mcast {left:234px;top:376px;}
div.menu ul li.mchart {left:468px;top:376px;}
div.menu ul li.mbbs {left:702px;top:376px;}


div.menu nav ul li.mintro a span img,
div.menu nav ul li.mnews a span img {
	width:222px;height:176px;
}

}


/*	Menu
============================== */

div.menu nav ul li a, 
div.menu nav ul li b,
div.menu nav ul li a span, 
div.menu nav ul li b span,
div.menu nav ul li a span img, 
div.menu nav ul li b span img {
	display:block;
}

@media all and (min-width: 768px) {
div.menu {
	position:relative;
	/* height:1078px; */
}
div.menu nav {
	position:relative;
}
div.menu nav ul li {
	position:absolute;
}

div.menu nav ul li a,
div.menu nav ul li b {
	/*border-radius:10px;*/
	overflow:hidden;
}

.mtrail a span img{
	width:456px; height:364px; 
}
.mstory a span img{
	width:456px; height:176px; 
}
.mnews a span img, 
.mintro b span img,
/*（一時）.morig a span img,*/.morig span img,
.mcast a span img,
/*（一時）.mchart a span img,*/.mchart span img,
.mbbs a span img {
	width:222px; height:176px; 
}
/*（一時）div.menu nav ul li.morig a span,*/div.menu nav ul li.morig span {
	background-position:-444px 0;
}
/*（一時）div.menu nav ul li.mchart a span,*/div.menu nav ul li.mchart span {
	background-position:-222px 0;
}
div.menu nav ul li.mcast a span, div.menu nav ul li.mnews a span {
	background-position:left top;
}
div.menu nav ul li.mstaff a span, div.menu nav ul li.mintro a span {
	background-position:-222px 0;
}
div.menu nav ul li.mbbs a span, div.menu nav ul li.mpres a span {
	background-position:-444px 0;
}

}

@media all and (max-width: 767px) {
div.menu {
	padding:10px 10px 10px;
}

ul.mthree li {
	width:33.33333%;
	float:left;
	margin-bottom:6px;
}

ul.mthree li > span,
ul.mthree li a > span,
ul.mthree li b > span {
	position:relative;
	height:0;
	padding-top:79.279279%;
	background-size:300% 100%;
	/**/
	/*border-radius:6px;*/
	overflow:hidden;
}
ul.mthree li > span img,
ul.mthree li a > span img,
ul.mthree li b > span img {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
ul.mthree li:nth-child(3n-2) a {
	margin-right:4px;
}
ul.mthree li:nth-child(3n-1) a,
ul.mthree li:nth-child(3n-1) b{
	margin-left:2px;
	margin-right:2px;
}
ul.mthree li:nth-child(3n) a,
ul.mthree li:nth-child(3n) b {
	margin-left:4px;
}
ul.mthree li:nth-child(3n-2) a span {background-position:left top;}
ul.mthree li:nth-child(3n-1) a span,
ul.mthree li:nth-child(3n-1) b span{background-position:center top;}
ul.mthree li:nth-child(3n) a span,
ul.mthree li:nth-child(3n) b span {background-position:right top;}
}


@media all and (max-width: 767px) {
ul.mwide li {
	margin-bottom:6px;
}
ul.mwide li a span {
	position:relative;
	height:0;
	padding-top:38.596491%;
	background-size:cover;
	/**/
	/*border-radius:6px;*/
	overflow:hidden;
}
ul.mwide li a span img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

}


/*	Menu Under（エリア）pc bottom_area
============================== */
.bottom_area{
	background: #f9faf4;
}
@media all and (min-width: 768px) {
.bottom_area .wrap{
	position: relative;
	height: 515px;
}
}

/*	SP Menu_a(3列) ★毎週更新★
============================== */
@media all and (min-width: 768px) {
.bottom_area ul .mqanda a {
	background:url(../img/top_qanda_btn_kekka.jpg?0622) 0px 0px no-repeat;
}
}
@media all and (max-width: 767px) {
ul.m1retsu .mqanda a span {
	background-image:url(../img/top_qanda_btn_kekka.jpg?0622);
}
}

/*	SP Menu_a(3列)
============================== */

@media all and (min-width: 768px) {
.bottom_area ul li {
	float:left;
}
.bottom_area ul li a {
	text-decoration:none;
}
.bottom_area ul li a,
.bottom_area ul li a > span,
.bottom_area ul li a > b {
	display:block;
	height:100px;
}
.bottom_area ul li a > span {
	text-indent:110%; white-space:nowrap; overflow:hidden;
}

.bottom_area ul .mpre a {
	background:url(../img/top_present_btn.jpg) 0px 0px no-repeat;
	width:300px;
	height:100px;
	overflow:hidden;
	position: absolute; 
	left: 0px;
	top: 4px;
}

.bottom_area ul .mqanda a {
	width:300px;
	height:216px;
	overflow:hidden;
	position: absolute; 
	left: 312px;
	top: 4px;
}

.bottom_area ul .mblog a {
	background:url(../img/top_dvd_btn.jpg) 0px 0px no-repeat;
	width:300px;
	height:100px;
	overflow:hidden;
	position: absolute; 
	left: 624px;
	top: 4px;
}

.bottom_area ul .mbreci a,
.bottom_area ul .mbreci b {
	background:url(../img/top_recipe_btn.jpg) 0px 0px no-repeat;
	width:300px;
	height:100px;
	overflow:hidden;
	position: absolute; 
	left: 0px;
	top: 120px;
}

.bottom_area ul .minter a {
	background:url(../img/top_interview_btn0.jpg) 0px 0px no-repeat;
	width:300px;
	height:100px;
	overflow:hidden;
	position: absolute; 
	left: 624px;
	top: 120px;
}

.bottom_area ul .mgallery a {
	background:url(../img/top_gallery_btn.jpg) 0px 0px no-repeat;
	width:300px;
	height:100px;
	overflow:hidden;
	position: absolute; 
	left: 0px;
	top: 236px;
}

.bottom_area ul .free a,
.bottom_area ul .free span {
	background:url(../img/top_free_btn_toji.jpg) 0px 0px no-repeat;
	width:300px;
	height:100px;
	overflow:hidden;
	position: absolute; 
	left: 624px;
	top: 236px;
}

.bottom_area ul .ondemand a{ 
	display: none; 
}

.bottom_area ul li a > b {
	position:absolute;
	color:#e72830;
	right:19px;
	top:69px;
	font-weight: normal;
}


}

/*	SP Menu（1列）
============================== */

@media all and (min-width: 768px) {

.mrepo a {
	background-image:url(../img/top_report_btn.png);
	width:300px;
	height:100px;
	overflow:hidden;
	position: absolute; 
	left: 312px;
	top: 236px;
}
.mrepo a > b {
	position:absolute;
	color:#e72830;
	right:19px;
	top:68px;
	font-weight: normal;
}

nav.spmenu ul li:first-child {
	margin-right:12px;
}
nav.spmenu ul li:first-child a {
	background-position:left top;
}

.mrepo a > span > b {
    position: absolute;
    color: #e72830;
    right: 19px;
    bottom: 14px;
    font-weight: normal;
}

}





/*	Menu Under（エリア）smp
============================== */

@media all and (max-width: 767px) {
.menu-under{
	border-top:2px dashed #ebd3c0;
	border-bottom:2px dashed #ebd3c0;
	background-color:#fffcfc;
	padding: 17px 0 11px;
	margin-bottom: 11px;
}
}

/*	Menu Under（2列）
============================== */

@media all and (max-width: 767px) {
.m2retsu{
	padding:0px 30px 0px;
}
.m2retsu li a, .m2retsu li a span, .m2retsu li a span img,
.m2retsu li b, .m2retsu li b span, .m2retsu li b span img {
	display:block;
}

.m2retsu li.mprvrb b span {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}	
	
.m2retsu li {
	float:left;
	width:50%;
	margin-bottom:6px;
}


.m2retsu li.mblog a span {
	background-image:url(../img/top_dvd_btn2.jpg);
	background-repeat:no-repeat;
}

.m2retsu li.mbreci a span, 
.m2retsu li.mbreci b span{
	background-image:url(../img/top_recipe_btn2.jpg);
	background-repeat:no-repeat;
}

.m2retsu li.mbreci a > span,
.m2retsu li.mbreci b > span,
.m2retsu li.mblog a > span,
.m2retsu li.mblog b > span {
	position:relative;
	height:0;
	padding-top:68.493%;
	/**/
	overflow:hidden;
}

.m2retsu li.minter a span {
	background-image:url(../img/top_interview_btn0_2.jpg);
	background-repeat:no-repeat;
	display: block;
}
.m2retsu li.mgallery a span {
	background-image:url(../img/top_gallery_btn2.jpg);
	background-repeat:no-repeat;
	display: block;
}
.m2retsu li a > span,
.m2retsu li b > span {
	position:relative;
	height:0;
	padding-top:68.493%;
	/**/
	overflow:hidden;
}
.m2retsu li.mbreci a > span,
.m2retsu li.mbreci b > span,
.m2retsu li.mblog a > span,
.m2retsu li.minter a > span,
.m2retsu li.mgallery a > span {
	background-size:100% 100%;
}

.m2retsu li a > span img,
.m2retsu li b > span img {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.m2retsu li:nth-child(odd) a,
div.menu-under li.mprvrb b {
	margin-right:3px;
}
.m2retsu li:nth-child(even) a,
.m2retsu li.mbreci b{
	margin-left:3px;
}

/*under 1retsu*/

ul.m1retsu li {
	margin-bottom:6px;
	padding: 0px 30px 0px;
}

ul.m1retsu .mpre a span {
	background-image:url(../img/top_present_btn.jpg);
	position:relative;
	height:0;
	padding-top:33.333333%;
	background-size:cover;
	/**/
	/*border-radius:6px;*/
	overflow:hidden;
	display: block;
}

ul.m1retsu .mqanda a span {
	position:relative;
	height:0;
	padding-top:72%;
	background-size:cover;
	/**/
	/*border-radius:6px;*/
	overflow:hidden;
	display: block;
}

ul.m1retsu .mrepo a span {
	background-image:url(../img/top_report_btn.png);
	position:relative;
	height:0;
	padding-top:33.333333%;
	background-size:cover;
	/**/
	/*border-radius:6px;*/
	overflow:hidden;
	display: block;
}


ul.tandoku .free a span,
ul.tandoku .free span  {
	background-image:url(../img/top_free_btn_toji.jpg);
	width: 300px;
	height: 100px;
	margin: 0 auto 20px;
	display: block;
}

ul.tandoku .ondemand a span {
	background-image:url(../img/ondemand_btn.png);
	width: 300px;
	height: 100px;
	margin: 0 auto 20px;
	display: block;
}

ul.m1retsu li a span img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

ul.m1retsu .mrepo a > span > b {
    position: absolute;
    color: #e72830;
    right: 19px;
    bottom: 18px;
    font-weight: normal;
}

}







/*	SNS AREA（エリア）
============================== */


@media all and (max-width: 767px) {
.sns-under{
	border-bottom:2px dashed #ebd3c0;
	background-color:#fef8f0;
	padding: 17px 0 0px;
	margin-bottom: 20px;
}
}


/*	Instagram
============================== */
div.insta {height:362px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}
div.insta ul{margin:11px 0 0 10px;}
div.insta ul li {float:left; margin:8px 8px 0 0;}
div.insta ul li a, div.insta ul li a img {
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	width:88px;
	height:88px;
}
div.insta ul li a {background-size:cover;}
div.insta ul li a:hover img {background-color:hsla(216,82%,13%,0.25);}
div.insta ul li a img {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #ccc;
}
div.insta ul li a img.icon-video {background-image:url(/um/img/play.png);}

@media all and (min-width: 768px) {
#insta_box{
	width: 300px;
	height:362px;
	background: url(../img/sns_area_c.jpg) -10px -10px no-repeat;
	margin: 0 auto 20px;
	overflow:hidden;
	position:absolute;
	left: 0px;
	top: 350px;
}
#insta_box h3{
	width: 300px;
	height: 45px;
	margin:0px auto 0;
}
#insta_box h3 a{
	width: 300px;
	height: 45px;
	display: block;
}
}
@media all and (max-width: 767px) {
#insta_box{
	width: 300px;
	height:362px;
	background: url(../img/sns_area_c.jpg) -10px -10px no-repeat;
	margin: 0 auto 20px;
	overflow:hidden;
}
#insta_box h3{
	width: 300px;
	height: 36px;
	margin:12px auto 0;
}
#insta_box h3 a{
	width: 300px;
	height: 36px;
	display: block;
}
}

/*	Twitter_box
============================== */
@media all and (min-width: 768px) {
#twitter_box{
	width: 300px;
	height: 362px;
	background: url(../img/sns_area_c.jpg) -10px -380px no-repeat;
	overflow:hidden;
	position:absolute;
	left: 312px;
	top: 350px;
}
#twitter_box h3{
	width: 300px;
	height: 45px;
	margin:0px auto 10px; 
}
#twitter_box h3 a{
	width: 300px;
	height: 45px;
	display: block;
}
#twitter_box_in{
	width: 280px;
	margin: 0 auto;
}
#twitter_box_in iframe{
	height: 290px;
}

}

@media all and (max-width: 767px) {
#twitter_box{
	width: 300px;
	background: url(../img/sns_area_c.jpg) -10px -380px no-repeat;
	padding-bottom: 6px;
	margin: 0 auto 20px;
	overflow:hidden;
}
#twitter_box h3{
	width: 270px;
	height: 42px;
	margin:12px auto 10px; 
}
#twitter_box h3 a{
	width: 300px;
	height: 45px;
	display: block;
}
#twitter_box_in{
	width: 280px;
	margin: 0 auto;
}

}

/*	Lime_box
============================== */
@media all and (min-width: 768px) {
#line_box{
	width: 300px;
	height: 100px;
	background: url(../img/sns_area_c.jpg) -10px -755px no-repeat;
	overflow:hidden;
	position:absolute;
	left: 624px;
	top: 350px;
}
#line_box h3{
	width: 300px;
	height: 100px;
	/*margin:12px auto 10px;
	padding:15px 0 0; */
}
#line_box h3 a{
	display: block;
	width: 300px;
	height: 100px;
}
}

@media all and (max-width: 767px) {
#line_box{
	width: 300px;
	height: 100px;
	background: url(../img/sns_area_c.jpg) -10px -755px no-repeat;
	margin: 0 auto 20px;
	overflow:hidden;
}
#line_box h3{
	width: 270px;
	height: 100px;
	margin:12px auto 10px;
	padding:15px 0 0; 
}
#line_box h3 a{
	display: block;
	width: 300px;
	height: 100px;
}

}


/*	sns_area
============================== */
@media all and (min-width: 768px) {
}

@media all and (max-width: 767px) {
#sns_area {
	width: 100%;
	margin: 25px auto 0px;
	padding-bottom: 30px;
}
#sns_area #tw {
	float: left;
	margin-left: 70px;
}
#sns_area #fb {
	float: right;
	margin-right: 70px;
	height: 30px;
}
}

/*	recta
============================== */
@media all and (min-width: 768px) {
.recta{
	width: 300px;
	height: 250px;
	background: #666;
	position:absolute;
	left: 624px;
	top: 236px;
}
}
@media all and (max-width: 767px) {
.recta{
	width: 300px;
	height: 250px;
	background: #666;
	margin: 0 auto 30px;
}
}


/*	rinji_saishu
============================== */
@media all and (min-width: 768px) {
.rinji_saishu_bg{
	width: 100%;
	height: 142px;
    background-image: url(../img/white_bg.jpg);
}
.rinji_saishu{ 
	width: 926px;
	height: 142px;
	background-image: url(../img/rinji_saishu.jpg?0621_2);
	background-repeat: no-repeat;
	margin: 0 auto 0px;
	background-repeat:no-repeat;
	text-indent:100%; white-space:nowrap; overflow:hidden;		
}
}
@media all and (max-width: 767px) {
.rinji_saishu{
	padding: 10px 10px 0px;
	text-indent:100%; white-space:nowrap; overflow:hidden;			
}
.rinji_saishu{ 
    position: relative;
    height: 0;
    padding-top: 15.3347%;
}
.rinji_saishu span{
	background-image: url(../img/rinji_saishu.jpg?0621_2);
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
}

/*	copyright
============================== */
@media all and (min-width: 768px) {
.copy_area{
	position: relative;
}	
p.copyright{
	text-align: left;
	position: absolute;
	left: 33px;
	top: -59px;
}
}