@charset "utf-8";


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

/* PC & TAB TOP-PAGE
============================================================ */

.wrap	{width:100%; clear:both; }
.box	{margin-left:auto; margin-right:auto; width:1050px; text-align:left; clear:both;position:relative;}

/* Full Img Section
------------------------------------------------ */

*, *:after, *:before		{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.topPage #fullArea1			{background:url(../img/full_img02.jpg);background-size:cover;background-position:center center;background-attachment:fixed;min-width:1050px;}
.topPage #fullArea2			{background:url(../img/full_img03.jpg);background-size: cover;background-position: center center;background-attachment: fixed;}
.topPage #fullArea3			{background:url(../img/full_img04.jpg);background-size: cover;background-position: center center;background-attachment: fixed;}
.topPage #fullArea4			{background:url(../img/full_img05.jpg);background-size: cover;background-position: center center;background-attachment: fixed;}

.topPage .hero, .content	{text-align: center;position: relative;width: 100%;}
.topPage .fullInner			{padding:500px 0 0 0;position: relative;}
.topPage .copy				{position: absolute;top: 50%;height: 10em;margin-top: -5em;width: 100%;}
.topPage .fullContent		{background:#fff;}

/* MAIN SLIDER
----------------------------------------------- */
.topPage .visualArea					{max-height:500px;min-width:1050px;margin-top:50px;padding:0;background-size:cover;position:relative;z-index:9999;}
.topPage .sliderArea					{position: relative;list-style: none;overflow: hidden;width: 100%; padding: 0; margin: 0;max-height:500px;}
.topPage .sliderArea li					{-webkit-backface-visibility: hidden; position: absolute;display: none; width: 100%; left: 0; top: 0;}
.topPage .sliderArea li:first-child 	{position: relative;display: block;float: left;}
.topPage .sliderArea img				{display: block;float: left;width: 100%;border: 0;margin-top:-10%;}

/* CONTENTS AREA
----------------------------------------------- */
.topPage .bg01				{background:url(../img/bg_01.gif) no-repeat center bottom;}
.topPage .bg01 h2			{width:110px!important;margin:0!important;}
.topPage .bg01 h2 img		{width:110px!important;}
.topPage .bg01 h2.whatHead	{text-align:left;width:100%;}
.topPage .bg02				{background:url(../img/bg_02.gif) no-repeat center bottom;}
.topPage .bg03				{background:url(../img/bg_03.gif) no-repeat center bottom;}
.topPage .bg04				{background:url(../img/bg_04.gif) no-repeat center bottom;}
.topPage .bg05				{background:url(../img/bg_05.gif) no-repeat center bottom;}
.topPage .bg05				{background:url(../img/bg_05.gif) no-repeat center bottom;}
.topPage .bg06 {
  background: url(../img/bg_06.png) no-repeat center center
}
.topPage .bg07 {
  background: url(../img/bg_07.png) no-repeat center bottom;
}

.topPage .contentsInner							{padding:100px 0;}
.topPage .contentsInner h2						{margin:0 auto;width:17%;}
.topPage .contentsInner h2 img					{width:100%;}
.topPage .contentsInner h2.whatHead				{text-align:center;width:100%;}
.topPage .contentsInner h2.whatHead	 img		{width:auto;}
.topPage .contentsInner .left					{float:left;width:485px;}
.topPage .contentsInner .left h2				{text-align:left;}
.topPage .contentsInner .left p					{margin-top:20px;line-height:1.9;font-size:12px;/*letter-spacing:0.07em;*/font-family:"メイリオ", Meiryo, Osaka, sans-serif;}
.topPage .contentsInner .right					{float:right;width:535px;}
.topPage .contentsInner .moreBtn				{text-align:center;margin-top:110px;}
.topPage .contentsInner .moreBtn a:hover img	{filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

.topPage .intBox01					{margin-top:50px;}
.topPage .intBox01 a:hover img		{filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.topPage .intBox01 .left			{float:left!important;width:515px!important;}
.topPage .intBox01 .right			{float:right!important;width:515px!important;}
.topPage .intBox01 .right div		{float:left;margin-left:25px;line-height:0;}
.topPage .intBox01 .right .videoSize{width:515px!important;height:510px!important;position:absolute;margin:0;background:#000;}	

.topPage .intBox02						{margin-top:20px;}
.topPage .intBox02 a:hover img			{filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.topPage .intBox02 .left				{float:left!important;width:515px!important;}
.topPage .intBox02 .left div			{float:left;margin-left:20px;line-height:0;}
.topPage .intBox02 .left div.fst		{margin-left:0;}
.topPage .intBox02 .left div.fst img	{width:245px;height:245px;}
.topPage .intBox02 .left div.fbArea		{margin-top:17px;}
/*.topPage .intBox02 .left .videoSize		{width:245px!important;height:245px!important;position:absolute;margin:0;background:#000;}*/	

.topPage .intBox02 .right				{float:right!important;width:515px!important;}

.topPage .intBox03							{margin-top:20px;}
.topPage .intBox03 a:hover img				{filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.topPage .intBox03 .left					{float:left!important;width:515px!important;}
.topPage .intBox03 .right					{float:right!important;width:515px!important;}
.topPage .intBox03 .right 					{line-height:0;}
.topPage .intBox03 .right .inLeft			{float:left;width:245px!important;}
.topPage .intBox03 .right .inRight			{float:right;}
.topPage .intBox03 .right .spBnr			{display:none;}
.topPage .intBox03 .right .intOther			{width:245px;position:relative;}
.topPage .intBox03 .right .intOther .other	{position:absolute;}
.topPage .intBox03 .right .intOther .name	{width:70%;position:absolute;bottom:-230px;right:15px;}
.topPage .intBox03 .right .intOther img		{width:245px;}

.topPage .camBox					{margin-top:30px;padding:35px 30px;background:url(../img/campaign_bg.jpg) no-repeat;height:553px;position: relative;}
.topPage .camBox .spHead			{display:none;}
.topPage .camBox h3					{
	width: 546px;
	height: 86px
}
.topPage .camBox p					{margin-top:20px;}
.topPage .camBox p.txt				{margin-top:15px;}
.topPage .camBox ul					{letter-spacing: -.40em;margin-top:15px;}
.topPage .camBox li					{display:inline-block;letter-spacing: normal;*display:inline;*zoom:1;}
.topPage .camBox li a:hover img		{filter: alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.topPage .camBox .spBnr				{display:none;}
.topPage .camBox .thx				{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}
.topPage .camBox .thx img			{
	max-width: 100%;
	height: auto;
}
.topPage .notesBox					{border:solid 3px #1AB9BD;padding:30px;margin-top:30px;}
.topPage .notesBox h3				{color:#1AB9BD;font-size:16xpx;font-weight:bold;}
.topPage .notesBox ul				{margin:20px 0;}
.topPage .notesBox li				{background:url(../img/chip.gif) no-repeat 0px 6px;font-size:12px;padding:0 0 5px 13px;line-height:1.5;}
.topPage .notesBox p				{margin:15px 0 20px 0;font-size:12px;line-height:1.5;}
.topPage .notesBox .outSize			{margin-bottom:15px;font-size:22px;color:#fa687b;font-weight:bold;}

.topPage .arcBox					{border-top:solid 1px #21a5db;margin-top:30px;padding-top:40px;}
.topPage .arcBox h3					{text-align:center;}
.topPage .arcBox .spHead			{display:none;}
.topPage .arcBox p					{line-height:0!important;}
.topPage .arcBox .left				{width:495px!important;float:left!important;}
.topPage .arcBox .right				{width:495px!important;float:right!important;}
.topPage .arcBox li					{float:left;cursor:pointer;}

.topPage .arcBox .viewer1			{margin-top:30px;}
.topPage .viewer1					{margin: 0 auto;width:495px;}
.topPage .viewer1 div				{width:495px;height:495px;overflow: hidden;position: relative;}
.topPage .viewer1 div img			{top: 0;left: 0;position: absolute;}
.topPage .viewer1 ul				{width:495px;margin-top:25px;display: inline-block;overflow: hidden;}
.topPage .viewer1 .active 			{filter:alpha(opacity=100)!important;-moz-opacity: 1!important;opacity: 1!important;}
.topPage .viewer1 ul:after			{content: ".";height: 0;clear: both;display: block;visibility: hidden;}
.topPage .viewer1 ul li				{width: 100px;float: left;display: inline;margin-left:30px;}
.topPage .viewer1 ul li:first-child	{margin-left:0;}

.topPage .arcBox .viewer2			{margin-top:30px;}
.topPage .viewer2					{margin: 0 auto;width:495px;}
.topPage .viewer2 div				{width:495px;height:495px;overflow: hidden;position: relative;}
.topPage .viewer2 div img			{top: 0;left: 0;position: absolute;}
.topPage .viewer2 ul				{width:495px;margin-top:25px;display: inline-block;overflow: hidden;}
.topPage .viewer2 .active 			{filter:alpha(opacity=100)!important;-moz-opacity: 1!important;opacity: 1!important;}
.topPage .viewer2 ul:after			{content: ".";height: 0;clear: both;display: block;visibility: hidden;}
.topPage .viewer2 ul li				{width: 100px;float: left;display: inline;margin-left:30px;}
.topPage .viewer2 ul li:first-child	{margin-left:0;}

.topPage .whatBox					{border-top:solid 1px #21a5db;margin-top:50px;padding-top:60px;}
.topPage .whatBox p					{font-family:"メイリオ", Meiryo, Osaka, sans-serif;font-size:12px!important;line-height:3;text-align:center;}
.topPage .bg05 .moreBtn				{margin-top:80px!important;}

.sigthseeing_ht {
  border-bottom: solid 1px #2094D3;
  padding-top: 10px;
  padding-bottom: 65px;
}

.comHead			{width:29%!important;}

}
/* PC & TAB END */





@media screen and (max-width: 767px) {

/* SMART PHONE TOP-PAGE
============================================================ */

.wrap	{width:100%; clear:both; }
.box	{margin-left:auto; margin-right:auto; width:100%; text-align:left; clear:both;position:relative;}
.wrapSP	{padding:0 10px;}

/* Full Img Section
------------------------------------------------ */
*, *:after, *:before			{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.topPage #fullArea1				{display:none;}
.topPage #fullArea2				{background:url(../img/full_img02.jpg);background-size: cover;background-position: center center;margin-top:7%;}
.topPage #fullArea3				{background:url(../img/full_img03.jpg);background-size: cover;background-position: center center;margin-top:7%;}
.topPage #fullArea4				{background:url(../img/sp_footer_bg.gif);background-size: cover;background-position: top center;margin-top:-21%;}
.topPage #fullArea4 .fullInner	{padding:35% 0 0 0;position: relative;}
.topPage .hero, .content		{text-align: center;position: relative;width: 100%;}
.topPage .fullInner				{padding:200px 0 0 0;position: relative;}
.topPage .copy					{position: absolute;top: 50%;height: 10em;margin-top: -5em;width: 100%;}
.topPage .fullContent			{background:#fff;}


/* MAIN SLIDER
----------------------------------------------- */
.topPage .visualArea					{max-height:495px;width:100%;margin-top:30%;padding:0;background-size:cover;}
.topPage .sliderArea					{position: relative;list-style: none;/*overflow: hidden;*/width: 100%; padding: 0; margin: 0;/*max-height:200px;*/}
.topPage .sliderArea li					{-webkit-backface-visibility: hidden; position: absolute;display: none; width: 100%; left: 0; top: 0;}
.topPage .sliderArea li:first-child 	{position: relative;display: block;float: left;}
.topPage .sliderArea img				{display: block;float: left;width: 100%;border: 0;margin-top:-25%;}

/* CONTENTS AREA
----------------------------------------------- */
.topPage .bg01      	{padding:0 10px;}
.topPage .bg01 .left	{width:100%!important;float:none!important;}
.topPage .bg01 .left h2	{display:none;}
.topPage .bg01 .left p	{margin-top:3%!important;}
.topPage .bg01 .right	{display:none;}
.topPage .displayNone	{display: none;}
.topPage .accordion		{/*margin:3% 0 4% 0;padding:3%;border: 1px solid #ccc;*/}
.topPage .switch		{display:none;}
.topPage .open			{display:block;margin:-1% 0 4% 0;font-size:18px;font-weight:bold;text-align:right;}
.topPage .close			{display:block;font-size:18px;font-weight:bold;text-align:right;}

.topPage .bg02			{background:url(../img/bg_02.gif) no-repeat center bottom;margin-top:7%;}
.topPage .bg03			{margin-top:7%;}
.topPage .bg04			{margin-top:7%;}
.topPage .bg05			{display:none;}

.topPage .contentsInner						{padding:3px 0;}
.topPage .contentsInner h2					{margin:0 auto;width:55%;}
.topPage .contentsInner h2 img				{width:100%;}
.topPage .contentsInner .left				{float:left;width:485px;}
.topPage .contentsInner .left h2			{text-align:left;}
.topPage .contentsInner .left p				{margin-top:20px;line-height:1.9;font-size:12px;/*letter-spacing:0.07em;*/font-family:"メイリオ", Meiryo, Osaka, sans-serif;}
.topPage .contentsInner .right				{float:right;width:535px;}
.topPage .contentsInner .moreBtn			{text-align:center;margin-top:30px;width:100%;}
.topPage .contentsInner .moreBtn  img		{width:100%;}

.topPage .intBox01							{margin-top:25px;}
.topPage .intBox01 .left					{float:none!important;width:100%!important;margin-top:4%;}
.topPage .intBox01 .left img				{width:100%;vertical-align:top;}
.topPage .intBox01 .right					{float:none!important;width:100%!important;position:relative;text-align:center;letter-spacing:-.40em;background:#000;margin-top:4%;padding:50px 0;}
.topPage .intBox01 .right img				{width:100%;vertical-align:top;}
.topPage .intBox01 .right div				{display:inline-block;line-height:0;width:47.77%;letter-spacing:normal;}
.topPage .intBox01 .right div.fst			{margin-left:0;float:left;margin-top:3%;}
.topPage .intBox01 .right div.fst img		{width:100%;}

.topPage .intBox01 .right .videoSize		{width:100%!important;height:100%!important;position:relative;margin:0 0 -3px 0;background:#000;}	

/* iframe res */
.topPage .intBox01 .right div.vineArea			{margin-left:4.44%;position: relative;padding-bottom: 41.25%;padding-top:6.77%;height: 0;overflow: hidden;margin-top: 3%;}
.topPage .intBox01 .right div.vineArea iframe	{position: absolute;top:0;left:0;width: 100%;height: 100%;}

.topPage .intBox01 .right div.fbArea		{margin:2% auto 0 auto;width:100%;}
.topPage .intBox01 .right div.fbArea img	{width:100%;}

.topPage .intBox02							{margin-top:4%;}
.topPage .intBox02 .left					{float:none!important;width:100%!important;margin:0 auto;letter-spacing:-.40em;}
.topPage .intBox02 .left div				{display:inline-block;margin-left:4.44%;margin-top:4%;line-height:0;width:47.77%;}
.topPage .intBox02 .left div img			{width:100%;vertical-align:top;}
.topPage .intBox02 .left div.fst			{margin-left:0;margin-top:3.77%!important;}
.topPage .intBox02 .left div.fbArea			{margin-top:17px;}

.topPage .intBox02 .left div.vineRes		{position: relative;padding-bottom: 41.25%;padding-top:6.77%;height: 0;overflow: hidden;margin-top:0%;float:left;}
.topPage .intBox02 .left div.vineRes iframe	{position: absolute;top:0;left:0;width: 100%;height: 100%;}
.topPage .intBox02 .left span				{clear:both;position:relative;}
.topPage .intBox02 .left .spClass			{position:absolute;left:0;}
.topPage .intBox02 .left div.vineArea		{margin-left:4.44%;position: relative;padding-bottom:0%;padding-top:0%;height:100%;margin-top:3%!important;right:-47.77%;}
.topPage .intBox02 .left div.vineArea iframe{position: absolute;top:0;left:0;width: 100%;height: 100%;}
/*.topPage .intBox02 .left .videoSize			{width:100%!important;height:100%!important;position:absolute;top:0;margin:0;background:#000;}	*/

.topPage .intBox02 .right					{float:none!important;width:100%!important;margin:0 auto;}
.topPage .intBox02 .right img				{width:100%;vertical-align:top;}

.topPage .intBox03							{margin-top:4%;}
.topPage .intBox03 .left					{float:none!important;width:100%!important;0 auto;}
.topPage .intBox03 .left img				{width:100%;vertical-align:top;}

.topPage .intBox03 .right								{float:none!important;width:100%!important;line-height:0;margin-top:3%;}
.topPage .intBox03 .right img							{width:100%;}
.topPage .intBox03 .right .inLeft						{width:100%!important;letter-spacing:-.40em;position:relative;}
.topPage .intBox03 .right .inLeft div					{display:inline-block;width:47.77%;margin-left:4.44%;}
.topPage .intBox03 .right .inLeft .mt20					{margin-top:0!important;}
.topPage .intBox03 .right .inLeft div img				{width:100%;vertical-align:top;}
.topPage .intBox03 .right .inLeft div.spBox				{margin-left:0;position:absolute;}
.topPage .intBox03 .right .inLeft div.vineArea			{position: relative;padding-bottom: 41.25%;padding-top:6.77%;height: 0;overflow: hidden;/*margin-top: 3%!*/important;right:-47.77%;}
.topPage .intBox03 .right .inLeft div.vineArea iframe	{position: absolute;top:0;left:0;width: 100%;height: 100%;}


.topPage .intBox03 .right .inRight			{float:none;}
.topPage .intBox03 .right .inRight .twArea	{width:100%;margin-top:3%;}
.topPage .intBox03 .right .inRight .pcBnr	{display:none;}
.topPage .intBox03 .right .intOther			{width:100%;}
.topPage .intBox03 .right .intOther .other	{display:none;}
.topPage .intBox03 .right .intOther .name	{display:none;}
.topPage .intBox03 .right .intOther img		{width:100%;}

.topPage .intBox03 .right .spUnit span				{display:inline-block;width:47.77%;margin-left:4.44%;}
.topPage .intBox03 .right .spUnit span:first-child	{margin-left:0;}

.topPage .camBox					{margin-top:7%;/*padding:45px 30px;*/position: relative;}
.topPage .camBox h3					{text-align:center;}
.topPage .camBox h3 img				{display:inline-block;width:100%;}
.topPage .camBox .pcHead			{display:none;}
.topPage .camBox p					{margin-top:0;width:100%;}
.topPage .camBox p img				{width:100%;}
.topPage .camBox ul					{letter-spacing: -.40em;margin-top:-7px;}
.topPage .camBox li					{display:inline-block;letter-spacing: normal;*display:inline;*zoom:1;width:50%;}
.topPage .camBox li	img				{width:100%;vertical-align:top;}
.topPage .camBox .pcBnr				{display:none;}
.topPage .camBox .thx				{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}
.topPage .camBox .thx img			{
	max-width: 100%;
	height: auto;
}
.topPage .notesBox					{border:solid 3px #1AB9BD;padding:20px;margin-top:5%;}
.topPage .notesBox h3				{color:#1AB9BD;font-size:16xpx;font-weight:bold;}
.topPage .notesBox ul				{margin:20px 0;}
.topPage .notesBox li				{background:url(../img/chip.gif) no-repeat 0px 6px;font-size:12px;padding:0 0 5px 13px;line-height:1.5;}
.topPage .notesBox p				{margin:15px 0 20px 0;font-size:12px;line-height:1.5;}
.topPage .notesBox .mb0				{margin-bottom:0;}
.topPage .notesBox .outSize			{margin-bottom:2%;font-size:17px;color:#fa687b;font-weight:bold;}

.topPage .arcBox					{border-top:solid 1px #21a5db;margin-top:5%;}
.topPage .arcBox h3					{width:35%;margin:0 auto;}
.topPage .arcBox h3	img				{width:100%;}
.topPage .arcBox .pcHead			{display:none;}
.topPage .arcBox p					{line-height:0!important;}
.topPage .arcBox .left				{width:100%;float:none!important;}
.topPage .arcBox .right				{width:100%!important;float:none!important;}
.topPage .arcBox li					{float:left;cursor:pointer;}

.topPage .arcBox .viewer1				{margin-top:7%;}
.topPage .viewer1						{width:100%;}
.topPage .viewer1 div img				{width:100%;vertical-align:top;display:none;}
.topPage .viewer1 div img:first-child	{display:block;}
.topPage .viewer1 ul					{display:none;}

.topPage .arcBox .viewer2				{margin-top:7%;}
.topPage .viewer2						{width:100%;}
.topPage .viewer2 div img				{width:100%;vertical-align:top;display:none;}
.topPage .viewer2 div img:first-child	{display:block;}
.topPage .viewer2 ul					{display:none;}
.topPage .arcBox .vineWrap				{position: relative;padding-bottom:78%;padding-top:78px;height: 0;overflow: hidden;margin-top: 20px;margin-bottom: 20px;}
.topPage .arcBox .vineWrap iframe		{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.topPage .bg04 .moreBtn		{position:relative;z-index:999;top:1%;}
.topPage .links .contentsInner h2 {
  text-align: center;
  padding: 5.25% 0 0;
}
.topPage .links .contentsInner h2 img {
  width: auto;
}
  
.topPage .contentsInner .sigthseeing_ht {
  border-bottom: solid 1px #2094D3;
  padding-top: 7.25%;
  max-width: 500px;
  width: 80%;
}
.topPage .contentsInner .sigthseeing_ht + .moreBtn {
  position: relative;
  z-index: 1;
}
.comHead			{width:70%!important;}


}
/* TOP SMART PHONE END */


/* under the Sakai class */
@media screen and (min-width: 480px) and (max-width: 767px) {

.topPage .intBox02 .left div				{margin-top:2%;}
.topPage .intBox02 .left div.fst			{margin-left:0;margin-top:2.22%!important;}
.topPage .intBox02 .left div.vineArea		{margin-left:4.44%;position: relative;padding-bottom:0%;padding-top:0%;height:100%;margin-top:2.22%!important;right:-47.77%;}
.topPage .notesBox li						{background:url(../img/chip.gif) no-repeat 0px 10px;font-size:12px;padding:0 0 5px 13px;line-height:1.5;}
.topPage .notesBox .outSize					{margin-bottom:3%;font-size:22px;color:#fa687b;font-weight:bold;}
.topPage .intBox01 .right .videoSize		{width:100%!important;height:400px!important;position:relative;margin:0 0 -3px 0;background:#000;}	

}





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

/* PC & TAB  SUB-PAGE
============================================================ */

.subPage .visualArea				{margin-top:50px;position:relative;}
.subPage .contentsInner				{padding:0 0 100px 0;}


/* ARCHIVE AREA */
.archive .visualArea h2				{background:url(../img/visual_arc.jpg) no-repeat center;height:160px;text-indent:-9999px;}
.archive .subBg						{background:url(../img/sub_bg_01.gif) no-repeat center bottom;}
.archive .arcArea li				{float:left;line-height:0;margin:45px 0 0 45px;width:320px;height:320px;}
.archive .arcArea li img			{border:solid 1px #e1e1e1;padding:8px;width:100%;}
.archive .arcArea li iframe			{border:solid 1px #e1e1e1;padding:8px;width:100%;}
.archive .arcArea li.fst			{margin-left:0;}
.archive .arcArea li a:hover img	{filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}



/* INTERVIEW AREA */
.interview .wrap .box				{width:970px;}
.interview .contentsInner			{padding:100px 0 100px 0;}
.interview .visualArea h2			{background:url(../img/visual_int.jpg) no-repeat center;height:160px;text-indent:-9999px;}
.interview .subBg					{background:url(../img/sub_bg_02.gif) no-repeat center bottom;max-width:1920px;overflow:hidden;}
.interview .supTxt					{margin-bottom:20px;text-align:center;font-size:13px;color:#666;font-family:"メイリオ", Meiryo, Osaka,sans-serif;letter-spacing:0.05em;}

.interview .slider					{width:10000px!important;}
.interview #bx-pager				{text-align: center;border-bottom:solid 1px #2baeda;padding-bottom:15px;}
.interview #bx-pager li				{float:left;margin-left:15px;width:108px;height:139px;}
.interview #bx-pager li:first-child	{margin-left:0;}
.interview #bx-pager li span		{display:block;text-indent:-9999px;}

.interview #bx-pager .intNav01 a span			{background:url(../img/int_nav01.jpg) no-repeat;padding:0 120px 140px 0;}
.interview #bx-pager .intNav02 a span			{background:url(../img/int_nav02.jpg) no-repeat;padding:0 120px 140px 0;}
.interview #bx-pager .intNav03 a span			{background:url(../img/int_nav03.jpg) no-repeat;padding:0 120px 140px 0;}
.interview #bx-pager .intNav04 a span			{background:url(../img/int_nav04.jpg) no-repeat;padding:0 120px 140px 0;}
.interview #bx-pager .intNav05  span			{background:url(../img/int_nav05.jpg) no-repeat;padding:0 120px 140px 0;}
.interview #bx-pager .intNav06  span			{background:url(../img/int_nav06.jpg) no-repeat;padding:0 120px 140px 0;}
.interview #bx-pager .intNav07  span			{background:url(../img/int_nav07.jpg) no-repeat;padding:0 120px 140px 0;}
.interview #bx-pager .intNav08  span			{background:url(../img/int_nav08.jpg) no-repeat;padding:0 120px 140px 0;}

.interview #bx-pager .intNav01 a:hover span,
.interview #bx-pager .intNav01 a.active span 	{background:url(../img/int_nav01_on.jpg) no-repeat;width:123px;height:157px;color:#000;}
.interview #bx-pager .intNav02 a:hover span,
.interview #bx-pager .intNav02 a.active span	{background:url(../img/int_nav02_on.jpg) no-repeat;width:123px;height:157px;color:#000;}
.interview #bx-pager .intNav03 a:hover span,
.interview #bx-pager .intNav03 a.active span	{background:url(../img/int_nav03_on.jpg) no-repeat;width:123px;height:157px;color:#000;}
.interview #bx-pager .intNav04 a:hover span,
.interview #bx-pager .intNav04 a.active span	{background:url(../img/int_nav04_on.jpg) no-repeat;width:123px;height:157px;color:#000;}
.interview #bx-pager .intNav05 a:hover span,
.interview #bx-pager .intNav05 a.active span	{background:url(../img/int_nav05_on.jpg) no-repeat;width:123px;height:157px;color:#000;}
.interview #bx-pager .intNav06 a:hover span,
.interview #bx-pager .intNav06 a.active span	{background:url(../img/int_nav06_on.jpg) no-repeat;width:123px;height:157px;color:#000;}
.interview #bx-pager .intNav07 a:hover span,
.interview #bx-pager .intNav07 a.active span	{background:url(../img/int_nav07_on.jpg) no-repeat;width:123px;height:157px;color:#000;}
.interview #bx-pager .intNav08 a:hover span,
.interview #bx-pager .intNav08 a.active span	{background:url(../img/int_nav08_on.jpg) no-repeat;width:123px;height:157px;color:#000;}

.interview .bx-wrapper						{margin-top:50px;}
.interview .slider .intBox01				{width:1200px!important;}
.interview .bxslider .inVisual				{text-align:center;width:970px;}	
.interview .bxslider .inVisual .videoSize	{width:768px!important;height:500px!important;}	
.interview .bxslider .inBox					{width:970px;margin-top:40px;}	
.interview .bxslider .inBox	img				{float:left;}	
.interview .bxslider .inBox	dl				{float:right;width:525px;}	
.interview .bxslider .inBox	dt img			{float:none;}	
.interview .bxslider .inBox	dd				{border-top:solid 1px #ddd;margin-top:15px;padding-top:15px;font-size:11px;line-height:2;}	
.interview .bxslider .inBoxUnder 			{width:970px;border-top:solid 1px #35b7dc;margin-top:40px;padding-top:40px;}	
.interview .bxslider .inBoxUnder .left		{float:left;width:505px;font-size:12px;line-height:2.1;}	
.interview .bxslider .inBoxUnder .right		{float:right;width:420px;}	

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev							{left:0px;background:url(../img/int_prev.png) no-repeat;}
.bx-wrapper .bx-next							{right:5px;background:url(../img/int_next.png) no-repeat;}
.bx-wrapper .bx-prev:hover						{background:url(../img/int_prev_on.png) no-repeat;}
.bx-wrapper .bx-next:hover						{background:url(../img/int_next_on.png) no-repeat;}
.bx-wrapper .bx-controls-direction a			{position:absolute;top:37%;/*margin-top:-16px;*/outline:0;width:20px;height:41px;text-indent:-9999px;z-index:9000;/*display:none\9;*/}


.bx-wrapper .bx-controls-direction a.disabled	{display:none;}

.switch			{display:none;}
.close			{display:none;}

}
/* SUB PC & TAB END */





@media screen and (max-width: 767px) {

/* SMART PHONE TOP-PAGE
============================================================ */

.subPage .visualArea			{margin-top:7%;position:relative;}
.subPage .contentsInner			{padding:0 0 100px 0;}

.subPage #fullArea4				{background:url(../img/sp_footer_bg.gif);background-size: cover;background-position: top center;margin-top:-21%;}
.subPage #fullArea4 .fullInner	{padding:35% 0 0 0;position: relative;}


/* ARCHIVE AREA */
.archive .visualArea h2				{background:url(../img/visual_arc.jpg) no-repeat center;height:160px;text-indent:-9999px;}
.archive .subBg						{background:url(../img/sub_bg_01.gif) no-repeat center bottom;}
.archive .spList	 				{width:100%;margin:0 auto;}
.archive ul.arcArea 				{padding:0 10px;margin-top:4.44%;letter-spacing:-.40em;}
.archive .arcArea li				{display:inline-block;line-height:0;width:47.77%;margin:0 0 4.44% 4.44%;}
.archive .arcArea li:nth-child(2n+1){margin-left:0;}
.archive .arcArea li img			{border:solid 1px #e1e1e1;padding:3px;width:100%;vertical-align:bottom;}
.archive .arcArea li a:hover img	{filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

.archive li span		{display:block;position: relative;padding-bottom:72%;padding-top:30%;height: 0;overflow: hidden;vertical-align:top;}
.archive li span iframe	{position: absolute;top: 0%!important;left: 0;width: 100%;height: 100%;}

/* INTERVIEW AREA */
.interview .wrap .box				{width:100%;}
.interview .contentsInner			{padding:0px 0 0px 0;}
.interview .visualArea h2			{background:url(../img/visual_int.jpg) no-repeat center;height:160px;text-indent:-9999px;}
.interview .subBg					{width:100%;padding:0 10px;}
.interview .supTxt					{display:none;}

.bxslider							{width:100%!important;margin:0 auto;}
.interview .slider					{width:100%!important;}
.interview #bx-pager				{display:none;}

.interview .bx-wrapper						{margin-top:50px;}
.interview .slider .intBox01				{width:100%!important;margin-top:7%;}
.interview .bxslider .inVisual				{text-align:center;width:100%;}	
.interview .bxslider .inVisual img			{width:100%;}	
.interview .bxslider .inVisual .videoSize	{width:100%!important;height:250px!important;}	
.interview .bxslider .inBox					{width:95%;margin:35px auto 0 auto;}	
.interview .bxslider .inBox	img				{float:none;width:100%;}	
.interview .bxslider .inBox	dl				{float:none;width:100%;margin-top:3%;}	
.interview .bxslider .inBox	dt img			{float:none;width:120px;}	
.interview .bxslider .inBox	dd				{border-top:solid 1px #ddd;margin-top:10px;padding-top:10px;font-size:11px;line-height:2;word-break: break-all;}	
.interview .bxslider .inBoxUnder 			{width:100%;border-top:solid 1px #35b7dc;margin-top:3%;padding-top:3%;z-index:9999;}	
.interview .bxslider .inBoxUnder .left		{float:none;width:100%;font-size:12px;line-height:2.1;}	
.interview .bxslider .inBoxUnder .right		{display:none;}	

.interview .bxslider .intWrap		{padding:0 10px;}

.subPage .displayNone	{display: none;}
.subPage .accordion		{/*margin:3% 0 4% 0;padding:3%;border: 1px solid #ccc;*/}
.subPage .switch		{display:none;}
.subPage .open			{display:block;margin:-1% 0 4% 0;font-size:18px;font-weight:bold;text-align:right;position:relative;z-index:9999;}
.subPage .close			{font-size:18px;font-weight:bold;text-align:right;position:relative;z-index:9999;}




/* VIDEO JS STYLE */

#sp .video-js{
margin-left:0px;
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
vertical-align: middle;
font-weight: normal;
font-style: normal;
font-family: Arial, sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index:10;
}

#sp .video-js .vjs-tech	{
position:relative;
top:0;
left:0;
width:100%;
height:100%;
}

#sp .vjs-default-skin .vjs-big-play-button {
display:none!important;
left:11em;
top:7em;
font-size: 3em;
display: block;
z-index: 2;
/* position: absolute;*/
width:2.6em;
height: 2.6em;
text-align: center;
vertical-align: middle;
cursor: pointer;
opacity: 1;
/* Need a slightly gray bg so it can be seen on black backgrounds */
/* background-color-with-alpha */
background-color: #07141e;
background-color: rgba(7, 20, 30, 0.7);
border: 0.1em solid #3b4249;
/* border-radius */
-webkit-border-radius:2em;
-moz-border-radius:2em;
border-radius:2em;
/* box-shadow */
-webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
-moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
/* transition */
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

#sp .vjs-default-skin .vjs-big-play-button:before {
display:none;

content: "\e001";
font-family: VideoJS;
/* In order to center the play icon vertically we need to set the line height
to the same as the button height */
line-height: 2.4em;
text-shadow: 0.05em 0.05em 0.1em #000;
text-align: center /* Needed for IE8 */;
/*position: absolute;*/
left: 0;
width: 108%;
height: 100%;
}

}
/* SUB SMART PHONE END */




/* under the Sakai class */
@media screen and (min-width: 480px) and (max-width: 767px) {
.archive li span		{display:block;position: relative;padding-bottom:70%;padding-top:30%;height: 0;overflow: hidden;vertical-align:top;}
.archive li span iframe	{position: absolute;top: 0%!important;left: 0;width: 100%;height: 100%;}
}


.pager				{text-align:center;}
.pager li			{display:inline-block;line-height:normal;}
.pager li.selected	{color:#666;}








#ie-alert-overlay{width:100%;height:100%;background-image:url(../img/bg.png);position:fixed;top:0;left:0;z-index:999999}
* html #ie-alert-overlay{position:absolute}
#ie-alert-panel{width:600px;height:auto;top:200px;left:50%;position:fixed;z-index:1000001;margin:0 0 0 -300px;
_position:absolute;
_top:expression(200+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
.ie-p{font-size:15px;color:#565656;line-height:1.6em;text-align:left}
#ie-alert-panel a{text-decoration:none}
.ie-span{font-size:18px;color:#464646;display:block;font-weight:bold;line-height:1.6em;margin:0 0 15px 0;}
.ie-r-b-c,.ie-r-t-c,.ie-l-t-c,.ie-l-b-c{background:url(../img/iesprites.png) no-repeat}
.ie-l-t-c{width:47px;height:47px;background-position:-18px -9px;float:left}
.ie-l{height:100%;width:47px;float:left;clear:both;background:url(../img/left.png)}
.ie-l-b-c{width:47px;height:46px;background-position:-17px -66px;float:left;clear:both}
.ie-b{height:46px;width:506px;float:left;background:url(../img/bottom.png)}
.ie-r-t-c{width:47px;height:47px;background-position:-83px -10px;float:right;cursor:pointer}
.ie-r-t-c:hover{background-position:-143px -9px}
.ie-r{height:100%;width:47px;float:right;background:url(../img/right.png)}
.ie-c{width:506px;height:100%;background:#f6f6f6;float:left;}
.ie-r-b-c{width:47px;height:46px;background-position:-83px -65px;float:right}
.ie-t{height:47px;width:506px;float:left;background:url(../img/top.png)}
.ie-u{width:auto;height:43px;margin:30px auto 0 -66px;position:relative;left:50%}
.ie-u-l{width:14px;height:43px;background:url(../img/u-left.png);float:left}
.ie-u-c{width:auto;height:43px;background:url(../img/u-center.png);float:left;padding:11px 0 3px 0;cursor:pointer}
.ie-u-s{margin:5px 25px 5px 25px;color:#fff;font-size:14px;font-weight:bold;line-height:1.3em;}
.ie-u-r{width:14px;height:43px;background:url(../img/u-right.png);float:left}
#ie-alert-panel.ie6-style .ie-r-b-c{background:url(../img/6_r_b_c.png) no-repeat}
#ie-alert-panel.ie6-style .ie-r-t-c{background:url(../img/6_r_t_c.png) no-repeat}
#ie-alert-panel.ie6-style .ie-r-t-c:hover{background:url(../img/6_r_t_c_h.png) no-repeat}
#ie-alert-panel.ie6-style .ie-l-t-c{background:url(../img/6_l_t_c.png) no-repeat}
#ie-alert-panel.ie6-style .ie-l-b-c{background:url(../img/6_l_b_c.png) no-repeat}
#ie-alert-panel.ie6-style .ie-l{background:url(../img/6_left.png)}
#ie-alert-panel.ie6-style .ie-r{background:url(../img/6_right.png)}
#ie-alert-panel.ie6-style .ie-b{background:url(../img/6_bottom.png)}
#ie-alert-panel.ie6-style .ie-t{background:url(../img/6_top.png)}