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

body
 {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

a {
  color: #ff6602;
  text-decoration: none;
}
a:visited {
  color: #33cc00;
  text-decoration: none;
}
a:hover {
  color: #b6b450;
  text-decoration: underline;
}
a:active {
  color: #ff0099;
}
.head img { width: 100%;
height: auto;
}

 .inner{
padding: 0 10px;
margin: 0 auto; 
       }
.movie-area{
min-width: 300px;
margin: 20px auto; 
width: 100%;
margin-top: 30px;
margin-bottom: 30px;
}
.sns-title{
    margin-bottom: 20px;      
    font-size: 1.375rem;	/* 16px × 1.375   = 22px */
	text-align: center;
	}
.sns-subtitle{
font-size: 1.125rem;
margin-bottom: 5px;
}
.movie-content{
  display:flex;
  flex-wrap: wrap;
  flex-direction: column;
  box-shadow:1px 1px 3px #aaa;
}
.movie-info{
text-align: center;
padding: 0px;
}
.movie-txt{
font-size: 0.85rem;
padding: 0 10px;
}
.movie-tube{
  margin: 50px auto 0;
  width: 90%; 
}
.tube-inner{
  position: relative;
  padding-bottom: calc(360 / 640 * 100%); /* 16:9の縦幅*/
height:0;
overflow:hidden;
}
.tube-inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.tube >img{
/*border: 1px #ff0000 solid;
border-radius: 10px;	*/
width: 120px;
margin: 10px;
padding: 10px;
}

.title-cap {
display: flex;
align-items: center;
text-align: center;
margin-bottom: 40px;
}
.title-cap:before,
.title-cap:after {
content: "";
flex-grow: 1;
border-top: 2px solid #ff6602;
}
.title-cap:before {
margin-right: 3rem;
}
.title-cap:after {
margin-left: 3rem;
}

/* プランリスト */
.plan-item{
background-color: #fff;
flex:1 ; width: 0%;
}
.plan-content{
margin:0 auto;
  display:flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.plan-title{
font-size: 1.125rem;
font-weight: bold;
margin-bottom: 5px;
}
.pict{
position: relative;
margin:0 ;
padding: 0 0 50px 0;
}
.pict >img {
    width:  50px;       /* ※表示サイズ */
    height: 50px;       /* ※表示サイズ */
 /* display: inline-block; 
	#position: absolute;	*/	
}

.row-area{
margin-bottom: 30px;
}
 /* info */
 .bold-txt{
font-weight: bold;
font-size: 0.875rem;
margin-bottom:10px;
}
/* copy */
.copy-area {
display: flex;
height: 80px;
justify-content: center;
align-items: center;
width: 100%;
background-color: #ff6602;
}
.copy-ch {
    font-size: 0.875rem;
    color: #726662;
}


/*------------- メディアクエリ -----------------*/
@media screen and (min-width:768px) {
.head{
       max-width:  720px;
	     margin: 0 auto;
	   }
#top{
       max-width:  2100px;
	  	 background-size:cover;   
	   }
.movie-area{
max-width: 800px;
width: 60%;
}

.movie-info {
  padding: 50px ;
}
.title-cap {
margin-bottom: 30px;
}
.title-cap:before {
margin-right: 6rem;
}
.title-cap:after {
margin-left: 6rem;
}
.inner{
  max-width: 1080px; 
}
.plan-content{
width: 80%;
  flex-direction: row;
    margin: 10px auto; 
}
 /* サブタイトル-画像-文字並び */
.row-area{
max-width: 800px;
margin: 0 auto 50px auto;
}
.row-txt{
flex: 1;	/* 大きさ揃える */
font-size: 0.85rem;
margin:20px;
}  
.pict {
  padding: 0;
}
 }