.illumination{
width: 100%;
} .illumination img{
width: 100%;
max-width: initial;
display: inline;
}
.illumination .c_pink{
color: #FD88FF;
}
.illumination .c_blue{
color: #01F3E3;
}
.illumination .c_green{
color: #3CDA7B;
} .illumination .illumination_cover{
width: 100%;
margin-top: 80px;
height: 800px;
background-image: url(//www.chichibu-privatevilla-komura.com/wp-content/themes/komura/img/illumination/cover_re.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.illumination .illumination_cover .illumination_cover_txt{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
text-align: center;
color: #fff;
font-size: 5.0rem;
width: 80%;
text-shadow: 2px 2px 10px #000000 ,
-2px 2px 10px #000000 ,
2px -2px 10px #000000 ,
-2px -2px 10px #000000;
}
@media screen and (max-width: 896px) { .illumination .illumination_cover{
width: 100%;
margin-top: 60px;
height: 500px;
}
.illumination .illumination_cover .illumination_cover_txt{
font-size: 2.5rem;
}
} .illumination .illumination_cover .monyou01{
position: absolute;
top: -2%;
left: -2%;
width: 15%;
}
.illumination .illumination_cover .monyou01 img{
animation: rotation 10s linear infinite;
opacity: 0.7;
}
.illumination .illumination_cover .monyou02{
position: absolute;
top: 5%;
left: 5%;
width: 20%;
}
.illumination .illumination_cover .monyou02 img{
animation: rotation 15s linear infinite;
opacity: 0.5;
}
.illumination .illumination_cover .monyou03{
position: absolute;
top: 50%;
left: 10%;
width: 10%;
}
.illumination .illumination_cover .monyou03 img{
animation: rotationback 10s linear infinite;
opacity: 0.8;
}
.illumination .illumination_cover .monyou04{
position: absolute;
bottom: -3%;
left: -1%;
width: 20%;
}
.illumination .illumination_cover .monyou04 img{
animation: rotation 10s linear infinite;
opacity: 0.5;
}
.illumination .illumination_cover .monyou05{
position: absolute;
top: -1%;
right: 2%;
width: 15%;
}
.illumination .illumination_cover .monyou05 img{
animation: rotation 10s linear infinite;
opacity: 0.5;
}
.illumination .illumination_cover .monyou06{
position: absolute;
top: 25%;
right: 10%;
width: 12%;
}
.illumination .illumination_cover .monyou06 img{
animation: rotationback 15s linear infinite;
opacity: 0.7;
}
.illumination .illumination_cover .monyou07{
position: absolute;
bottom: -3%;
right: 5%;
width: 20%;
}
.illumination .illumination_cover .monyou07 img{
animation: rotation 20s linear infinite;
opacity: 0.7;
}
.illumination .illumination_cover .monyou08{
position: absolute;
top: 3%;
right: 20%;
width: 10%;
}
.illumination .illumination_cover .monyou08 img{
animation: rotation 15s linear infinite;
opacity: 0.7;
}
@media screen and (max-width: 896px) {
.illumination .illumination_cover .monyou01{
position: absolute;
top: -2%;
left: -2%;
width: 25%;
}
.illumination .illumination_cover .monyou02{
position: absolute;
top: 7%;
left: 10%;
width: 30%;
}
.illumination .illumination_cover .monyou03{
position: absolute;
top: 60%;
left: 5%;
width: 20%;
}
.illumination .illumination_cover .monyou04{
position: absolute;
bottom: -3%;
left: -1%;
width: 35%;
}
.illumination .illumination_cover .monyou05{
position: absolute;
top: -1%;
right: 2%;
width: 30%;
}
.illumination .illumination_cover .monyou06{
position: absolute;
top: 20%;
right: 15%;
width: 20%;
}
.illumination .illumination_cover .monyou07{
position: absolute;
bottom: 2%;
right: 5%;
width: 30%;
}
.illumination .illumination_cover .monyou08{
position: absolute;
top: -3%;
right: 30%;
width: 15%;
}
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes rotationback {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
} .illumination .illumination_main{
width: 100%;
margin: 0 auto;
background-color: #060709;
} .illumination .illumination_intro{
padding: 100px 0 50px 0;
width: 100%;
background-image: url(//www.chichibu-privatevilla-komura.com/wp-content/themes/komura/img/illumination/about_bg.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100%;
}
.illumination .illumination_intro .illumination_inner{
width: 94%;
max-width: 1200px;
margin: 0 auto;
}
.illumination .illumination_intro .illumination_inner p.illumination_intro_txt{
text-align: center;
color: #fff;
font-size: 2.0rem;
line-height: 2;
}
.illumination .illumination_intro .illumination_inner .illumination_menu{
width: 100%;
margin-top: 100px;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content:space-between;
}
.illumination .illumination_intro .illumination_inner .illumination_menu a{
width: 30%;
display: block;
padding: 10px;
text-align: center;
border-radius: 9999px; 
}
.illumination .illumination_intro .illumination_inner .illumination_menu a span.kaleidoscope{
line-height: 50px;
}
.illumination .illumination_intro .illumination_inner .illumination_menu a.a_col_pink{
border: 1px solid #FD88FF;
color: #FD88FF;
}
.illumination .illumination_intro .illumination_inner .illumination_menu a.a_col_blue{
border: 1px solid #01F3E3;
color: #01F3E3;
}
.illumination .illumination_intro .illumination_inner .illumination_menu a.a_col_green{
border: 1px solid #3CDA7B;
color: #3CDA7B;
}
.illumination .illumination_intro .illumination_inner .illumination_menu a.a_col_pink:hover{
background: rgba(253, 136, 255, 0.2);
}
.illumination .illumination_intro .illumination_inner .illumination_menu a.a_col_blue:hover{
background: rgba(1, 243, 227, 0.2);
}
.illumination .illumination_intro .illumination_inner .illumination_menu a.a_col_green:hover{
background: rgba(60, 218, 123, 0.2);
}
@media screen and (max-width: 896px) {
.illumination .illumination_intro{
padding: 50px 0 50px 0;
background-size: 200%;
}
.illumination .illumination_intro .illumination_inner p{
font-size: 1.5rem;
}
.illumination .illumination_intro .illumination_inner .illumination_menu{
margin-top: 50px;
}
.illumination .illumination_intro .illumination_inner .illumination_menu a{
width: 100%;
margin-bottom: 20px;
}
.illumination .illumination_intro .illumination_inner p.illumination_intro_txt{
font-size: 1.5rem;
}
} .illumination .h2_title{
width: 100%;
text-align: center;
padding: 50px 0 20px 0;
margin-bottom: 50px;
font-size: 2.0rem;
}
.illumination .h2_title::before{
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
content: '';
display: inline-block;
width: 25px;
height: 25px;
background-size: contain;
vertical-align: middle;
}
.illumination .h2_title::after {
bottom: -10px;
content: "";
height: 1px;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 300px;
}
.illumination .h2_title.h2_kaleidoscope{
color: #FD88FF;
position: relative;
}
.illumination .h2_title.h2_kaleidoscope::before{
background-image: url(//www.chichibu-privatevilla-komura.com/wp-content/themes/komura/img/illumination/kira_icon_pink.svg);
}
.illumination .h2_title.h2_kaleidoscope::after {
background-color: #FD88FF;
}
.illumination .h2_title.h2_suiteroom{
color: #01F3E3;
position: relative;
}
.illumination .h2_title.h2_suiteroom::before{
background-image: url(//www.chichibu-privatevilla-komura.com/wp-content/themes/komura/img/illumination/kira_icon_blue.svg);
}
.illumination .h2_title.h2_suiteroom::after {
background-color: #01F3E3;
}
.illumination .h2_title.h2_dogroom{
color: #3CDA7B;
position: relative;
}
.illumination .h2_title.h2_dogroom::before{
background-image: url(//www.chichibu-privatevilla-komura.com/wp-content/themes/komura/img/illumination/kira_icon_green.svg);
}
.illumination .h2_title.h2_dogroom::after {
background-color: #3CDA7B;
}
.illumination .h2_more_btn{
width: 100%;
margin-top: 50px;
}
.illumination .h2_more_btn a{
width: 90%;
max-width: 500px;
display: block;
padding: 20px 10px;
text-align: center;
border-radius: 9999px;
margin: 0 auto;
}
.illumination .h2_more_btn a.a_col_blue{
border: 1px solid #01F3E3;
color: #01F3E3;
}
.illumination .h2_more_btn a.a_col_green{
border: 1px solid #3CDA7B;
color: #3CDA7B;
}
.illumination .h2_more_btn a.a_col_blue:hover{
background: rgba(1, 243, 227, 0.2);
}
.illumination .h2_more_btn a.a_col_green:hover{
background: rgba(60, 218, 123, 0.2);
} .illumination .p_txt{
color: #fff;
text-align: center;
} .illumination .kaleidoscope_box{
width: 100%;
margin-top: 100px;
padding: 100px 0;
background-image: url(//www.chichibu-privatevilla-komura.com/wp-content/themes/komura/img/illumination/kaleidoscope_bg01.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 40%;
}
.illumination .kaleidoscope_box .kaleidoscope_list{
width: 100%;
margin-top: 100px;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
}
.illumination .kaleidoscope_box .kaleidoscope_list .kaleidoscope_list_box{
width: 23%;
margin: 20px 1%;
}
.illumination .kaleidoscope_box .kaleidoscope_list .kaleidoscope_list_box .ks_img{
width: 100%;
text-align: center;
}
.illumination .kaleidoscope_box .kaleidoscope_list .kaleidoscope_list_box .ks_img img{
width: 100%;
max-width: 150px;
}
.illumination .kaleidoscope_box .kaleidoscope_list .kaleidoscope_list_box .ks_name{
text-align: center;
margin: 10px 0;
font-size: 1.8rem;
}
@media screen and (max-width: 896px) {
.illumination .kaleidoscope_box{
margin-top: 50px;
padding: 100px 0 50px;
background-size: 80%;
}
.illumination .kaleidoscope_box .kaleidoscope_list .kaleidoscope_list_box{
width: 48%;
margin: 20px 1%;
}
} .illumination .suiteroom_area{
width: 100%;
margin-top: 50px;
}
.illumination .suiteroom_area .suiteroom_area_inner{
width: 94%;
max-width: 1200px;
margin: 50px auto 0 auto;
}
.illumination .suiteroom_box{
width: 100%;
margin-top: 100px;
padding-top: 100px;
background-image: url(//www.chichibu-privatevilla-komura.com/wp-content/themes/komura/img/illumination/room_bg01.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 40%;
}
.illumination .suiteroom_box .suiteroom_main_img{
width: 100%;
margin: 100px 0 50px 0;
}
.illumination .suiteroom_illumi_area{
width: 100%;
margin: 50px 0;
padding-bottom: 100px;
background-image: url(//www.chichibu-privatevilla-komura.com/wp-content/themes/komura/img/illumination/room_bg02.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100%;
}
.illumination .suiteroom_illumi_area .suiteroom_illumi_inner{
width: 94%;
max-width: 1200px;
margin: 0 auto;
}
@media screen and (max-width: 896px) {
.illumination .suiteroom_box{
padding-top: 100px;
margin-top: 50px;
background-size: 80%;  
}
} .illumination .room_illumi_box{
width: 100%;
padding: 3%;
}
.illumination .room_illumi_box.border_blue{
border: #01F3E3 1px solid;
}
.illumination .room_illumi_box.border_green{
border: #3CDA7B 1px solid;
}
.illumination .room_illumi_box h3{
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.illumination .room_illumi_box .room_illumi_list{
width: 100%;
margin-top: 30px;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
}
.illumination .room_illumi_box .room_illumi_list .room_illumi_list_box{
width: 23%;
margin: 20px 1%;
}
.illumination .room_illumi_box .room_illumi_list .room_illumi_list_box .ri_img{
width: 100%;
text-align: center;
}
.illumination .room_illumi_box .room_illumi_list .room_illumi_list_box .ri_img img{
width: 100%;
max-width: 200px;
border: 1px solid #5c5c5c;
border-radius: 50%;
}
.illumination .room_illumi_box .room_illumi_list .room_illumi_list_box .ri_name{
text-align: center;
margin: 10px 0;
font-size: 1.8rem;
}
@media screen and (max-width: 896px) {
.illumination .room_illumi_box .room_illumi_list .room_illumi_list_box{
width: 48%;
margin: 20px 1%;
}
.illumination .room_illumi_box .room_illumi_list .room_illumi_list_box .ri_img img{
max-width: 150px;
}
} .illumination .dogroom_area{
width: 100%;
margin-top: 50px;
}
.illumination .dogroom_area .dogroom_area_inner{
width: 94%;
max-width: 1200px;
margin: 50px auto 0 auto;
}
.illumination .dogroom_box{
width: 100%;
margin-top: 100px;
padding-top: 100px;
background-image: url(//www.chichibu-privatevilla-komura.com/wp-content/themes/komura/img/illumination/dogroom_bg01.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 40%;
}
.illumination .dogroom_box .dogroom_main_img{
width: 100%;
margin: 100px 0 50px 0;
}
.illumination .dogroom_illumi_area{
width: 100%;
margin: 50px 0;
padding-bottom: 100px;
background-image: url(//www.chichibu-privatevilla-komura.com/wp-content/themes/komura/img/illumination/dogroom_bg02.png);
background-position: top left;
background-repeat: no-repeat;
background-size: 25%;
}
.illumination .dogroom_illumi_area .dogroom_illumi_inner{
width: 94%;
max-width: 1200px;
margin: 0 auto;
}
.illumination .dogroom_illumi_img{
margin-top: 30px;
width: 100%;
text-align: center;
}
.illumination .dogroom_illumi_img img{
width: 70%;
max-width: 300px;
}
@media screen and (max-width: 896px) {
.illumination .dogroom_box{
padding-top: 100px;
margin-top: 50px;
background-size: 80%;  
}
.illumination .dogroom_illumi_area{
background-size: 50%;
}
} .illumination .foot_info {
width: 100%;
margin-top: 100px;
padding: 100px 0;
border-top: 1px solid #E0E59D;
}
.illumination .foot_info .foot_info_inner{
width: 94%;
max-width: 1200px;
margin: 0 auto;
}
.illumination .foot_info .foot_info_inner .foot_info_box{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.illumination .foot_info .foot_info_inner .foot_info_box .foot_info_img{
width: 25%;
}
.illumination .foot_info .foot_info_inner .foot_info_box .foot_info_note{
width: 70%;
margin-left: 5%;
}
.illumination .foot_info .foot_info_inner .foot_info_box .foot_info_note .foot_info_note_cooperate{
width: 100%;
margin: 10px 0;
}
.illumination .foot_info .foot_info_inner .foot_info_box .foot_info_note .foot_info_note_cooperate span{
display: inline-block;
padding: 3px 15px;
border: #E0E59D 1px solid;
border-radius: 9999px;
color: #E0E59D;
}
.illumination .foot_info .foot_info_inner .foot_info_box .foot_info_note .foot_info_note_name{
color: #E0E59D;
margin: 10px 0;
font-size: 1.7rem;
}
.illumination .foot_info .foot_info_inner .foot_info_box .foot_info_note .foot_info_note_name a{
color: #E0E59D;
font-size: 1.4rem;
margin-left: 15px;
}
.illumination .foot_info .foot_info_inner .foot_info_box .foot_info_note .foot_info_note_p{
color: #fff;
}
@media screen and (max-width: 896px) {
.illumination .foot_info {
margin-top: 50px;
padding: 50px 0;
}
.illumination .foot_info .foot_info_inner .foot_info_box .foot_info_img{
width: 100%;
text-align: center;
}
.illumination .foot_info .foot_info_inner .foot_info_box .foot_info_img img{
width: 60%;
}
.illumination .foot_info .foot_info_inner .foot_info_box .foot_info_note{
width: 100%;
margin-left: 0;
margin-top: 20px;
}
.illumination .foot_info .foot_info_inner .foot_info_box .foot_info_note .foot_info_note_cooperate{
text-align: center;
}
.illumination .foot_info .foot_info_inner .foot_info_box .foot_info_note .foot_info_note_name{
text-align: center;
}
.illumination .foot_info .foot_info_inner .foot_info_box .foot_info_note .foot_info_note_name a{
margin-left: 0;
}
} .illumination .illumination_notice{
width: 100%;
margin-top: 50px;
}
.illumination .illumination_notice p{
text-align: center;
color:#fff ;
} .room_slider{
width: 100%;
overflow: hidden;
position: relative;
}
.room_slider .slick-slide img {
width: 100%;
height: auto;
}
.room_slider .slick-prev, 
.room_slider .slick-next {
position: absolute; top: 42%;
cursor: pointer; outline: none; border-top: 2px solid #666; border-right: 2px solid #666; height: 15px;
width: 15px;
}
.room_slider .slick-prev { left: -1.5%;
transform: rotate(-135deg);
}
.room_slider .slick-next { right: -1.5%;
transform: rotate(45deg);
}
.thumbnail .slick-track {
transform: unset !important;
}