/*-----------------
special_room
------------------*/
#MILIONEwrapper #header .mv_area.page {
    margin: 20px auto 0;
}
/* scrolldown */
#MILIONEwrapper #contents_area .contents h2 {
	position: relative;
}
#MILIONEwrapper .contents .scrolldown {
	/*描画位置※位置は適宜調整してください*/
	position: absolute;
	bottom: -10px;
	left: 50%;
}
#MILIONEwrapper .contents .scrolldown:before{
	content: "";
	/*描画位置*/
	position: absolute;
	bottom: 0;
	left: -10px;
	/*丸の形状*/
	background: url(../images/special_room/sproom_scroll.png) no-repeat;
	height: 20px;
	width: 20px;
	background-size: contain;
	z-index: 999;
	/*丸の動き1.6秒かけて透過し、永遠にループ*/
	animation: circlemove 2s ease-in-out infinite, cirlemovehide 2s ease-out infinite;
}
#MILIONEwrapper .contents .scrolldown:after{
	content: "";
	/*描画位置*/
	position: absolute;
	bottom: -50px;
	left: 0;
	/*線の形状*/
	width: 1px;
	height: 120px;
	background: #c0afaf;
}
@keyframes circlemove {
	0% {
		bottom: 60px;
	}
	100% {
		bottom: -50px;
	}
}
@keyframes cirlemovehide {
	0% {
	  opacity: 0;
	}
	50% {
	  opacity: 1;
	}
	80% {
	  opacity: 0.9;
	}
	100% {
	  opacity: 0;
	}
  }
  
/* slider */
#MILIONEwrapper .sec .slider {
	position: relative;
	z-index: 100;
	background-size: cover;
	width: 100%;
	height: 138px;
	overflow: hidden;
	animation: loop 50s linear infinite;
	margin-top: 0;
}
#MILIONEwrapper #s1 .slider {background: url(../images/special_room/sproom_sec01_slide.jpg) repeat-x 50% 50%;}
#MILIONEwrapper #s2 .slider {background: url(../images/special_room/sproom_sec02_slide.jpg) repeat-x 50% 50%;}
#MILIONEwrapper #s3 .slider {background: url(../images/special_room/sproom_sec03_slide_202507.jpg) repeat-x 50% 50%;}
#MILIONEwrapper #s4 .slider {background: url(../images/special_room/sproom_sec04_slide_202507.jpg) repeat-x 50% 50%;}

@keyframes loop {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -950px 0;
    }
}

/* intro_txt */
#MILIONEwrapper #contents_area p.intro_txt{
	margin: 0;
	box-sizing: border-box;
	font-family:"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN", serif!important;
	font-weight: 600;
	justify-content: flex-start;
}
#MILIONEwrapper #contents_area .contents h2{
	margin: 0px auto;
}

/* #sproom_sec01 */
#MILIONEwrapper #s1{
	padding: 572px 0 10px;
	background:url(../images/special_room/sproom_sec01_bg.jpg) no-repeat center top;
}
#MILIONEwrapper #s1 .flex_box{
	padding: 0 100px 39px;
}	
/* #sproom_sec02 */
#MILIONEwrapper #s2{
	padding: 550px 0 10px;
	background:url(../images/special_room/sproom_sec02_bg.jpg) no-repeat center top;
}
#MILIONEwrapper #s2 .flex_box{
	padding: 0 100px 40px;
}	

/* #sproom_sec03 */
#MILIONEwrapper #s3{
	padding: 559px 0 10px;
	background:url(../images/special_room/sproom_sec03_bg_202507.jpg) no-repeat center top;
}
#MILIONEwrapper #s3 .flex_box{
	padding: 0 60px 40px 100px;
}	

/* #sproom_sec04 */
#MILIONEwrapper #s4{
	padding: 570px 0 10px;
	background:url(../images/special_room/sproom_sec04_bg_202507.jpg) no-repeat center top;
}
#MILIONEwrapper #s4 .flex_box{
	padding: 0 100px 41px;
}	

/* #sproom_sec05 */
#MILIONEwrapper #s5{
	background:url(../images/special_room/sproom_sec05_bg.jpg) no-repeat center top;
	height: 1097px;
	padding:70px 50px;
	box-sizing: border-box;
}

#MILIONEwrapper #s5 h3{
	margin:0 auto 50px;
	text-align: center;
}
#MILIONEwrapper #s5 .flex_box{
	flex-wrap:wrap;
	justify-content: center;
}

#MILIONEwrapper #s5 .flex_box li{
	width: 270px;
	margin:0 20px 50px 0;
}

#MILIONEwrapper #s5 .flex_box li:nth-of-type(3n){
	margin-right:0;
}
#MILIONEwrapper #s5 .flex_box li img{
	box-shadow: 0px 3px 3px 0px rgba(75, 55, 49, 0.4);
	width:100%;
	height: auto;
	margin: 0 0 15px;
	display: block;
}
#MILIONEwrapper #s5 .flex_box li h4{
	color:#dfb6b6;
	font-family:"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN", serif!important;
	font-size:20px;
	margin: 0 0 5px;
}
#MILIONEwrapper #s5 .flex_box li p{
	color:#fff;
	margin:0 0 1rem;
	line-height:1.35rem;
}

/* #sproom_sec06 */
#MILIONEwrapper #s6{
	background: url(../images/special_room/sproom_sec06_bg.jpg) no-repeat center top;
	height: 1270px;
	padding: 80px 0 0;
	text-align: center;
	box-sizing: border-box;
}
#MILIONEwrapper #contents_area h3{
	margin: 0 0 40px;
}
#MILIONEwrapper #contents_area .info_dl{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: wrap;
    width: 750px;
    padding: 20px 0 0;
    box-sizing: border-box;
    background-color: rgb(250, 248, 248,0.569);
    border-top:1px solid #ada797;
    border-bottom:1px solid #ada797;
    margin:0 auto 50px;
}
#MILIONEwrapper #contents_area .info_dl dt{
    width: 20%;
    /* margin: 0 0 10px; */
    color:#9e5d4f;
    text-align: right;
    font-weight: 600;
    font-family: "游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN", serif!important;
}
#MILIONEwrapper #contents_area .info_dl dd{
    width: 70%;
    margin: 0 0 20px 20px;
    text-align: left;
	font-weight: 500;
}

/* #sproom_sec07 */
#MILIONEwrapper #s7{
	background: #f7f6f4 url(../images/special_room/sproom_sec07_bg.png) no-repeat center bottom;
	padding:70px 50px;
}
#MILIONEwrapper #s7 h3{
	text-align:center;
	margin: 0 0 50px;
}

#MILIONEwrapper #s7 .flex_box{
	flex-wrap:wrap;
	background: #f7f6f4;
	justify-content: center;
}
#MILIONEwrapper #s7 .flex_box li{
	line-height:23px;
}
#MILIONEwrapper #s7 .flex_box li:nth-of-type(1){
	margin: 0 50px 0 0;
}
#MILIONEwrapper #s7 .flex_box li h4{
	margin: 0 0 15px;
}
#MILIONEwrapper #s7 .flex_box li>img{
	margin: 0 0 20px;
		vertical-align:top;
}
#MILIONEwrapper #s7 .flex_box li span{
	color:#9e5d4f;
	font-weight:500;
}
#MILIONEwrapper #s7 .flex_box li:nth-of-type(1),
#MILIONEwrapper #s7 .flex_box li:nth-of-type(2){
	width: 400px;
}
#MILIONEwrapper #s7 .flex_box li:nth-of-type(3){
	padding: 38px 0;
}

#MILIONEwrapper #s7 .flex_box li:nth-of-type(3) > img{
	display:block;
	width:433px;
	height: 212px;
	margin: 0 30px 20px 0;
}
#MILIONEwrapper #s7 .flex_box li:nth-of-type(3) > div{
	width: 300px;
}
#MILIONEwrapper #s7 .flex_box li:nth-of-type(3) h4{
	margin: 0 0 7px;
}