/* ベース */

html {
    font-size: 62.5%;
    line-height: 2;
	/*font-family: 游明朝体, YuMincho, 游明朝, Yu Mincho, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN W3, HiraMinProN-W3, ヒラギノ明朝 ProN, Hiragino Mincho ProN, ヒラギノ明朝 Pro, Hiragino Mincho Pro, HGS明朝E, ＭＳ Ｐ明朝, MS PMincho, serif;*/
	font-family: Noto Sans Japanese, -apple-system, BlinkMacSystemFont, Arial, YuGothic, Yu Gothic, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, Meiryo, メイリオ, sans-serif;
    color: #000;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	overflow-x: hidden;
    
}

body {
    font-size: 1.4rem;  
    overflow-x: hidden;
	background: #ffffff url("../img/background.jpg");
	   background-size: 100% auto;
	    background-attachment: fixed;
	
}

img {
      max-width: 100%;
  max-width: none;
  height: auto;
  vertical-align: middle;
}

a {
    color: inherit;
}

ul {
    list-style-type: none;
}

iframe {
    border: none;
}

/* レイアウト */

body{
    padding-bottom: 4rem;
}

main {
      padding: 10rem 0 8rem 0;
}

/* ユーティリティ */

.clearfix::after {
    display: block;
    clear: both;
    content: '';
}

.mb-xxs {
    margin-bottom: 0.4rem;
}

.mb-xs {
    margin-bottom: 0.8rem;
}

.mb-s {
    margin-bottom: 1.2rem;
}

.mb-m {
    margin-bottom: 2rem;
}

.mb-l {
    margin-bottom: 3rem;
}

.mb-xl {
    margin-bottom: 5.2rem;
}

.mb-xxl {
    margin-bottom: 8.4rem;
}

/* ヘッダー */

.hero {
    position: relative;
}

.hero-inner {
    width: 960px;
    height: 100%;
    position: absolute;
    top: -4rem;
    right: 0;
    left: 0;
    margin: auto;
}

.mainvisual {
    text-align: center;
}

.mainvisual img {
	    margin-left: 3rem;
}

.lead {
    font-size: 1.5rem;
    position: absolute;
    top: 730px;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    height: 290px;
    background: url("../img/bg-lead.png") no-repeat;
	line-height: 3.5rem;
}

.lead-text{
	padding: 9rem 5rem 0 5rem;
	color: #FFFFFF;
	font-weight: 600;
	text-align: justify;
}

.lead-text span{
	color: #fff57f;	
	font-size: 20px;
}

.icon {
    position: absolute;
}

.icon-1 {
    top: 10px;
    left: 10px;
}

.icon-2 {
    right: 10px;
    bottom: 10px;
}

.icon a {
    display: block;
}

.icon a:hover {
    opacity: 0.7;
}

.share {
    position: absolute;
    top: 1030px;
    right: 0;
    line-height: 1;


}

.share-item {
    float: left;
}

.share-item:not(:last-child) {
    margin-right: 8px;
}


/* メインコンテンツ */

.container {
    max-width: 960px;
    margin: 0 auto;
	padding-top: 2rem;
    /*background: #fff;*/
}



.p-cam {
  width: 900px;
  padding: 3rem;
  background-color: rgba(230, 93, 150, 0.8); 
   color: #FFFFFF;
}




.p-cam_title {
  margin-bottom: 3.2rem !important;
  
  color: white;
}


/* movie */

.p-movie {
	/*height: 1750px;
	background: url("../img/bg-movie.png");
	padding: 3rem;*/
	margin-top: 10rem;
}

.scene-top {
	text-align: center;
	margin-top: 2rem;
}

.sceneOuter {
	display: flex;
}

.scene-text {
	text-align: center;
}


.scene {
    width: 50%;
	height: 666px;
}

.scene-1{
	background: url("../img/scene1-bg.png");	
	width: 476px;
}

.scene-2{
	background: url("../img/scene2-bg.png");
	width: 476px;	
}
.inner{
	padding: 5rem 3rem;
}
.scene-inner{
	position: relative;
}
.p-movie__icon {
	width: 60px;
	position: absolute;
	top: 43%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	z-index: 1;
	pointer-events: none;
}

.p-movie a:hover img {
	opacity: 0.75;
}

.re-btn {
	text-align: center;
    margin-top: 1.5rem;
}

.line {
	margin: 0.5rem 0;
}

.twicam_head {
  margin-top: 50px;
  text-align: center;
}

/*.p-cam__movie {
  border: 1px solid white;
}*/

.c-embet {
  position: relative;
  width: 100%;
  height: 0;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.c-embet iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.retwi-btn {
	text-align: center;
	padding: 30px 0;
}

.c-pre-opacity-a:hover, .c-pre-opacity-b:hover, .c-pre-opacity-a:focus, .c-pre-opacity-b:focus {
  opacity: 0.7;
}


.twicam-present {
	text-align: center;
    margin-bottom: 3.2rem;
}


.attention-text {
    padding-left: 1em;
    text-indent: -1em;
    
}


/* フッター */
.footer{
	padding-top: 50px;
}

.huanhyu {
	text-align: center;
}

.copyright {
    text-align: center;
	
}

.nbc-logo {
	text-align: center;
}

.banner{
    width: 348px;
    height: 72px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.site-banner {
	padding-right: 1rem;
}

.common-banner {
    text-align: center;
}