@charset "UTF-8";
/* CSS Document */

/**************************/

     /**  共通  **/
 
/**************************/

/**  フォントの指定はindexで  **/
.contents{
	background: #FFF8F2;
}

.movie-ttl, .movie-subttl{ text-align: center;}

.movie-ttl{ font-size: 2.8rem;}
.movie-ttl-inner{
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 5px;
    position: relative; 
}
.movie-ttl-inner::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  width: calc(100% - 0.4em);
  height: 2px;
  background-color: #be9727;
}

.movie-subttl{ font-size: 1.5rem; padding: 30px 0 45px 0;}

.title{
	text-align: center;
	padding-bottom: 15px;
}

.movie-area{
	padding-bottom: 45px;
}


/**************************/
     /**  スマホ用  **/ 
/**************************/

@media screen and (min-width: 390px) and (max-width: 500px) { 
/*　画面サイズ 499pxまで適用　*/

.movie-ttl{ font-size: 1.8rem;}	
.movie-subttl{ font-size: 1.2rem; padding: 2% 5% 6%;}	
	
.movie-area{ padding: 0 5% 10%;}
.movie-area .title{ padding: 0;}

div.iframe_wrapper {
    position: relative;
    width: 100%; /* ここは適時編集してください（px指定してmin-widthと組み合わせるなり） */
	padding-top: 56.25%;
}
div.iframe_wrapper::before {
    content:'';
    display: block;
    /*padding-bottom: 56.25%; /* 高さ÷横幅×100 */
}
div.iframe_wrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
	
/*** TOP l 動画 ***/	
	
.brand-movie{
   width: 90%;
   display: block;
   margin: 0 auto;

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

/**************************/
     /**  タブレット用  **/ 
/**************************/

@media screen and (min-width: 768px) and (max-width: 1280px) { 
/*　画面サイズ 499pxまで適用　*/

div.iframe_wrapper {
    position: relative;
    width: 100%; /* ここは適時編集してください（px指定してmin-widthと組み合わせるなり） */
	padding-top: 56.25%;
}
div.iframe_wrapper::before {
    content:'';
    display: block;
    /*padding-bottom: 56.25%; /* 高さ÷横幅×100 */
}
div.iframe_wrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
	
/*** TOP l 動画 ***/	
	
.brand-movie {
	width: 80%;
	margin:0 auto;
	}
		
}


/**************************/
     /**  PC用  **/ 
/**************************/

@media screen and (min-width: 999px) {
.mainContents{
	width:980px;
	margin:0 auto;
}

/*** カット方法・保存方法　動画 ***/
div.iframe_wrapper {
    position: relative;
    width: 100%; /* ここは適時編集してください（px指定してmin-widthと組み合わせるなり） */
}
div.iframe_wrapper::before {
    content:'';
    display: block;
    padding-top: 56.25%; /* 高さ÷横幅×100 */
}
div.iframe_wrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/*** TOP l 動画 ***/	
	
.brand-movie {
	width: 980px;
	margin:0 auto;
	}
	
}