body#xF130100{
	background:url(img/bg.jpg) repeat;	
/*	background:#000 url(img/bg.jpg) 0 215px no-repeat;
	※固定背景画像を使用する場合は、ヘッダー高さ height:215px; 分下げる
	※bodyID名はアップ年月日　*/
}
#notitle_mainBottom{ margin-top:0;}
.adFooterAdbanner{ display:none !important;}

/*　タイアップ
==========================================================================================*/

#cinema_sp {
	width:960px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 line-height:1.6;
	  color:#ddd;
	  padding-bottom:30px;
	  padding:0; margin:0;
	 
}
#cinema_sp:after{ clear:both; content:""; display:block;}
#sns{ width:260px; margin:0 auto;  padding-top:10px}

/* main-contents */
#special{ width:620px; float:left;}
.visual{ background:url(img/main-ph.jpg) no-repeat; width:630px; height:556px; position:relative; margin-bottom:20px;}
.visual a{ position:absolute; right:10px; bottom:0px;}
.visual a:hover{ opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}
div.main{ padding: 10px 0; margin:20px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 6px 2px;
box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 6px 2px;}
div.main p{ font-size:14px; line-height:1.8; padding-bottom:20px;}
div.main-left{ width:360px; float:left;}
div.main-left p{ line-height:1.8;}
div.main-right{ width:240px; float:right;}
div.main-right a{ color:#fff;}
div.main-right a:hover{ text-decoration:none; color:#ccc;
opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}
div.main-right h4{ padding-top:10px; font-weight:bold; font-size:16px; line-height:1.2; padding-bottom:5px;}
div.main-right p{ padding-bottom:0;}
div.main:after{ clear:both; content:""; display:block;}

div.interview{ padding:0px;  position:relative;}
div.interview h3{ margin-bottom:10px;}
div.interview:after{ display:block; clear:both; content:"";}
div.interview p{ padding:0px 0 15px; font-size:14px; line-height:1.8;}
div.interview p strong{ font-weight:bold; font-size:15px;}
.interview a{}
.interview a:hover{
opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */}
	
div.interview p.kirishima a{ background:url(img/ph-kirishima.jpg) no-repeat; height:90px; width:620px; color:#115fad; padding:170px 0 0 15px; text-indent:-0.5em; display:block; line-height:1.6;}	
div.interview p.robog{ width:250px; float:left;  height:258px; padding-right:15px; margin-top:0px;}
div.interview p.robog a{ display:block; height:80px; width:250px; padding:177px 0 0 15px; text-indent:-0.5em; color:#115fad; background:url(img/ph-robog.jpg) no-repeat;line-height:1.6}

div.interview p.saga{ width:350px; float:right;  margin-left:15px; padding-top:240px; margin-top:0px;background:url(img/ph-saga.jpg) no-repeat #fff;color:#00a273; font-size:12px !important;}
div.interview p.saga a{ display:block;  padding:5px 0 5px 15px; text-indent:-0.5em; color:#00a273; border-bottom:1px solid #eee;}
div.interview p.saga a strong{ font-size:12px; letter-spacing:0.8;}
div.interview p.saga span{ display:block; padding:5px 0 0px 15px;}

div.interview p.white{ width:240px; float:left;  height:258px; padding-right:15px; margin-top:0px;}
div.interview p.white a{ display:block; height:80px; width:225px; padding:185px 0 0 15px; text-indent:-0.5em; color:#00a273; background:url(img/ph-white.jpg) no-repeat #fff;line-height:1.6}


div.interview div.main-left{ width:350px; float:left;}
div.interview div.main-right{ width:240px; float:right;}
div.interview div.main-right img.ph{ width:240px;} 

.center{ text-align:center; padding:15px 0 0px;display:block;}
.center2{ text-align:center; padding:15px 0 50px; display:block;}
.center2 a:hover{
opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */}

#right{ position:relative;float:right; width:300px; margin-bottom:30px;}
.right_contents a:hover{ opacity:0.8;}{ }
.right_contents .infomation{ margin-top:20px; margin-bottom:20px;}
.right_contents .infomation a:hover img{ opacity:0.8;}
.right_contents .infomation a img{ margin-bottom:10px;}

.main-full{ width:100%; background:#000;}
.main-full-head{ height:66px;margin:0 auto; padding:0; width:960px;}
.main-full-head a{ float:right;}
.main-full-head a:hover{
opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */}
.main-full-contents{margin:0 auto; padding:0; width:960px; position:relative;}
.main-full-contents .logo{ position:absolute; top:0; left:-20px; z-index:9999; opacity:0.9;}

.main-full nav{ background:url(img/nav-bg.jpg) repeat-x; height:75px; width:100%;}
.main-full nav ul{ margin:0 auto; padding:0; width:960px; border-right:2px dotted #333; }
.main-full nav ul:after{ clear:both; content:""; display:block;}
.main-full nav ul li{ border-left:2px dotted #333; float:left; padding:0; margin:0; height:75px;}
.main-full nav ul li:hover{
opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */}

#loopslider {
	margin: 0 auto;
	width: 100%;
	height: 360px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

#loopslider ul {
	height: 360px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loopslider ul li {
	width: 3290px;
	height: 360px;
	float: left;
	display: inline;
	overflow: hidden;
}

#loopslider #loopleft {
	top: 0;
	left: 0;
	width: 20px;
	height: 100px;
	line-height: 100px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background: #555;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	z-index: 99;
}
#loopslider #loopright {
	top: 0;
	right: 0;
	width: 20px;
	height: 100px;
	line-height: 100px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background: #555;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	z-index: 99;
}

/* =======================================
	ClearFixElements
======================================= */
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#loopslider ul {
	display: inline-block;
	overflow: hidden;
}
#smartphoneSite1{display:none;}
#pc{ display: block; padding-bottom:20px;}

div.copyright{
	 text-align:left; font-size:11px; color:#ccc; padding:0 15px;}

/*
and (min-device-width : 320px) 
and (max-device-width : 568px) { 

and (min-width : 320px) 
and (max-width : 568px) { 

*/
@media only screen 
and (min-width : 320px) 
and (max-width : 568px) { 
#smartphoneSite1{display: block;}
#pc,#footerArea{ display:none;}

/* main-contents */
#special{ width:100%; float:none;}
.visual{ background:none; background-size:contain; width:100%; height:auto; min-height:300px;position:relative; margin-bottom:20px;}
.visual img{ width:100%;}
.visual a{ padding:0; position:static; text-align:center; width:100%;}
.visual a img{ width:80%; padding-top:5px; margin:0 30px; }
.visual a:hover{ opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}
div.main{ padding: 10px 0; margin:20px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 6px 2px; color:#ccc;
box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 6px 2px;}
div.main p{ font-size:14px; line-height:1.8; padding-bottom:20px;}
div.main-left{ width:100%; float:none;}
div.main-left p{ line-height:1.8; padding:0 20px;}
div.main-right{ width:250px; float:none; margin:15px auto;}
div.main-right a{ color:#ccc;}
div.main-right a:hover{ text-decoration:none; color:#ccc;
opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}
div.main-right h4{ padding-top:10px; font-weight:bold; font-size:16px; line-height:1.2; padding-bottom:5px;}
div.main-right p{ padding-bottom:0;}
div.main:after{ clear:both; content:""; display:block;}

div.interview{ padding:0px;  position:relative; width:100%;}
div.interview h3{ margin:0; padding:0;margin-bottom:10px; width:100%; overflow:hidden; padding-top:15px;}
div.interview h3 img{ width:100%;}
div.interview:after{ display:block; clear:both; content:"";}
div.interview p{ padding:0px 0 0px; font-size:14px; line-height:1.8;padding:0 20px; color:#ccc;}
div.interview p strong{ font-weight:bold; font-size:15px;}
.interview a{}
.interview a:hover{
opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */}
	
div.interview p.kirishima a{ background:url(img/ph-kirishima.jpg) no-repeat; height:90px; margin:10px auto;width:220px; color:#115fad; padding:170px 0 0 15px; text-indent:0; display:block; line-height:1.6;}	
div.interview p.robog{ width:220px; float:none;  height:258px; padding-right:15px; margin-top:0px;margin:10px auto;}
div.interview p.robog a{ display:block; height:80px; width:205px; padding:177px 0 0 15px; text-indent:0; color:#115fad; background:url(img/ph-robog.jpg) no-repeat;line-height:1.6}

div.interview p.saga{ width:220px; float:none;  margin:10px auto;padding-top:180px; padding-bottom:10px;background:url(img/ph-saga.jpg) no-repeat #fff;color:#00a273; background-size:contain; font-size:12px !important;}
div.interview p.saga a{ display:block;  padding:5px 0 5px 10px; text-indent:0; color:#00a273; border-bottom:1px solid #eee;}
div.interview p.saga a strong{ font-size:12px; letter-spacing:0.8;}
div.interview p.saga span{ display:block; padding:5px 0 0px 15px;}

div.interview p.white{ width:240px; float:none;  height:258px; padding-right:0px; margin:10px auto;  padding-bottom:15px; padding-left:0;}
div.interview p.white a{ display:block; height:80px; width:225px; padding:185px 0 0 15px; text-indent:0; color:#00a273; background:url(img/ph-white.jpg) no-repeat #fff; line-height:1.6}


div.interview div.main-left{ width:100%; float:none;}
div.interview div.main-right{ width:240px; float:none; margin:10px auto 0; }
div.interview div.main-right img.ph{ width:240px; line-height:1.4;} 
div.interview div.main-right a{ padding-bottom:15px; display:block; }
div.interview div.main-right a p{line-height:1.3;}


p.center2{ width:100%; padding-bottom:0;}
p.center2 a img{ width:100% !important;}

#right{ position:relative;float:none; width:300px; padding:0; margin:0 auto;}
.infomation{ padding-top:20px; margin-bottom:20px;}
.infomation a img{ margin-bottom:10px;}


.main-full{ width:100%; background:#000;}
.main-full-head{ height:auto;margin:0 auto; padding:0; width:100%; text-align:center;}
.main-full-head a{ float:none;}
.main-full-head a img{ width:90%;}
.main-full-head a:hover{
opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */}
.main-full-contents{margin:0 auto; padding:0; width:100%; position:relative;}
.main-full-contents .logo{ position: static; top:0; left:0px; z-index:9999; opacity:0.9; width:100%; text-align:center; padding:0; margin:0;}
.main-full-contents p{ font-size:13px; padding:15px; height:auto; color:#ccc;}

.main-full nav{ background:url(img/nav-bg.jpg) repeat; height:auto; width:100%;}
.main-full nav ul{ margin:0 auto; padding:0; width:auto; border-right:2px dotted #333; }
.main-full nav ul:after{ clear:both; content:""; display:block;}
.main-full nav ul li{ border-left:2px dotted #333; float:none; padding:0; margin:0; height:75px; border-bottom:1px solid #000;}
.main-full nav ul li img{ max-width:99%;}
.main-full nav ul li:hover{
opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */}
#loopslider2 {
	margin: 0 auto;
	width: 320px;
	height: 180px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

#loopslider2 ul {
	height: 180px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loopslider2 ul li {
	width: 1645px;
	height: 180px;
	float: left;
	display: inline;
	overflow: hidden;
}

#loopslider2 #loopleft {

}
#loopslider2 #loopright {
}

/* =======================================
	ClearFixElements
======================================= */
#loopslider2 ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#loopslider2 ul {
	display: inline-block;
	overflow: hidden;
}
}