@charset "utf-8";
/* 2025/12 update */
html,
body {background: none; margin: 0; width: 100%; height: auto !important;}

/*** Event - Common ***/
.sp_display{display:none;}
.pc_display{display:block;}
.animated {animation-duration: 1s; animation-fill-mode: both; visibility: visible;}
#wrap {background: none;}
figure,
footer,
header,
section {display: block;}
section#contents1,
section#contents2,
section#contents3,
section#contents4,
section#contents5,
section#contents6,
p.copyright{/* background-color: #0f0f1e; */ background-color: rgb(3 28 5 / 0.75); background-repeat: no-repeat; background-size: cover;}
header {position: relative; background-color: #fff;}
header.logined {background-color: #D61518;}
footer {position: relative;}
hr{margin: 4rem 0; border-bottom: 1px solid rgb(26 103 69 / 1);}

#page-top {position: fixed; right: 1.6rem; bottom: 0.8rem; z-index: 10;
-webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
#page-top .scroll.show{bottom: 1rem;}
#page-top a .scroll {width: 2rem; height: 6.5rem; position: absolute; right: 0; bottom: -10rem; transition: all .3s; z-index: 9;}
#page-top a .scroll .arw::after {content: ""; display: block; position: absolute; right: -12px; top: 2px; width: 7px; height: 7px; border-right: 2px solid #0ba29a; border-top: 2px solid #0ba29a; transform: rotate(-45deg);}
#page-top a .scroll .arw {position: absolute; top: 0; left: 50%; margin-left: -0.7rem;}
#page-top a .scroll .txt {color: #fff; font-size: 1rem; font-weight: 700; mix-blend-mode: difference; position: absolute; left: 0.3rem; bottom: 0;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;}

.overlay {width: 120%; height: 100vh; position: fixed; top: 0; left: -10%; background: url(/img/event/cpn_grove_house/bg_image.jpg) 0 0; background-size: cover; background-repeat: no-repeat; background-position: top; z-index: -1;
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
filter: blur(3px);
}

/*** Event - house_t ***/
#wrap_house_t{color: #fff; font-size: 1.8rem; line-height: 1.7; position: relative; overflow: hidden;
font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-style: normal; font-feature-settings: "palt";}
article{width: 100%; padding: 0; position: relative; overflow: hidden;}
section{padding: 5rem 0; margin: 0;}
div.hero{position: relative;}
p.copyright{color: #fff; font-size: 1.0rem; letter-spacing: 1.5px; margin: 0; padding: 0 0 5rem;}
.content-block{width: 970px; margin: 0 auto;}
.content-block p{margin: 0;}
.content-block p.large-text{font-size: 2.25rem;}
.content__ttl{margin: 0 0 4rem;}
.content__ttl h2{background: #007541; color: #fff; font-size: 3rem; font-weight: 700; padding: 2.0rem; margin: 0;}
.content__label h3{color: #fff; font-size: 4.8rem; font-weight: 700; line-height: 1; margin: 0 0 3.5rem;}
.content__label h4,
.content__label h5{font-size: 2.6rem; font-weight: 700; line-height: 1.35; padding: 0.25rem 0.5rem 0.5rem 1.5rem; margin: 0 0 1.5rem; position: relative;}
.content__label h4:before{content: ''; position: absolute; top: 0; left: 0; display: block; width: 7px; height: 100%; background: #007541;}
.content__label h5:before{content: ''; position: absolute; top: 0; left: 0; display: block; width: 5px; height: 100%; background: #fff;}

/* Loader */
#site_loader_overlay {background: rgb(40 40 42 / 1); opacity: 1;position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99999;}
.site_loader_logo {font-size: 10px; margin: -3em; text-indent: -9999em; width: 6em; height: 6em; border-radius: 50%; position: absolute; top: 50%; left: 50%;
background: rgb(40 40 42 / 1);
background: -moz-linear-gradient(left, #007541 10%, rgba(104, 239, 189, 0) 42%);
background: -webkit-linear-gradient(left, #007541 10%, rgba(104, 239, 189, 0) 42%);
background: -o-linear-gradient(left, #007541 10%, rgba(104, 239, 189, 0) 42%);
background: -ms-linear-gradient(left, #007541 10%, rgba(104, 239, 189, 0) 42%);
background: linear-gradient(to right, #007541 10%, rgba(104, 239, 189, 0) 42%);
-webkit-animation: load3 1.4s infinite linear;
animation: load3 1.4s infinite linear;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);}
.site_loader_logo:before {
content: ''; width: 50%; height: 50%; background: #007541; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0;}
.site_loader_logo:after {content: ''; background: rgb(40 40 42 / 1); width: 75%; height: 75%; border-radius: 50%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}

/* Contents Common */
#wrap_house_t #contents a{color: #007541; transition: all .3s;}
#wrap_house_t #contents a:hover{color: #007541; text-decoration: underline;}
#wrap_house_t #contents a.image,#wrap_vspro #contents a.image::before,#wrap_vspro #contents a.image::after{display: block; outline: 0px solid #b71c25;  outline-offset: 0px; color: #fff; -webkit-transition: all .1s; transition: all .1s;}
#wrap_house_t #contents a.image:hover{outline: 5px solid #b71c25;  outline-offset: -8px; color: #b71c25;}
#wrap_house_t #contents .boxLink {display: block; color: #fff; font-weight: 700; line-height: 55px; width: 500px; text-align: center; text-decoration: none !important; margin: 0 auto; position: relative; cursor: pointer; z-index: 1;}
#wrap_house_t #contents .boxLink:after {pointer-events: none; position: absolute; width: 100%; height: 100%; content:''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
#wrap_house_t #contents .boxLink:before {speak: none; line-height: 90px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased;}
#wrap_house_t #contents .boxLink.effect {color: #333333; font-size: 1.8rem; border: 3px #cccccc solid; -webkit-transition: color 0.3s; transition: color 0.3s;}
#wrap_house_t #contents .boxLink.effect:after {top: 0; left: 0; padding: 0; z-index: -1;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#e7e7e7 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e7e7e7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;}
#wrap_house_t #contents .boxLink.effect.sub:hover,section.base .boxLink.effect.sub:hover i {color: #c9151e;}
#wrap_house_t #contents .boxLink.effect.sub:hover:after {}
#wrap_house_t #contents .boxLink i{background: url(../img/event/cpn_vspro/vspro_arrow.png) no-repeat 50%; padding: 10px 20px;}


/* Main image */
.vj-house_t{width: 100%; max-width: 920px; height: auto; min-height: 650px; margin: 0 auto; padding: 5rem 0;}
.vj-house_t #scroll-down {display: block; position: relative; padding-top: 26px; text-align:center; margin-top: 2.5rem;}
.vj-house_t .arrow-down {display: block; margin: 0 auto; width: 10px; height: 20px;}
.vj-house_t .arrow-down:after {content: ''; width: 8px; height: 8px; display: block; margin: 0; padding: 0; border-top: 2px solid #007541; border-right: 2px solid #007541; behavior: url(-ms-transform.htc);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);}
.vj-house_t #scroll-title {display: block; color: #007541; text-transform: uppercase; font-family: Helvetica Neue, Helvetica, Arial; font-size:14px; font-weight:bold; letter-spacing:.1em;}
.vj-house_t #scroll-down::before {content: ''; width: 2px; height: 35px; position: absolute; top: 0px; left: 50%; background: #007541; margin-left: -2px;
-webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
-moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
-o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;}


/* Contents intro */
#wrap_house_t #contents1 {/* background-color: #fff; */ margin-top: 0; padding-top: 5rem !important; padding-bottom: 3rem !important;}
#wrap_house_t #contents1 .content__ttl h2{background: none; color: #fff; font-size: 4rem; text-align: center; font-weight: 800; line-height: 1.2em; padding: 0;}
#wrap_house_t #contents1 .box__flow ul{width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; position: relative;}
#wrap_house_t #contents1 .box__flow ul > li{width: 29.333%; background: #fff; color: #007541; border-radius: 0 30px 0 0; margin-right: 6%; position: relative;}
#wrap_house_t #contents1 .box__flow ul > li:last-child{margin-right: 0;}
#wrap_house_t #contents1 .box__flow ul > li div{display: block; background: #007541; color: #fff; border-radius: 0 30px 0 0; text-align: center; font-size: 2.8rem; font-weight: 800; line-height: 1.1em; padding: 1rem;}
#wrap_house_t #contents1 .box__flow ul > li div span{display: block; font-size: 1.5rem; font-weight: 500;}
#wrap_house_t #contents1 .box__flow ul > li p{padding: 2.5rem; font-weight: 700; line-height: 1.35em;}
#wrap_house_t #contents1 .box__flow ul > li p img{width: 85%; margin: 0 auto 1.5rem;}
#wrap_house_t #contents1 .box__flow ul > li:after{content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 0;  margin: -15px -45px 0 0; border-left: 30px solid #fff; border-top: 30px solid transparent; border-bottom: 30px solid transparent;}
#wrap_house_t #contents1 .box__flow ul > li:last-child::after{display:none;}


/* Contents 2 Tournament */
#wrap_house_t #contents2 .content__detail{background: rgba(0, 0, 0, 0.575); padding: 5rem;}
#wrap_house_t #contents2 .content__detail .entry{background: rgb(255 255 255 / 0.1); padding: 3rem 3rem 4rem; margin: 3rem 0 0;}
#wrap_house_t #contents2 .content__detail .entry p{text-align: center; font-size: 2.4rem; font-weight: 700; margin: 0 0 1rem;}
#wrap_house_t #contents2 .content__detail .entry a{display: block; width: 100%; max-width: 480px; text-align: center; background: #f1d76e; color: #111; padding: 0.75rem; border-radius: 20px; margin: 0 auto;}
#wrap_house_t #contents2 .content__detail .entry a:hover{text-decoration: none; opacity: 0.75;}
#wrap_house_t #contents2 .tablebox{height: 100%; min-height: 120px; max-height: 400px;}
#wrap_house_t #contents2 .tablebox .jspVerticalBar {width: 10px;}
#wrap_house_t #contents2 .tablebox .jspHorizontalBar {height: 10px; background: rgba(0,0,0,0);}
#wrap_house_t #contents2 .tablebox .jspCorner{background: rgba(0,0,0,0);}
#wrap_house_t #contents2 .tablebox .jspTrack{background: none;}
#wrap_house_t #contents2 .tablebox .jspDrag{background: #007541;}
#wrap_house_t #contents2 table{color:#222; border-collapse:collapse;}
#wrap_house_t #contents2 table th{white-space: nowrap;}
#wrap_house_t #contents2 table td{border:solid 1px #007541; white-space: nowrap;}
#wrap_house_t #contents2 table th{font-size: 1.25rem; font-weight: 600; line-height: 1.4; color: #007541; padding: 1.0rem 3.5rem; text-align: center;}
#wrap_house_t #contents2 table td{background: rgba(30, 30, 30, 0.45); color: #fff; font-size: 1.4rem; line-height: 1.4; vertical-align: middle; padding: 1.5rem; text-align: center;}
#wrap_house_t #contents2 table td a{color: #f1d76e; text-decoration: underline;}
#wrap_house_t #contents2 table td a:hover{text-decoration: none;}
#wrap_house_t #contents2 p.tips {font-size: 1.15rem; margin-top: 1.5rem; text-align: right;}
#wrap_house_t #contents2 .st_col{position: sticky; top: 0; left: 0; background: none; border-top: none; border-bottom: none;}
#wrap_house_t #contents2 .st_col::before {content: ""; background-color: #fff; border:solid 1px #007541; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}


/* Contents 3 Outline */
#wrap_house_t #contents3 .content__detail{background: rgba(0, 0, 0, 0.575); margin: 0 0 5rem; padding: 5rem;}
#wrap_house_t #contents3 .content__detail:last-of-type{margin: 0;}
#wrap_house_t #contents3 .content__detail p.sub-tips{font-size: 2.25rem; font-weight: 700; color: #f1d76e; line-height: 1.25; margin-bottom: 1.5rem;}
#wrap_house_t #contents3 .content__detail dl{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; width: 100%; margin: 1.5rem 0 0; padding: 0; font-size: 1.25rem;}
#wrap_house_t #contents3 .content__detail dt{width: 2%; min-width: 16px;}
#wrap_house_t #contents3 .content__detail dd{width: 98%;}
#wrap_house_t #contents3 .content__detail ul{margin: 0 0 2.5rem 4.25rem; padding: 0;}
#wrap_house_t #contents3 .content__detail ul > li{list-style: disc; margin: 0 0 0.75rem;}
#wrap_house_t #contents3 .content__link{display: flex; justify-content: flex-start; align-items: center; border: 2px solid #007541; padding: 3rem; margin-top: 3rem; background: rgba(0, 0, 0, 0.75);}
#wrap_house_t #contents3 .content__link .link_txt{width: 45%; margin-right: 5%;}
#wrap_house_t #contents3 .content__link .link_txt h6{font-size: 2.4rem; font-weight: 700; line-height: 1;}
#wrap_house_t #contents3 .content__link .link_txt p{font-size: 1.4rem;}
#wrap_house_t #contents3 .content__link .link_btn{width: 50%;}
#wrap_house_t #contents3 .content__link .link_btn a{display: block; width: 100%; text-align: center; font-size: 1.6rem;}
#wrap_house_t #contents3 .content__link .link_btn a:hover{opacity: 0.75; text-decoration: none;}
#wrap_house_t #contents3 .content__detail .dropdown__box{margin-bottom: 3rem;}
#wrap_house_t #contents3 .content__detail .dropdown__box:last-of-type{margin-bottom: 0;}
#wrap_house_t #contents3 .content__detail .accordion_one .accordion_inner {background-color: rgba(0, 0, 0, 0.575);}  
#wrap_house_t #contents3 .content__detail .accordion_one .content__label h4{padding: 0; margin: 0;}
#wrap_house_t #contents3 .content__detail .accordion_one .content__label h4:before {display: none;}


/* dropdown__box 共通 */
.box__section .accordion_one {position: relative;}
.box__section .accordion_one .accordion_header {background: #f1d76e; color: #111; padding: 2.5rem; position: relative; z-index: +1; cursor: pointer; transition-duration: 0.8s;}
.box__section .accordion_one .accordion_header.open{background: #fff; color: #fff;}
.box__section .accordion_one .accordion_header.open h4{color: #007541;}
.box__section .accordion_one .accordion_header.stay + .accordion_inner{display: block;}
.box__section .accordion_one .accordion_header .i_box {display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: 3rem; width: 25px; height: 25px; margin-top: -11px;
box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center center; transition-duration: 0.4s;}
.box__section .accordion_one .accordion_header .i_box .one_i {display: block; width: 25px; height: 25px; position: relative; -webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center center; transition-duration: 0.4s;}
.box__section .accordion_one .accordion_header.open .i_box {-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}
.box__section .accordion_one .accordion_header .i_box .one_i:before,
.box__section .accordion_one .accordion_header .i_box .one_i:after {content: ''; display: flex; background-color: #111; width: 25px; height: 5px; position: absolute; top: 10px; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); transform-origin: center center;}
.box__section .accordion_one .accordion_header.enable .i_box .one_i:before,
.box__section .accordion_one .accordion_header.enable .i_box .one_i:after {background-color: #111;}
.box__section .accordion_one .accordion_header .i_box .one_i:before {width: 5px; height: 25px; top: 0; left: 10px;}
.box__section .accordion_one .accordion_header.open .i_box .one_i:before {content: none;}
.box__section .accordion_one .accordion_header.open .i_box .one_i:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #007541;}
.box__section .accordion_one .accordion_inner {display: none; padding: 3rem;}


/* Contents 4 Result */
#wrap_house_t #contents4 .winning ul{width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
#wrap_house_t #contents4 .winning ul > li{overflow: hidden; width: 48%; margin: 1%; position: relative;}
#wrap_house_t #contents4 .winning li .winning_image{overflow: hidden; background-color: #1f1f1f; border: solid 2px #f1d76e; padding: 3px;}
#wrap_house_t #contents4 .winning li .winning_image i.win_icon{background: #f1d76e; color: #111; transform: rotate(-40deg); padding: 5px 60px; font-size: 1.35rem; font-weight: 700; line-height: 1.2em; letter-spacing: 1px; text-align: center; font-style: normal; z-index: 1; position: absolute; top: 10px; left: -47px;}
#wrap_house_t #contents4 .winning li .winning_name{font-size: 1.5rem; color: #f1d76e; text-align: center; background: rgba(10, 10, 20, 0.75); margin: 5px 0 0; padding: 3px 0;}
#wrap_house_t #contents4 .result_img{margin: 2rem 0 0; border: 2px solid #007541;}
#wrap_house_t #contents4 a:hover img{opacity: 0.75;}
/* Contents ex Result */
#wrap_house_t #ht_Notice{background-color: rgba(10, 10, 20, 1.0); background-repeat: no-repeat; background-size: cover;}


/* Contents 5 Present */
#wrap_house_t #contents5 .content__present{background: rgba(0, 0, 0, 0.75); padding: 4rem; margin-bottom: 3rem;}
#wrap_house_t #contents5 .content__present:last-of-type{margin-bottom: 0;}
#wrap_house_t #contents5 p{font-size: 1.8rem; font-weight: 700;}
#wrap_house_t #contents5 p.sub-tips {font-size: 3rem; color: #f1d76e; line-height: 1.25; margin-bottom: 1.5rem;}
#wrap_house_t #contents5 span.tips{display: block; font-size: 1.2rem; font-weight: 500; margin: 1.5rem 0;}
#wrap_house_t #contents5 .content__present .detail dl{background: rgb(255 255 255 / 0.15); display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
#wrap_house_t #contents5 .content__present .detail dt{width: 25%;}
#wrap_house_t #contents5 .content__present .detail dd{width: 70%; margin: 2.5%;}


/* Contents 6 About */
#wrap_house_t #contents6 .content__movie{background: rgba(0, 0, 0, 0.75); padding: 4rem;}


/* Notice 共通 */
#wrap_house_t #contents .content-block .notice{margin: 0 0 4rem;}
#wrap_house_t #contents .content-block .notice:last-of-type{margin: 0;}
#wrap_house_t #contents .content-block .notice p{font-size: 1.25rem; margin: 1.75rem 0;}
#wrap_house_t #contents .content-block .notice a:hover{text-decoration: underline;}
#wrap_house_t #contents .content-block .notice ul{margin: 0 0 0 20px; padding: 0;}
#wrap_house_t #contents .content-block .notice ul > li{font-size: 1.25rem; list-style: disc; margin: 0 0 0.75rem;}

/*responsive ==============================================================================*/
@media (max-width: 767px) {
/*smart phone*/

/*** Event - Common ***/
.sp_display{display:block;}
.pc_display{display:none;}

/*** Event - house_t ***/
#wrap_house_t{font-size: 1.6rem; line-height: 1.5;}
section{padding: 2.5rem 0;}
p.copyright{padding: 0 0 2.5rem;}
.content-block{width: 90%;}
.content__ttl{margin: 0 0 2rem;}
.content__ttl h2{font-size: 2.25rem; padding: 1.4rem;}
.content__label h4,
.content__label h5{font-size: 1.75rem;}

/* Main image */
.vj-house_t{width: 95%; height: auto; min-height: auto; padding: 3rem 0 2rem;}
.vj-house_t #scroll-down {padding-top: 20px; margin-top: 1.5rem;}
.vj-house_t .arrow-down {height: 15px;}
.vj-house_t #scroll-title {font-size: 12px;}
.vj-house_t #scroll-down::before {height: 26px;}

/* Contents intro */
#wrap_house_t #contents1 {padding-top: 3rem !important;}
#wrap_house_t #contents1 .content__ttl h2{font-size: 2.0rem; line-height: 1.35em;}
#wrap_house_t #contents1 .box__flow ul{flex-direction: column;}
#wrap_house_t #contents1 .box__flow ul > li{width: 100%; max-width: 400px; margin: 0 auto 4.5rem;}
#wrap_house_t #contents1 .box__flow ul > li:last-child{margin: 0 auto;}
#wrap_house_t #contents1 .box__flow ul > li div{font-size: 2.25rem;}
#wrap_house_t #contents1 .box__flow ul > li div span{font-size: 1.4rem;}
#wrap_house_t #contents1 .box__flow ul > li p{padding: 2rem;}
#wrap_house_t #contents1 .box__flow ul > li p img{width: 75%;}
#wrap_house_t #contents1 .box__flow ul > li:after{top: 100%; right: 50%; margin: 10px -20px 0 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff;}

/* Contents 2 Tournament */
#wrap_house_t #contents2 .content__detail{padding: 2.5rem;}
#wrap_house_t #contents2 .content__detail .entry{padding: 2rem; margin: 2rem 0 0;}
#wrap_house_t #contents2 .content__detail .entry p{font-size: 1.7rem;}
#wrap_house_t #contents2 .content__detail .entry a{width: 90%; padding: 0.5rem;}
#wrap_house_t #contents2 .tablebox{min-height: 110px; max-height: 290px; margin-bottom: 2.5rem;}
#wrap_house_t #contents2 .tablebox:last-of-type{margin-bottom: 0;}
#wrap_house_t #contents2 .tablebox .jspVerticalBar {width: 7px;}
#wrap_house_t #contents2 .tablebox .jspHorizontalBar {height: 7px;}
#wrap_house_t #contents2 table td {font-size: 1.35rem; padding: 1.15rem;}

/* Contents 3 Outline */
#wrap_house_t #contents3 .content__detail{padding: 2.5rem;}
#wrap_house_t #contents3 .content__detail p.sub-tips{font-size: 1.6rem; line-height: 1.4;}
#wrap_house_t #contents3 .content__detail ul{margin: 0 0 1.5rem 2rem;}
#wrap_house_t #contents3 .content__detail ul > li{margin: 0 0 0.5rem;}
#wrap_house_t #contents3 .content__detail .dropdown__box{margin-bottom: 2rem;}

/* dropdown__box 共通 */
.box__section .accordion_one .accordion_header {padding: 1.0rem;}
.box__section .accordion_one .accordion_header .i_box {right: 1.5rem; width: 20px; height: 20px; margin-top: -9px;}
.box__section .accordion_one .accordion_header .i_box .one_i {width: 20px; height: 20px;}
.box__section .accordion_one .accordion_header .i_box .one_i:before,
.box__section .accordion_one .accordion_header .i_box .one_i:after {width: 20px; height: 4px; top: 8px; left: 0;}
.box__section .accordion_one .accordion_header .i_box .one_i:before {width: 4px; height: 20px; top: 0; left: 8px;}
.box__section .accordion_one .accordion_inner {padding: 1.5rem 0;}

/* Contents 4 Result */
#wrap_house_t #contents4 .winning ul{width: 100%; max-width: 400px; flex-direction: column; margin: 0 auto;}
#wrap_house_t #contents4 .winning ul > li{width: 100%; margin: 0;}
#wrap_house_t #contents4 .winning li .winning_name{font-size: 1.6rem; margin: 5px 0 2rem; padding: 5px 0;}

/* Contents 5 Present */
#wrap_house_t #contents5 .content__present{padding: 2.5rem;}
#wrap_house_t #contents5 p{font-size: 1.6rem;}
#wrap_house_t #contents5 p.sub-tips {font-size: 2.2rem; line-height: 1.4; margin-bottom: 0.75rem;}
#wrap_house_t #contents5 span.tips{font-size: 1.2rem; margin: 1.0rem 0 1.5rem;}
#wrap_house_t #contents5 .content__present .detail dl{width: 100%; max-width: 400px; flex-direction: column; margin: 0 auto;}
#wrap_house_t #contents5 .content__present .detail dt{width: 100%;}
#wrap_house_t #contents5 .content__present .detail dd{width: 100%; margin: 0; padding: 1.5rem;}

/* Contents 6 About */
#wrap_house_t #contents6 .content__movie{padding: 1.5rem;}

/* Notice 共通 */
#wrap_house_t #contents .content-block .notice{margin: 0 0 4rem;}
#wrap_house_t #contents .content-block .notice:last-of-type{margin: 0;}
#wrap_house_t #contents .content-block .notice p{font-size: 1.25rem; margin: 1.75rem 0;}
#wrap_house_t #contents .content-block .notice a:hover{text-decoration: underline;}
#wrap_house_t #contents .content-block .notice ul{margin: 0 0 0 20px; padding: 0;}
#wrap_house_t #contents .content-block .notice ul > li{font-size: 1.25rem; list-style: disc; margin: 0 0 0.75rem;}
}

@media (max-width: 400px) {/**/}
@media (min-width: 1200px) {/*desk top learge */}
@media (min-width: 768px) {/*sm~lg*/}

/*animated ==============================================================================*/
.animated {animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;}
@-webkit-keyframes load3 {
  0%   {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes load3 {
  0%   {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes SlideUp {
  0%   {opacity: 1; transform: translateX(0%);}
  100% {opacity: 0; transform: translateX(100%);}
}
@keyframes SlideDown {
  0%   {opacity: 0; transform: translateX(100%);}
  100% {opacity: 1; transform: translateX(0%);}
}
@keyframes elasticus {
0% {
	-webkit-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	-moz-transform: scale(1, 0);
	-o-transform: scale(1, 0);
	transform: scale(1, 0);
}
50% {
	-webkit-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}
50.1% {
	-webkit-transform-origin: 0% 100%;
	-ms-transform-origin: 0% 100%;
	-moz-transform-origin: 0% 100%;
	-o-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}
100% {
	-webkit-transform-origin: 0% 100%;
	-ms-transform-origin: 0% 100%;
	-moz-transform-origin: 0% 100%;
	-o-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	-moz-transform: scale(1, 0);
	-o-transform: scale(1, 0);
	transform: scale(1, 0);
}
}