/***************************************
	レイアウト用CSS
	
	＜共通カラーコード＞
	・オリゾンブルー：#6dacbd （109/172/189）
	・淡いブルー:#dbeaee
	・ロゴカラー：#2a3133 （42 / 49 / 51）
	・リンクボタンカラー（濃いオリゾンブルー）#36535b
	
***************************************/


/**
 * 　一部リセットを上書き
 **/
 



span{
	color:inherit;
	font-weight:inherit;
}

img{
	vertical-align:top;
}


/**
 * 共通仕様
 **/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400&display=swap');


body{
	font-family: 'Noto Sans JP', sans-serif;
	color:#555555;
	letter-spacing:0.1em;
	line-height:1.6;
	font-weight:400;
	overflow-x:hidden;
}


a:link , a:visited{
	color:#225599;
	transition:.3s;
	text-decoration: none
}

a:hover , a:active{
	color:#4499dd;
	transition:.3s;
	/*text-decoration:underline;*/
}

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


.sp-only , .smp-only{
	display:none;
}


.clear{
	clear:both;
}


/* ヘッダー */


	/* ハンバーガーメニュートリガー */
	
header .humburger-menu-trigger{
	position:fixed;
	right:6px;
	top:0;
	z-index:10002;
}

header .humburger-menu-trigger-icon{
	position: relative;
	width:42px;
	height:40px;
	margin-top:20px;
	transition:.3s;
}

header .humburger-menu-trigger-icon:hover{
	cursor:pointer;
	background:#eeeeee;
}

header .humburger-menu-trigger .opening{
	transition: all .4s;
}

header .humburger-menu-trigger .opening:hover{

}

header .humburger-menu-trigger-icon span{
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 12px;
	height: 2px;
	border-radius: 2px;
	background: #2a3133;
	width: 45%;
}


header .humburger-menu-trigger-icon span:nth-of-type(1) {
	top:35%;
}

header .humburger-menu-trigger-icon span:nth-of-type(2) {
	top:50%;
}

header .humburger-menu-trigger-icon span:nth-of-type(3) {
	top:65%;
}

header .humburger-menu-trigger .opening span:nth-of-type(1) {
	top:50%;
	transform: rotate(45deg);
	background:#2a3133;
}

header .humburger-menu-trigger .opening span:nth-of-type(2) {
	background-color: rgba(255, 255, 255, 0);
	display:none;
}

header .humburger-menu-trigger .opening span:nth-of-type(3) {
	top:50%;
	transform: rotate(-45deg);
	background:#2a3133;
}

header .humburger-menu-trigger:hover span:nth-of-type(1),
header .humburger-menu-trigger-icon:hover span:nth-of-type(2),
header .humburger-menu-trigger:hover span:nth-of-type(3){
	background: #6dacbd !important;
}

	/* ハンバーガーメニュー */

header .hamburger-menu-section{
	display:none;
	position:fixed;
	right:-500px;
	top:0;
	z-index:9999;
	background:#ffffff;
	overflow-y:auto;
	width:480px;
	height:auto;
	max-height:100%;
}

header .hamburger-menu-background-filter{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.4);
	display:none;
	backdrop-filter: blur(3px);
	z-index:9998;
}


/*
header .hamburger-menu-body{
	padding:72px 20px 0px 60px;
	position:relative;
}

header .hamburger-menu-body .logo{
	width:180px;
}

header .hamburger-menu-body ul.hamburger-menu-main-list{
	margin-top:40px;
}

header .hamburger-menu-body ul.hamburger-menu-main-list li{
	margin-bottom:14px;
}

header .hamburger-menu-body ul.hamburger-menu-main-list li a:link,
header .hamburger-menu-body ul.hamburger-menu-main-list li a:visited{
	color:#2a3133;
}

header .hamburger-menu-body ul.hamburger-menu-main-list li a:hover,
header .hamburger-menu-body ul.hamburger-menu-main-list li a:active{
	color:#6dacbd;
}

header .hamburger-menu-body ul.hamburger-menu-sns-list{
	display:flex;
	margin-top:30px;
}

header .hamburger-menu-body ul.hamburger-menu-sns-list li{
	max-height:32px;
	margin:0 20px 20px 0;
}

header .hamburger-menu-body ul.hamburger-menu-sns-list li img{
	max-height:32px;
}

header .hamburger-menu-body ul.hamburger-menu-sns-list li a:hover{
	opacity:0.5;
}


header .hamburger-menu-body ul.hamburger-menu-sub-list{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	padding-top:40px;
	margin-top:20px;
	width:360px;
}

header .hamburger-menu-body ul.hamburger-menu-sub-list::before{
	border-top:1px solid #2a3133;
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:1px;
	content:"";
}

header .hamburger-menu-body ul.hamburger-menu-sub-list li:nth-of-type(odd){
	width:100px;
	margin:0 20px 8px 0;
}

header .hamburger-menu-body ul.hamburger-menu-sub-list li:nth-of-type(even){
	width:220px;
	margin:0 20px 8px 0;
}

header .hamburger-menu-body ul.hamburger-menu-sub-list li a:link,
header .hamburger-menu-body ul.hamburger-menu-sub-list li a:visited{
	color:#2a3133;
	font-size:14px;
}

header .hamburger-menu-body ul.hamburger-menu-sub-list li a:hover,
header .hamburger-menu-body ul.hamburger-menu-sub-list li a:active{
	color:#6dacbd;
}


header .hamburger-menu-body .hamburger-menu-tel{
	margin-top:40px;
	display:flex;
	align-items:center;
}

header .hamburger-menu-body .hamburger-menu-tel .tel-icon{
	height:64px;
	margin-right:18px;
}

header .hamburger-menu-body .hamburger-menu-tel .tel-icon img{
	width:auto;
	max-height:64px;
}

header .hamburger-menu-body .hamburger-menu-tel .tel-info{
	color:#2a3133;
	font-size:12px;
	letter-spacing:0.02em;
}

header .hamburger-menu-body .hamburger-menu-tel .tel-info .tel-number{
	font-size:38px;
	padding-top:0px;
	line-height:100% !important;
	letter-spacing:0.1em;
}



		
header .hamburger-menu-body ul.hamburger-menu-fixed-reaction-list{
	position:sticky;
	bottom:0;
	margin:40px -20px 0 -60px;
	display:flex;
	background:#ffffff;
}

header .hamburger-menu-body ul.hamburger-menu-fixed-reaction-list li{
	width:100%;
	text-align:center;
}

header .hamburger-menu-body ul.hamburger-menu-fixed-reaction-list li.contact{
	margin-right:1px;
}

header .hamburger-menu-body ul.hamburger-menu-fixed-reaction-list li a:link,
header .hamburger-menu-body ul.hamburger-menu-fixed-reaction-list li a:visited{
	display:flex;
	background:#6dacbd;
	padding:10px 10px;
	color:#ffffff;
	font-size:14px;
	letter-spacing:0.02em;
	text-align:center;
	justify-content:center;
}

header .hamburger-menu-body ul.hamburger-menu-fixed-reaction-list li a:hover,
header .hamburger-menu-body ul.hamburger-menu-fixed-reaction-list li a:active{
	background:#2a3133;
}

header .hamburger-menu-body ul.hamburger-menu-fixed-reaction-list li a img{
	max-height:1.4rem;
	width:auto;
	margin-right:4px;
}
*?


/* ヘッダー */

	/* サイトバー */

div#headerWrapper{
	background:#2a3a71;
}


div#siteBar{
	border-top:4px solid #eeeeee;
	padding:4px 12px;
}

div#siteBar div.caption{
	float:left;
	color:#ffbb22;
	font-size:14px;
}

div#siteBar div.navi{
	float:right;
}

div#siteBar div.navi ul li{
	float:left;
	list-style:none;
	margin:-4px 3px 10px;
}

div#siteBar div.navi ul li a:link , div#siteBar div.navi ul li a:visited{
	float:left;
	display:block;
	background:#eeeeee;
	color:#2280d0;
	padding:3px 10px;
	border-radius:0 0 6px 6px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	border-left:3px solid #eeeeee;
	border-right:3px solid #eeeeee;
	border-bottom:3px solid #eeeeee;
}

div#siteBar div.navi ul li.contact a:link , div#siteBar div.navi ul li.contact a:visited{
	background:#24ade2;
	color:#ffffff;
	border-left:3px solid #ffffff;
	border-right:3px solid #ffffff;
	border-bottom:3px solid #ffffff;
}


	/* ヘッダー */
	
div#header{
	height:110px;
}

div#header div.logo{
	width:45%;
	float:left;
	padding-left:7%;
}

div#header div.logo img{
	width:450px;
	float:left;
	padding-left:10%;
}

div#header div.tel{
	float:right;
	padding:9px 12% 0 0;
}

div#header div.tel div.info{
	color:#ffffff;
	font-size:min(0.9vw,10.5px);
	letter-spacing: 0.03em;
	margin-bottom:-10px;
	padding-left:46px;
}

div#header div.tel div.number{
	color:#ffffff;
	font-size:min(3.5vw,38px);
}

div#header div.tel div.number img{
	height:48px;
	margin-bottom:-4px;
	margin-right:8px;
}

	/* ヘッダーサブメニュー */
	
div#header-pc-navi-section{
	width:840px;
	margin-left: auto;
	background:#f29800;
	border-bottom:2px solid #cccccc;
	box-shadow: 0px 8px 8px #cccccc;
	padding:1px 0px 0px 10px;
}

div#header-pc-navi-section ul{
	margin:5px 5px;
}

div#header-pc-navi-section ul li{
	list-style:none;
	float:left;
	margin-bottom:8px;
}

div#header-pc-navi-section ul li a:link , div#header-pc-navi-section ul li a:visited{
	display:block;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
	background:url('../img/icon/arrow_white.png') no-repeat;
	border-radius:2px;
	background-position:right;
	line-height:100% !important;
	padding:10px 20px;
}

div#header-pc-navi-section ul li a:hover , div#header-pc-navi-section ul li a:active{
	background:#2280d0;
	background-position:center;
	color:#ffffff;
}


	/* ぱんくず */
	
div#topicPath ul{
	list-style:none;
	padding-left:8%;
}

div#topicPath ul li{
	float:left;
	font-size:12px;
	margin:50px 0;
	margin-right:4px;
}

div#topicPath ul li.link a:link , div#topicPath ul li.link a:visited{
	border:1px solid #bbbbbb;
	background:url('../img/icon/arrow_gray.png') no-repeat;
	background-position:100% center;
	text-decoration:none;
	padding:6px 20px 6px 10px;
}

div#topicPath ul li.link a:hover , div#topicPath ul li.link a:active{
	background:url('../img/icon/arrow_white.png') no-repeat #24ade2;
	background-position:100% center;
	color:#ffffff;
}

div#topicPath ul li img{
	margin-bottom:-4px;
	margin-right:6px;
}

div#topicPath ul li.caption{
	margin-left:6px;
	color:#666666;
}

/* フッター */


footer{
	margin-top:0;
	background:#EEEEEE;
}


footer .footer-container{
	width:1000px;
	margin:0 auto;
	padding:60px 0;
}


footer h2.footer-headline{
	margin-bottom:10px;
	font-size:22px;
}

footer h3.footer-headline{
	margin-bottom:20px;
	font-size:20px;
}


footer .footer-navi-wrapper{
	display:flex;
	padding-bottom:40px;
}

footer .footer-navi-wrapper ul{
	width:100%;
	border-left:1px solid #bbbbbb;
}

footer .footer-navi-wrapper ul.footer-navi-first-row{
	border-left:none;
}

footer .footer-navi-wrapper ul li{
	list-style:none;
	padding:4px 20px;
	font-size:14px;
}

footer .footer-navi-wrapper  ul li a:link , footer .footer-navi-wrapper  ul li a:visited{
	text-decoration:none;
}

footer .footer-navi-wrapper  ul li a:hover , footer .footer-navi-wrapper  ul li a:active{
	text-decoration:underline;
}


footer .footer-banner-list-wrapper{
	background:#ffffff;
	padding:40px 40px 0px;
	margin:40px 0;
	border-radius:14px;
}

footer .footer-banner-list-wrapper ul.footer-banner-list{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

footer .footer-banner-list-wrapper ul.footer-banner-list li{
	list-style:none;
	margin-bottom:40px;
	width:440px;
	min-width:440px;
	max-width:440px;
}

footer .footer-banner-list-wrapper ul.footer-banner-list li:nth-of-type(odd){

}

footer .footer-banner-list-wrapper ul.footer-banner-list li:nth-of-type(even){

}



footer .footer-banner-list-wrapper ul.footer-banner-list li img{
	box-shadow:2px 2px 4px gray;
}

footer .footer-banner-list-wrapper ul.footer-banner-list li img:hover{
	opacity: 0.5;
	transition: .3s;
}

footer .footer-sub-navi-wrapper{
	display:flex;
}

footer .footer-sub-navi-wrapper ul{
	width:100%;
	border-left:1px solid #bbbbbb;
}

footer .footer-sub-navi-wrapper ul.footer-sub-navi-first-row{
	border-left:none;
}

footer .footer-sub-navi-wrapper ul li{
	list-style:none;
	font-size:14px;
	padding:4px 12px;
}

footer .footer-sub-navi-wrapper ul li a:link , footer .footer-sub-navi-wrapper ul li a:visited{
	text-decoration:none;
}

footer .footer-sub-navi-wrapper ul li a:hover , footer .footer-sub-navi-wrapper ul li a:active{
	text-decoration:underline;
}





/*+
footer{
	padding:40px 40px 80px;;
	background:#dbeaee;
}

footer .footer-title-section{
	display:flex;
	align-items:center;
}

footer .footer-title-section .footer-title-logo{
	width:120px;
	padding-right:20px;
}

footer .footer-title-section .footer-title-caption .footer-title-main{
	padding-top:10px;
	font-size:24px;
	font-weight:bold;
}

footer .footer-main-navi-section{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:30px 0 30px;
}



footer .footer-main-navi-section .footer-main-navi-section-lists{
	display:flex;
	align-items:flex-start;
}

footer .footer-main-navi-section .footer-main-navi-section-lists li{
	margin:0 30px 8px 0;
}

footer .footer-main-navi-section .footer-main-navi-section-lists li a:link,
footer .footer-main-navi-section .footer-main-navi-section-lists li a:visited{
	color:#2a3133;
	text-decoration:underline;
	font-size:14px;
}

footer .footer-main-navi-section .footer-main-navi-section-lists li a:hover,
footer .footer-main-navi-section .footer-main-navi-section-lists li a:active{
	color:#6dacbd;
}

footer .footer-main-navi-section .footer-main-navi-section-lists li.sns{
	display:flex;
}

footer .footer-main-navi-section .footer-main-navi-section-lists li.sns a:link,
footer .footer-main-navi-section .footer-main-navi-section-lists li.sns a:visited{
	display:flex;
	margin:10px 20px 10px 10px;
	text-decoration:none;
}

footer .footer-main-navi-section .footer-main-navi-section-lists li.sns a:hover,
footer .footer-main-navi-section .footer-main-navi-section-lists li.sns a:active{
	opacity:0.6;
}

footer .footer-main-navi-section .footer-main-navi-section-lists li.sns a img{
	max-height:44px;
}

footer .footer-main-navi-section .footer-main-navi-section-license{
	padding:0 0 0 20px;
	margin-left:20px;
	border-left:1px solid #2a3133;
}

footer .footer-main-navi-section .footer-main-navi-section-license .footer-main-navi-section-license-caption{
	font-size:14px;
	padding-top:14px;
}


footer .footer-company-navi-section ul{
	display:flex;
	margin:0 auto;
	justify-content:center;
}

footer .footer-company-navi-section ul li{
	margin:0 20px;
}

footer .footer-company-navi-section ul li a:link,
footer .footer-company-navi-section ul li a:visited{
	display:block;
	background:#ffffff;
	color:#6dacbd;
	padding:10px 20px 10px;
	text-align:center;
	border-radius:20px;
	min-width:140px;
	letter-spacing:0.02em;
}

footer .footer-company-navi-section ul li a:hover,
footer .footer-company-navi-section ul li a:active{
	background:#6dacbd;
	color:#ffffff;
}

footer .footer-company-navi-section ul li a img{
	max-height:36px;
}

footer .footer-company-navi-section ul li a:hover img{
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}


footer .footer-related-services-navi-section{
	width:1000px;
	max-width:1000px;
	margin:0 auto;
	padding-top:40px;
}

footer .footer-related-services-navi-section .footer-related-services-navi-body{
	margin-top:10px;
	padding:30px 20px;
	background:#6dacbd;
	border-radius:10px;
}

footer .footer-related-services-navi-section .footer-related-services-navi-body ul.footer-related-services-navi-list{
	display:flex;
}

footer .footer-related-services-navi-section .footer-related-services-navi-body ul.footer-related-services-navi-list li{
	width:100%;
	margin:0 10px 30px;
	border-radius:20px;
	background:#ffffff;
}


footer .footer-related-services-navi-section .footer-related-services-navi-body ul.footer-related-services-navi-list li a:link,
footer .footer-related-services-navi-section .footer-related-services-navi-body ul.footer-related-services-navi-list li a:visited{
	display:block;
	background:#ffffff;
	color:#6dacbd;
	padding:10px 20px 10px;
	text-align:center;
	border-radius:20px;
	font-size:14px;
	letter-spacing:0.02em;
}

footer .footer-related-services-navi-section .footer-related-services-navi-body ul.footer-related-services-navi-list li a:hover,
footer .footer-related-services-navi-section .footer-related-services-navi-body ul.footer-related-services-navi-list li a:active{
	opacity:0.6;
}

footer .footer-related-services-navi-section .footer-related-services-navi-body ul.footer-related-services-navi-list li img{
	max-height:36px;
}
		
footer .footer-related-services-navi-section .footer-related-services-navi-body .footer-related-services-navi-detail-button{
	text-align:center;
}

footer .footer-related-services-navi-section .footer-related-services-navi-body .footer-related-services-navi-detail-button a:link,
footer .footer-related-services-navi-section .footer-related-services-navi-body .footer-related-services-navi-detail-button a:visited{
	display:inline-block;
	background:#36535b;
	color:#ffffff;
	font-size:20px;
	padding:14px 60px;
}


footer .footer-related-services-navi-section .footer-related-services-navi-body .footer-related-services-navi-detail-button a:hover,
footer .footer-related-services-navi-section .footer-related-services-navi-body .footer-related-services-navi-detail-button a:active{
	opacity:0.7;
}

footer .footer-bottom-section{
	display:flex;
	justify-content:center;
	padding:40px 0;
}

footer .footer-bottom-section .footer-bottom-logo img{
	max-height:3.2rem;
}


footer .footer-copyright{
	font-size:14px;
	text-align:center;
	margin-bottom:60px;
}



*/


/* コンテンツ部分 */

main{
	max-width:1600px;
	margin-left:auto;
	margin-right:auto;
}

/*
main .container-full{
	max-width:1600px;
	margin-left:auto;
	margin-right:auto;
}

main .container{
	max-width:1560px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}
*/


	/* コンテンツ部分の共通属性 */
	
main h1.headline{
	text-align:center;
	max-width:1280px;
	margin:80px auto 40px;
	font-size:36px;
}	
	
	
	
main h2.headline{
	text-align:center;
	max-width:1280px;
	margin:60px auto 40px;
	font-size:28px;
}

main h1.headline .sub-title{

}

main h2.headline .sub-title{

}

main h3.headline{
	text-align:right;

}



main h4.headline{

}



main p{
	margin-bottom:20px;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	line-height:1.8;
}



main .sup{
	font-size:10px;
	vertical-align:top;
}




.link-button{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	text-align:center;
	padding:20px;
	text-align:center;
}

.link-button a:link,
.link-button a:visited{
	display:flex;
	background:#f29800;
	color:#ffffff;
	font-size:20px;
	padding:14px 40px;
	margin:0 20px 20px;
	border-radius:10px;
}

.link-button a:hover,
.link-button a:active{
	background:#ffbb22;
	color:#ffffff;
}



		/* 注釈 */
		
.annotation{
	color:#666666;
	font-size:12px !important;
}

.nl-index-achievements-annotation{
	color:#ffffff;
	text-align:right;
	font-size:20px !important;
	margin-bottom:10%;
	margin-right:14%;
}

		/* 注釈リスト 番号なし：ul、番号あり：ol */

ul.annotation-list{
	margin:10px auto 20px;
	max-width:1000px;
}

ul.annotation-list li{
	padding-left:20px;
	color:#666666;
	font-size:12px;
	position:relative;
	margin-bottom:5px;
}

ul.annotation-list li::before{
	position:absolute;
	top:0;
	left:0;
	content:"※";
}

ol.annotation-list{
	margin:10px auto 20px;
	counter-reset: listnum; /* カウンターをリセット */
	list-style: none; /* 標準のスタイルは消す */
	max-width:1000px;
}

ol.annotation-list li{
	padding-left:48px;
	color:#666666;
	font-size:12px;
	position:relative;
	margin-bottom:5px;
}

ol.annotation-list li::before{
	position:absolute;
	top:0;
	left:0;
	counter-increment: listnum; /* counter-resetと同じ文字列 */
	content: "※" counter(listnum) "…"; /* カウントした数に応じて番号を表示 */
}






	/* コンテンツ部分の使いまわし */
	
	
		/* トップニュース */
		
main .topNewsBox ,
main .top-news-section{
	width:1000px;
	margin:40px auto;
}

main .topNewsBox ul.topNewsList,
main .topNewsBox ul.top-news-list{
	
}

main .topNewsBox ul.topNewsList > li,
main .topNewsBox ul.top-news-list > li{
	margin-bottom:20px;
}

main .topNewsBox ul.topNewsList > li a:link,
main .topNewsBox ul.topNewsList > li a:visited,
main .topNewsBox ul.top-news-list > li a:link,
main .topNewsBox ul.top-news-list > li a:visited{
	display:block;
	background:#36535b url('../img/icon/arrow-white.png') no-repeat;
	background-size:auto 100%;
	background-position:98% center;
	border-radius:2px;
	display:flex;
	color:#ffffff;
	text-decoration:none;
	font-size:18px;
	padding:10px 15% 10px 20px;
}

main .topNewsBox ul.topNewsList > li a:hover,
main .topNewsBox ul.topNewsList > li a:active,
main .topNewsBox ul.top-news-list > li a:hover,
main .topNewsBox ul.top-news-list > li a:active{
	display:block;
	background:#6dacbd url('../img/icon/arrow-white.png') no-repeat;
	background-size:auto 100%;
	background-position:96% center;
	box-shadow:2px 2px 4px gray;
	display:flex;
}

main .topNewsBox ul.topNewsList > li a .date{
	margin-right:20px;
}
	
	
		/* お知らせ */

main .summary-news-wrapper{
	max-width:1200px;
	margin:0 auto 120px;
}		
		
main .summary-news-wrapper ul.summary-news-list{
	border-top:#2a3133 1px solid;
	margin:0 60px;
}

main ul.summary-news-list li{
	border-bottom:#2a3133 1px solid;
}

main ul.summary-news-list li a:link,
main ul.summary-news-list li a:visited{
	display:block;
	background:url('../img/icon/arrow-black-thin.png') no-repeat;
	background-position:98% center;
	background-size:6% auto;
	text-decoration:none;
	color:#555555;
}

main ul.summary-news-list li a:hover,
main ul.summary-news-list li a:active{
	color:#6dacbd;
}

main ul.summary-news-list li a dl{
	padding:16px 12% 16px 20px;
	display:flex;
}

main ul.summary-news-list li a dl dt{
	letter-spacing:0.02em;
	margin-right:10px;
}

main ul.summary-news-list li a dl dd.news-category{
	margin-right:14px;
	white-space: nowrap;
	
}
		

	/* 360°カメラ */

.camera360-wrapper{
	padding-bottom:0px;
	width:1000px;
	margin:20px auto;
}

.camera360-wrapper > .camera360-body{
	clear:both;
	position: relative;
	padding-bottom: 60.00%;
	height: 0;
	overflow: hidden;
}

.camera360-wrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


	/* YouTube */
	
.youtube-wrapper{
	text-align:center;
	margin:2px;
}

.youtube-wrapper .youtube-body{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}

.youtube-wrapper .youtube-body iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.youtube-wrapper + .youtube-caption{
	padding:5px 0 5px;
	font-size:16px;
}