@charset "UTF-8";
.basic-page a img{
	opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;	
}
.basic-page a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff; 
}
.mv{
	text-align: center;
}
.mv .bg{
	background-repeat: no-repeat;
	width: 1200px;
	height: 561px;
	padding:140px 0 0;
}
.mv .ttl{
	margin: 40px 0;
}

.mv .txt{
	padding-bottom: 40px;
	border-bottom:15px solid #000;
}
.mv .bg img{
animation-name: fadeInUp;
animation-duration: 1.8s;

}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.content-display .bg{
	background: url(../img/content-bg01.png) no-repeat;	
	background-position: 0 45px;
}
.content-design .bg{
	background: url(../img/content-bg02.png) no-repeat;	
	background-position: 0 45px;
}
.content-cnt .bg{
	background: url(../img/content-bg03.png) no-repeat;	
	background-position: 0 45px;
}
.content-navi .bg{
	background: url(../img/content-bg04.png) no-repeat;	
	background-position: 0 45px;
}
.content-ent .bg{
	background: url(../img/content-bg05.png) no-repeat;	
	background-position: 0 45px;
}
.content-ent .container dl:nth-child(8){
	margin-top: -100px;
	margin-bottom: 200px;
}
.content-ent .container dl:nth-child(8) dd{
    position: relative;
    top: 120px;
	
}

.content-display .note{
	font-size: 13px;
	text-align: right;
	width: 801px;
	display: block;
	margin:0 auto 10px;
}
.content-common{
	padding: 40px 0;
}
.content-common .ttl{
	position: relative;
	text-align: center;
	width: 801px;
	margin:0 auto;
	padding:0 0 80px;
	cursor:pointer;
}
.content-common .ttl:after{
	content: "";
    display: block;
    background: url(../img/arrow-close.png) no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 20px;
    top: 17px;
}
/*
.content-common .ttl.open:after{
	content:"";
	display: block;
	background: url(../img/arrow-open.png) no-repeat;	
	width: 31px;
	height: 31px;
	position: absolute;
	right:30px;
	top:29px;
}
*/
.content-common .voice{
	padding-top: 450px;
	display: none;
	position: relative;
}
.content-common .voice .container{
	border-bottom:1px dotted #000;
}
.content-common .voice dl{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	text-align: center;
	margin:0 auto 100px;
}
.content-common .voice dl.reverse{
	flex-direction : row-reverse;
}
.area-lineup {
	padding-bottom: 100px;
}
.area-lineup .sns{
	text-align: right;
	margin-bottom: 75px;
}
.area-lineup .sns ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.area-lineup .sns li{
	margin-left: 17px;
}
.area-lineup .ttl{
	margin:0 0 40px;
}
.area-lineup .prd dt{
	margin-bottom: 20px;
}
.area-lineup .prd ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.area-lineup .prd li{
	text-align: right;
}
.area-lineup .prd li:first-child{
	text-align: left;
}
.area-lineup .bnr-area{
	margin-top: 25px;
}
.area-lineup .bnr-area ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.basic-page .links{
	text-align: center;
	margin: 20px auto 40px;
	width: 800px;
}
.basic-page .links .title{
	border-radius: 50px;
    padding: 20px 0;
	border:1px solid #000;

}
.basic-page .links .title b{
	font-size: 40px;
	font-weight: bold;
}
.basic-page .links .title span{
	font-size: 30px;
}
.basic-page .links ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	
}
.basic-page .links .arrow {
    display: block;
    margin: 20px auto;
}
.basic-page .links li a{
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.7);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.7);
	border-radius: 5px;
	color: #fff;
	font-weight: bold;	
	padding: 10px 0;
	background: #e94c61;
	text-decoration: none;
	width: 370px;
    font-size: 26px;
	display: block;
	opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;	
}
.basic-page .links li:first-child a{
	background: #bf1a20;	
	margin-right: 20px;
}
.basic-page .links li a:hover{
	opacity:.8;
}
.pc-only {
	display: block;
}
.sp-only {
	display: none;
}
.update-area{
	margin:55px 0 40px;
	text-align:center;
	font-size:30px;
	font-weight: bold;
}
.update-area .container{
	border-bottom:1px dotted #57b6c2;
	padding:30px 0;	
	width: 900px;
}
.update-area dl{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:center;	
}

.update-area dt:before{
	content:"\025b6";
	padding-right: 15px;
}
.update-area dd{
	color:#57b6c2;
	margin-left:40px;
}
.bnr-area201904{margin-top: 40px;}
.scroll-point{display: none;}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
.basic-page .pagesection {
    padding-left: 0!important;
    padding-right: 0!important;
}	
.pc-only {
	display: none!important;
}
.sp-only {
	display: block;
}
.update-area {
    margin: 0;
    font-size: 14px;
}
.update-area .container {
    padding: 10px 0px;
    font-size: 13px;
    width: 94%;
    margin: 0 auto;
}
.update-area dd {
    margin-left: 0;
}
.update-area dt:before {
    content: "\025b6";
    padding-right: 5px;
}
.mv .bg {
	background-image:url(../img/sp/bg.png)!important;
    background-size:cover;
    width: auto;
    height: auto;
        padding: 60px 18% 60px;
}
.inner-block{
	padding:0 10%;
	margin:0 auto;
	border-bottom: 6px solid #000;

}
.mv .ttl {
    margin: -10px 0 15px 0;
}
.mv .txt {
    padding-bottom: 10px;
    border-bottom: none;
}
.scroll-point{
	display: block;
	text-align: center;
	margin: 20px 0 0;
}
.scroll-point .txt2{
	width: 85%;
    display: block;
    margin: 5px auto 10px;
}
.content-common {
    padding: 20px 0 0;
}
.content-common .ttl {
    width: 85%;
    padding:0 0 50px;
}
.content-display .note {
    font-size: 10px;
    width: 85%;
    margin: 0 auto 5px;
}
.content-display .bg {
    background-position: 0 25px;
    background-size: 100% auto;
}
.content-design .bg{
	background-position: 0 25px;
	background-size: 100% auto;
}
.content-cnt .bg{
	background-position: 0 25px;
	background-size: 100% auto;
}
.content-navi .bg{
	background-position: 0 25px;
	background-size: 100% auto;
}
.content-ent .bg{
	background-position: 0 25px;
	background-size: 100% auto;
}
.content-common .ttl img{
	border:1px solid #000;
	box-sizing: border-box;
}
.content-common .ttl:after{
	content:"";
	display: block;
	background: url(../img/arrow-close.png) no-repeat;	
	width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 9%;
    background-size: 100% auto;
}
@media screen and (max-width: 375px){
.content-common .ttl:after{	
   top: 7%;	
}
}
@media screen and (max-width: 320px){
.content-common .ttl:after{	
	width: 25px;
    height: 25px;
}
}
/*
.content-common .ttl.open:after{
	content:"";
	display: block;
	background: url(../img/arrow-open.png) no-repeat;	
	width: 15px;
	height: 15px;
	position: absolute;
	right:10px;
	top:16%;
	background-size: 100% auto;
}
*/
.content-common .voice {
    padding-top: 130px;
}

.basic-page .links {
    text-align: center;
    margin: 20px auto 40px;
    width: 90%;
}
.basic-page .links ul{
	flex-wrap: wrap;
}
.basic-page .links li{
	width: 100%;
}
.basic-page .links li a{
	width: 100%;
}
.basic-page .links li:first-child a{
	margin-bottom: 20px;
}
.basic-page .links .arrow {
    margin: 10px auto;
}
.basic-page .links .arrow img{
	width: 15px;
}
.basic-page .links .title b {
    font-size: 22px;
    font-weight: bold;
}
.basic-page .links .title span {
    font-size: 16px;
}
.basic-page .links .title {
    border-radius: 27px;
    padding: 10px 0;
    line-height: 1.4;
}
.content-common .voice .container {
    border-bottom: 0;
}
.area-lineup {
    padding-bottom: 50px;
}
.area-lineup .container{
	padding:30px 20px 0;
}
.area-lineup .sns {
    text-align: center;
    margin-bottom: 25px;
}
.area-lineup .sns li {
    margin-left: 15px;
}
.area-lineup .sns li:first-child{
    margin-left: 0;
}
.area-lineup .ttl {
    margin: 0;
}
.area-lineup .prd ul{
	flex-wrap: wrap;
}
.area-lineup .prd li:first-child {
    text-align: center;
    margin-top: 15px;
}
.area-lineup .prd li{
	text-align: center;
	width: 100%;
	margin-top: 30px;
}
.area-lineup .prd dt {
    margin-bottom: 10px;
}
.area-lineup .bnr-area {
    margin-top: 10px;
}
.area-lineup .bnr-area ul{
	flex-wrap: wrap;	
}
.area-lineup .bnr-area li{
	text-align: center;
	width: 100%;
	margin-top: 5px;
}
.bnr-area201904{margin-top: 17px;}
}
.topBtn {
	position:fixed; /*固定*/
	display:block; /*aタグをblock要素に変更*/
	text-decoration:none;
}

.topBtn_catetop {
	bottom:137px; /*場所を右下に移動*/
	right:-100px; /*場所を右下に移動*/
	width:136px;
	height:136px;
}

.topBtn_top {
	bottom:20px; /*場所を右下に移動*/
	right:-79px; /*場所を右下に移動*/
	width:92px;
	height:92px;
}

.basic-page a.topBtn:hover img {
	opacity:0.8;
	background-color: transparent;
	background: none;
}