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

/* -------------------------------------------------

contents

------------------------------------------------- */

/* color */
.titleArea h2,
.titleArea ul li a,
.ttlStep,
.gotop a{
	background-color: #e99156;
}
.mainArea h3{
	color:#e99156;
	border-bottom:4px solid #e99156;
}
.mainArea h4{
	color:#e99156;
  font-weight: bold;
  font-size: 1.2em;
  margin: 20px 0 0;
  padding-top: 10px;
	border-top:2px solid #e99156;
}
.mainArea h5{
	border-left:10px solid #e99156;
  padding-left: 5px;
  font-size: 1.2em;
  margin: 15px 0 5px;
}
.priceArea table th{
	background-color: #f6d0b6;
}
/* mainArea */


/* linkBtn */
.linkBtn a{
	color:#fff;
	background-color:#f5995b;
	padding:10px 25px;
	border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.linkBtn a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
/* karaoke */
.karaoke{
  margin-top: 20px;
}
.karaoke > div{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.karaoke > div img{
  width: 200px;
}
.karaoke > div p{
  width: calc(100% - 220px);
}
.karaoke > span{
  display: block;
  margin: 5px 0;
  color:#ccc;
  max-width: 640px;
  text-align: center;
}
.karaoke > ul{
  display: flex;
}
.karaoke > ul li{
  width: 200px;
  margin-right: 20px;
}
.karaoke > ul li img{
  width: 100%;
}

/* PC */
@media screen and (min-width:769px) {
/* linkBtn */
.linkBtn{
	margin:20px 0 0;
}
.movieBox{
	height:auto;
}
.movieBox div{
	width:292px;
	float:left;
	margin-top:20px;
}
.movieBox div:nth-child(2){
	margin-left:40px;
	margin-right:40px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
/* linkBtn */
.linkBtn a{
	display:block;
	text-align:center;
	margin:5px 10px;
}
.movieBox div{
	margin:15px 0 0;
}
.movieBox div{
	padding-bottom:15px;
}
.movieBox div span,
.sougiBox div span{
	display:block;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin:0 0 5px;
}
.movieBox div span iframe,
.sougiBox div span iframe,
.movieBox div span object,
.sougiBox div span object,
.movieBox div span embed,
.sougiBox div span embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* karaoke */
.karaoke > div img{
  width: calc(33.33% - 5px);
}
.karaoke > div p{
  width: calc(66% - 5px);
}
.karaoke > ul{
  justify-content: space-between;
}
.karaoke > ul li{
  width: calc(33.33% - 5px);
  margin-right: 0;
}
}


/* SP縦向き */
@media screen and (max-width:640px) and (orientation: portrait) {
/* karaoke */
.karaoke > div img{
  width: 100%;
}
.karaoke > div p{
  width: 100%;
  margin-top: 10px;
}
}




.priceArea table{
  margin-top: 10px;
}
/* PC */
@media screen and (min-width:769px) {
.priceArea table th{
	text-align:center;
}
.priceArea table td{
	text-align:center;
}

}