/* CSS Document */ /*-------------------------------------------- COMMON --------------------------------------------*/ #ili_disny .clearfix:before, #ili_disny .clearfix:after {display: table; content: " ";} #ili_disny .clearfix:after {clear: both;} #ili_disny p ,#ili_disny li,#ili_disny dt, #ili_disny dd {font-size: 15px; line-height: 180%;} #ili_disny .fl_l {float: left; display: inline;} #ili_disny .fl_r {float: right; display: inline;} #ili_disny .dis_pc.dis_tab , #ili_disny .dis_pc.dis_sp , #ili_disny .dis_pc.dis_ssp , #ili_disny .dis_pc.dis_tab.dis_sp , #ili_disny .dis_pc.dis_tab.dis_ssp {display: block;} #ili_disny .dis_tab , #ili_disny .dis_sp , #ili_disny .dis_tab.dis_ssp , #ili_disny .dis_ssp {display: none;} #ili_disny .container {width: 1100px; max-width: 1100px; margin: 0 auto; padding: 0;} #ili_disny .tour_btn a:hover , #ili_disny .visual_navi ul li a:hover , #ili_disny .bl_voice ul li .voice_box:hover , #ili_disny .bl_voice ul li .bl_btn a:hover , #ili_disny .bl_bana ul li a:hover {opacity: 0.65;} @media screen and (max-width: 1100px){ #ili_disny .dis_pc , #ili_disny .dis_pc.dis_ssp {display: none;} #ili_disny .dis_pc.dis_tab , #ili_disny .dis_tab.dis_sp , #ili_disny .dis_pc.dis_tab.dis_ssp , #ili_disny .dis_tab.dis_ssp , #ili_disny .dis_tab {display: block;} #ili_disny .container {width: 94%; max-width: 1100px;} #ili_disny img {width: 100%;} } @media (max-width: 767px){ #ili_disny .link_box {padding-top: 50px;} #ili_disny .link_box {margin-top: -50px;} #ili_disny .dis_pc.dis_tab , #ili_disny .dis_pc.dis_tab.dis_ssp , #ili_disny .dis_pc.dis_ssp , #ili_disny .dis_tab.dis_ssp , #ili_disny .dis_tab {display: none;} #ili_disny .dis_tab.dis_sp , #ili_disny .dis_sp {display: block;} #ili_disny .tour_btn a:hover , #ili_disny .visual_navi ul li a:hover , #ili_disny .bl_voice ul li .voice_box:hover , #ili_disny .bl_voice ul li .bl_btn a:hover , #ili_disny .bl_bana ul li a:hover {opacity: 1;} } @media (max-width: 420px){ #ili_disny .dis_ssp , #ili_disny .dis_pc.dis_tab.dis_ssp , #ili_disny .dis_tab.dis_ssp , #ili_disny .dis_pc.dis_ssp {display: block;} } /*bg --------------------------------------------*/ #ili_disny .bg_pnk {background:#fdf0f3;} #ili_disny .bg_yellow {background:#fffdd2;} #ili_disny .bg_glay {background:#f7f7f7;} /*tit --------------------------------------------*/ #ili_disny .box_tit {background:#3cc2c0; padding: 40px 0;} #ili_disny .box_tit .container {border-left: solid 10px #fff; padding-left: 25px;} #ili_disny .box_tit .container .tit_01 {font-size: 36px; color: #fff; font-weight: bold;} #ili_disny .tit_02 {border-bottom: solid 5px #3cc2c0; font-size: 34px; color: #787878; text-align: center; padding-bottom: 30px;} @media (max-width: 1100px){ #ili_disny .tit_02 {line-height: 120%; padding-bottom: 20px;} } @media (max-width: 767px){ #ili_disny .box_tit {padding: 30px 5px;} #ili_disny .box_tit .container {border-left: none; padding-left: 0;} #ili_disny .box_tit .container .tit_01 {font-size: 4.3vw; text-align: center; line-height: 120%;} #ili_disny .tit_02 {font-size: 24px; line-height: 120%; padding-bottom: 20px;} } @media (max-width: 420px){ #ili_disny .box_tit {padding: 20px 5px;} #ili_disny .box_tit .container .tit_01 {font-size: 4.5vw;} #ili_disny .tit_02 {font-size: 18px; line-height: 120%; padding-bottom: 10px;} } /*tour_btn --------------------------------------------*/ #ili_disny .bl_btn {text-align: center;} #ili_disny .tour_btn_h {margin-bottom: 25px;} #ili_disny .tour_btn {width: 900px; height: 80px; margin: 0 auto; margin-bottom: 40px;} #ili_disny .tour_btn:last-child {margin-bottom: 0;} #ili_disny .tour_btn a {display: block; width: 100%; height: 100%; background:#ff6e00; border-radius: 10px; text-decoration: none; position: relative;} #ili_disny .tour_btn a span {color: #fff; font-size: 22px; font-weight: bold ; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); display: block; width: 100%;} #ili_disny .tour_btn a span:after {content: ""; position: absolute; top: 0; right: 20px; display: block; background: url(../images/tour_btn_arrow.png) no-repeat center; width: 14px; height: 100%;} @media (max-width: 1100px){ #ili_disny .tour_btn_h { max-width: 570px; width: 80%; margin: 0 auto 20px;} #ili_disny .tour_btn {width: 100%; height: 120px; margin: 0 auto; margin-bottom: 30px;} } @media (max-width: 767px){ #ili_disny .tour_btn {height: 100px} #ili_disny .tour_btn_h {width: 100%;} #ili_disny .tour_btn a span {font-size: 3.4vw;} } @media (max-width: 420px){ #ili_disny .tour_btn a span:after {right: 10px;} #ili_disny .tour_btn a span {font-size: 5vw;} } /*tel --------------------------------------------*/ #ili_disny .bl_tel {background: #fff; border: solid 1px #c8c8c8; padding: 30px 0px 30px 50px;} #ili_disny .bl_tel .fl_l {width: 570px;} #ili_disny .bl_tel .fl_r {width: 465px;} #ili_disny .bl_tel .txt_01 {font-size: 30px; margin-bottom: 10px;} #ili_disny .bl_tel .txt_02 span {color: #ff4572;} #ili_disny .bl_tel .txt_03 {font-size: 14px; color: #787878; padding-left: 50px;} #ili_disny .bl_tel .link_tel {background: url(../images/icon_tel.png) no-repeat left; padding-left: 50px;} #ili_disny .bl_tel .link_tel a {font-size: 62px; color: #3cc2c0; font-weight: bold; display: block; white-space: nowrap;font-family: 'arial',sans-serif; } @media (max-width: 1100px){ #ili_disny .bl_tel {padding: 20px;} #ili_disny .bl_tel .fl_l , #ili_disny .bl_tel .fl_r {width: 100%; text-align: center} #ili_disny .bl_tel .txt_02 {width: 100%; margin: 0 auto 10px; text-align: left; font-size: 18px; line-height: 140%;} #ili_disny .bl_tel .txt_03 {width: 100%; text-align: center; padding: 0; font-size: 18px;} #ili_disny .bl_tel .link_tel {border: solid 5px#3cc2c0; border-radius: 10px; width: 100%; margin: 0 auto 10px;; padding: 0px; background: none;} #ili_disny .bl_tel .link_tel a {font-size: 28px; display: block; width: 100%; height: 100%; text-decoration: none; padding: 10px 20px; background: url(../images/icon_tel@2.png) no-repeat 10px center; background-size: 33px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;} } @media (max-width: 767px){ #ili_disny .bl_tel .txt_01 { font-size: 22px; line-height: 120%;} #ili_disny .bl_tel .txt_02 , #ili_disny .bl_tel .txt_03 {font-size: 15px;} #ili_disny .bl_tel .link_tel a {font-size: 20px;} } /*bl_type_01 --------------------------------------------*/ #ili_disny .bl_type_01 .inner {padding: 80px 0 0;} #ili_disny .bl_type_01 .inner .bord {padding:40px 0 80px;} #ili_disny .bl_type_01 .inner .bord p.note {width: 900px; margin: 0 auto 40px;} @media (max-width: 1100px){ #ili_disny .bl_type_01 .inner {padding: 30px 0 0;} #ili_disny .bl_type_01 .inner .bord { padding:25px 0 60px;} #ili_disny .bl_type_01 .inner .bord p.note {width: 100%;} } /* .bord_01 .img_01 --------------------------------------------*/ #ili_disny .img_01 {text-align: center; margin-bottom: 60px;} #ili_disny .bord_01 {position: relative; border: solid 1px #c8c8c8; background: #fff url(../images/conditions_img_02.png) no-repeat 780px 25px; padding: 55px 80px; margin-bottom: 50px;} #ili_disny .bord_01 .icon {background: url(../images/triangle.png) no-repeat top left; width: 120px; height: 120px; position: absolute; top: 0px ;left: 0px;} #ili_disny .bord_01 .icon p {color: #fff; font-size: 20px; padding: 10px 0 0 10px;} #ili_disny .bord_01 .txt_01 {font-size: 25px; line-height: 160%; color: #787878; margin-bottom: 60px;} #ili_disny .bord_01 .txt_02 {width: 660px; margin-bottom: 30px;} #ili_disny .bord_01 span {color: #ff4572;} #ili_disny .bord_01 dl dt {color: #ff4572; border-bottom: solid 1px #ff4572; font-size: 20px; margin-bottom: 20px; font-weight: normal;} #ili_disny .bord_01 dl dd {margin-bottom: 30px} #ili_disny .bord_01 dl dd:last-child {margin-bottom: 0;} @media (max-width: 1100px){ #ili_disny .bord_01 {padding: 50px 20px; background:#fff;} #ili_disny .bord_01 .icon {background:#ff4572; width:140px; height: 40px; } #ili_disny .bord_01 .icon p {padding: 3px 0 0 10px;} #ili_disny .bord_01 .txt_01 {margin-bottom: 20px;} #ili_disny .bord_01 .txt_02 {width: 100%;} #ili_disny .bord_01 dl dt {margin-bottom: 10px; font-size: 16px;} #ili_disny .bord_01 dl dd {margin-bottom: 20px} } @media (max-width: 420px){ #ili_disny .img_01 {margin-bottom: 30px;} #ili_disny .bord_01 {margin-bottom: 30px;} #ili_disny .bord_01 .txt_01 {font-size: 18px;} } /*-------------------------------------------- content_h --------------------------------------------*/ #ili_disny .content_h {height: 60px; border-top: solid 1px #dcdcdc;padding-top: 10px;} #ili_disny .content_h ul li{float: left; display: inline;} #ili_disny .content_h .page_nav {} #ili_disny .content_h .page_nav li {margin-right: 40px; padding: 5px 0;} #ili_disny .content_h .page_nav li:last-child {margin-right: 0;} #ili_disny .content_h .page_nav li.active {background: #ff4572; padding: 5px 25px; border-radius: 100px; color: #fff; position: relative;} #ili_disny .content_h .page_nav li.active:after {content: ""; display: block; position: absolute; bottom: -12px; left: 50%; transform: translate(-50% , 0); border: 6px solid transparent; border-top: 6px solid #ff4572; } @media (max-width: 767px){ #ili_disny .content_h .page_nav li {margin-right: 20px;} #ili_disny .content_h .page_nav li {font-size: 15px;} } @media (max-width: 530px){ #ili_disny .content_h .page_nav {width: 100%;} #ili_disny .content_h .page_nav ul {position: relative; width: 100%;} #ili_disny .content_h .page_nav li {font-size: 12px;} #ili_disny .content_h .page_nav ul li:not(.active) {float: none; position: absolute; display: block; padding: 0; margin: 0;} #ili_disny .content_h .page_nav ul li:nth-child(2) {top: 0; right: 0;} /*アクティブでないページを右上に表示*/ #ili_disny .content_h .page_nav ul li:nth-child(3) {top: 20px; right: 0;} /*アクティブでないページに表示*/ #ili_disny .content_h .page_nav li.active {padding: 8px 10px;} } /*-------------------------------------------- visual --------------------------------------------*/ #ili_disny .visual {background: url(../images/visual_bg.jpg) repeat-x center top; text-align: center;} #ili_disny .visual h1 {position: relative; width: 1120px; margin: 0 auto;} #ili_disny .visual h1 span {position: absolute; top: 30px; left: 10px; font-size: 14px; color: #fff;} #ili_disny .visual_navi {padding: 20px 0; background: #fff;} #ili_disny .visual_navi ul {background: url(../images/navi_line.png) no-repeat left center; padding: 0;} #ili_disny .visual_navi ul li {float: left; display: inline; height: 60px; background: url(../images/navi_line.png) no-repeat right center;} #ili_disny .visual_navi ul li a {display: block; width: 100%; height: 100%;text-align: left; padding: 20px; position: relative;} #ili_disny .visual_navi ul li a span {position: absolute; font-size: 13px; display: block; top: 50%; transform: translate(0 , -50%);} #ili_disny .visual_navi ul li a:after {content: ""; background: url(../images/navi_arrow.png) no-repeat center;display: block; width: 14px; height: 100%; background-size: 100%; position: absolute; right: 20px; top: 0;} #ili_disny .visual_navi ul li:nth-child(1) {width: 280px;} #ili_disny .visual_navi ul li:nth-child(2) {width: 240px;} #ili_disny .visual_navi ul li:nth-child(3) {width: 190px;} #ili_disny .visual_navi ul li:nth-child(4) {width: 130px;} #ili_disny .visual_navi ul li:nth-child(5) {width: 260px;} @media screen and (max-width: 1120px){ #ili_disny .visual h1 {width: 100%;} #ili_disny .visual_navi ul {border: none; background: none;} #ili_disny .visual_navi ul li {background: none;border-bottom: solid 1px #c8c8c8;} #ili_disny .visual_navi ul li a span {font-size: 18px; padding-right: 35px;} #ili_disny .visual_navi ul li a:after {content: ""; background: url(../images/navi_arrow_sp.png) no-repeat center;display: block; width: 13px; height: 100%; background-size: 100%; position: absolute; right: 5px; top: 0;} #ili_disny .visual_navi ul li:nth-child(1) , #ili_disny .visual_navi ul li:nth-child(2) , #ili_disny .visual_navi ul li:nth-child(3) , #ili_disny .visual_navi ul li:nth-child(4) , #ili_disny .visual_navi ul li:nth-child(5) {width: 100%;} } @media (max-width: 420px){ #ili_disny .visual_navi ul li a {padding: 10px 0;} #ili_disny .visual_navi ul li a span {font-size: 14px; line-height: 140%;} } /*-------------------------------------------- bl_10mori --------------------------------------------*/ #ili_disny .bl_10mori {text-align: center; padding: 80px 0;} #ili_disny .bl_10mori p.lead {color: #ff4572; font-size: 22px; line-height: 180%; font-weight: bold; margin-bottom: 20px;} #ili_disny .bl_10mori .bord {background: url(../images/10mori_bg.png) no-repeat; background-size: 100%; padding-top: 20px;} #ili_disny .bl_10mori .bord p {line-height: 250%;} @media (max-width: 1100px){ #ili_disny .bl_10mori .bord {background: url(../images/10mori_bg.png) no-repeat center; background-size: 110%; padding-top: 20px;} } @media (max-width: 767px){ #ili_disny .bl_10mori {padding:20px 0 0;} #ili_disny .bl_10mori .bord {background: url(../images/10mori_img_01.png) no-repeat bottom center; background-size:300px; padding:20px 0 160px;} #ili_disny .bl_10mori p.lead {margin-bottom: 10px;} #ili_disny .bl_10mori .bord p {line-height: 180%; text-align: left;} } @media (max-width: 420px){ #ili_disny .bl_10mori p.lead {font-size: 5vw;} } /*-------------------------------------------- bl_special --------------------------------------------*/ #ili_disny .bl_special .inner .container {padding: 30px 0 80px;} #ili_disny .bl_special dl {margin-bottom: 50px;} #ili_disny .bl_special dl dt , #ili_disny .bl_special dl dd {float: left; display: inline; margin-bottom: 20px; text-align: center;} #ili_disny .bl_special dl dt {background: url(../images/01_special_h.png) no-repeat; width: 535px; height: 246px; margin-right: 30px; padding-top: 145px; font-weight: normal;} #ili_disny .bl_special dl dd {background: url(../images/01_special_01.png) no-repeat; width: 252px; height: 246px; margin-right: 30px; padding-top: 125px; font-size: 20px; position: relative; line-height: 140%;} #ili_disny .bl_special dl dd span {font-size: 13px; width: 100%; display: block; position: absolute; bottom: 15px; line-height: 140%;} #ili_disny .bl_special dl dd span br {line-height: 100%; margin: 0;} #ili_disny .bl_special dl dd:nth-child(3) , #ili_disny .bl_special dl dd:nth-child(7) , #ili_disny .bl_special dl dd:nth-child(11) {margin-right: 0;} #ili_disny .bl_special_01 dl dd:nth-child(2) {background: url(../images/01_special_01.png);} #ili_disny .bl_special_01 dl dd:nth-child(3) {background: url(../images/01_special_02.png);} #ili_disny .bl_special_01 dl dd:nth-child(4) {background: url(../images/01_special_03.png);} #ili_disny .bl_special_01 dl dd:nth-child(5) {background: url(../images/01_special_04.png);} #ili_disny .bl_special_01 dl dd:nth-child(6) {background: url(../images/01_special_05.png);} #ili_disny .bl_special_01 dl dd:nth-child(7) {background: url(../images/01_special_06.png);} #ili_disny .bl_special_01 dl dd:nth-child(8) {background: url(../images/01_special_07.png);} #ili_disny .bl_special_01 dl dd:nth-child(9) {background: url(../images/01_special_08.png);} #ili_disny .bl_special_01 dl dd:nth-child(10) {background: url(../images/01_special_09.png);} #ili_disny .bl_special_01 dl dd:nth-child(11) {background: url(../images/01_special_10.png);} #ili_disny .bl_special_02 dl dd:nth-child(2) {background: url(../images/02_special_01.png);} #ili_disny .bl_special_02 dl dd:nth-child(3) {background: url(../images/02_special_02.png);} #ili_disny .bl_special_02 dl dd:nth-child(4) {background: url(../images/02_special_03.png);} #ili_disny .bl_special_02 dl dd:nth-child(5) {background: url(../images/02_special_04.png);} #ili_disny .bl_special_02 dl dd:nth-child(6) {background: url(../images/02_special_05.png);} #ili_disny .bl_special_02 dl dd:nth-child(7) {background: url(../images/02_special_06.png);} #ili_disny .bl_special_02 dl dd:nth-child(8) {background: url(../images/02_special_07.png);} #ili_disny .bl_special_02 dl dd:nth-child(9) {background: url(../images/02_special_08.png);} #ili_disny .bl_special_02 dl dd:nth-child(10) {background: url(../images/02_special_09.png);} #ili_disny .bl_special_02 dl dd:nth-child(11) {background: url(../images/02_special_10.png);} #ili_disny .bl_special dl dd:nth-child(8) , #ili_disny .bl_special dl dd:nth-child(9) , #ili_disny .bl_special dl dd:nth-child(10), #ili_disny .bl_special dl dd:nth-child(11) {padding-top:145px;} #ili_disny .bl_special_02 .bl_btn {margin-bottom: 80px;} @media (max-width: 1100px){ #ili_disny .bl_special dl {width: 817px; margin: 0 auto 40px;} #ili_disny .bl_special dl dd:nth-child(3) , #ili_disny .bl_special dl dd:nth-child(7) , #ili_disny .bl_special dl dd:nth-child(11) {margin-right: 30px;} #ili_disny .bl_special dl dd:nth-child(2) , #ili_disny .bl_special dl dd:nth-child(5) , #ili_disny .bl_special dl dd:nth-child(8) , #ili_disny .bl_special dl dd:nth-child(11) {margin-right: 0;} } @media (max-width: 820px){ #ili_disny .bl_special .dis_pc {display: none;} #ili_disny .bl_special .dis_sp {display: block;} #ili_disny .bl_special dl {margin-bottom: 30px;} #ili_disny .bl_special dl dt , #ili_disny .bl_special dl dd , #ili_disny .bl_special_01 dl dd:nth-child(2) , #ili_disny .bl_special_01 dl dd:nth-child(3) , #ili_disny .bl_special_01 dl dd:nth-child(4) , #ili_disny .bl_special_01 dl dd:nth-child(5) , #ili_disny .bl_special_01 dl dd:nth-child(6) , #ili_disny .bl_special_01 dl dd:nth-child(7) , #ili_disny .bl_special_01 dl dd:nth-child(8) , #ili_disny .bl_special_01 dl dd:nth-child(9) , #ili_disny .bl_special_01 dl dd:nth-child(10) , #ili_disny .bl_special_01 dl dd:nth-child(11) , #ili_disny .bl_special_02 dl dd:nth-child(2) , #ili_disny .bl_special_02 dl dd:nth-child(3) , #ili_disny .bl_special_02 dl dd:nth-child(4) , #ili_disny .bl_special_02 dl dd:nth-child(5) , #ili_disny .bl_special_02 dl dd:nth-child(6) , #ili_disny .bl_special_02 dl dd:nth-child(7) , #ili_disny .bl_special_02 dl dd:nth-child(8) , #ili_disny .bl_special_02 dl dd:nth-child(9) , #ili_disny .bl_special_02 dl dd:nth-child(10) , #ili_disny .bl_special_02 dl dd:nth-child(11) {background: none; padding: 0 ; width: 30.5%; height: auto; margin-right: 4.25%;} #ili_disny .bl_special dl {width: 102%; margin-left: -1%;} #ili_disny .bl_special dl dt {width: 64.2%!important; height: auto; margin-right: 5%;} #ili_disny .bl_special dl dd {} #ili_disny .bl_special dl dd:nth-child(2) , #ili_disny .bl_special dl dd:nth-child(5) , #ili_disny .bl_special dl dd:nth-child(8) , #ili_disny .bl_special dl dd:nth-child(11) {margin-right: 0;} #ili_disny .bl_special_02 .bl_btn {margin-bottom: 60px;} } @media (max-width: 767px){ #ili_disny .bl_special .inner .container {padding: 30px 0 30px;} #ili_disny .bl_special dl {margin-bottom: 0px;} #ili_disny .bl_special_02 .bl_btn {margin-bottom: 30px;} } /*-------------------------------------------- bl_ili --------------------------------------------*/ #ili_disny .bl_ili .inner .bord .to_link {text-align: center;} #ili_disny .bl_ili .inner .bord a { color: #3cc2c0;} #ili_disny .bl_ili .how_to li {width: 342px; float: left; display: inline; margin-right: 37px;} #ili_disny .bl_ili .how_to li img {width: 100%;} #ili_disny .bl_ili .how_to li:last-child {margin-right: 0;} #ili_disny .bl_ili .how_to li p {color: #737373; text-align: center; width: 100%;} #ili_disny .bl_ili .how_to li p:first-child {font-size: 18px; margin-bottom: 25px;} #ili_disny .bl_ili .how_to li img {margin-bottom: 15px;} #ili_disny .bl_ili .how_to li p:last-child {font-size: 14px;} #ili_disny .bl_ili .youtube_wrap {width: 900px; margin: 0 auto;} #ili_disny .bl_ili .youtube { position: relative; width: 100%; padding-bottom: 56.22%; /*アスペクト比 16:9の場合の縦幅*/ height: 0; overflow: hidden; margin: 0 auto; cursor: pointer;} #ili_disny .bl_ili .youtube .thumb {position: absolute; top:0 ; left: 0 ; z-index: 2;} #ili_disny .bl_ili .youtube .player {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1} @media (max-width: 1100px){ #ili_disny .bl_ili .how_to {margin: 0 auto; width: 100%;} #ili_disny .bl_ili .how_to li {float: none; display: block; width: 100%; margin-right: 0; margin: 0 0 20px;} #ili_disny .bl_ili .how_to li img {margin: 0 auto 10px; max-width: 610px;} #ili_disny .bl_ili .how_to li p:first-child {margin-bottom: 10px;} #ili_disny .bl_ili .youtube_wrap {width: 100%;} } /*-------------------------------------------- bl_condition --------------------------------------------*/ #ili_disny .bl_conditions .inner .container {padding: 70px 0 80px;} #ili_disny .bl_conditions .bl_btn {margin-bottom: 80px;} @media (max-width: 1100px){ #ili_disny .bl_conditions .inner .container {padding: 50px 0 80px;} } @media (max-width: 420px){ #ili_disny .bl_conditions .inner .container {padding: 30px 0 30px;} #ili_disny .bl_conditions .bl_btn {margin-bottom: 30px;} } /*-------------------------------------------- bl_report --------------------------------------------*/ #ili_disny .bl_report .bord_01 {background: url(../images/report_img_02.png) no-repeat 780px 70px; margin-bottom: 0;} #ili_disny .bord.bl_voice {padding-bottom:90px;} #ili_disny .bl_voice ul li {float: left; display: block; position: relative; width: 530px; margin-right: 40px; height: 340px; } #ili_disny .bl_voice ul li:nth-child(2n) {margin-right: 0;} #ili_disny .bl_voice ul li .voice_box {background: url(../images/voice_01.png) no-repeat top left; background-size: 100%; min-height: 271px;} #ili_disny .bl_voice ul li:nth-child(2) .voice_box {background: url(../images/voice_02.png) no-repeat top left; background-size: 100%;} #ili_disny .bl_voice ul li .voice_box a {text-decoration: none;} #ili_disny .bl_voice ul li p {line-height: 160%;} #ili_disny .bl_voice ul li .txt_01 {color: #fff; height: 53px; width: 100px; text-align: center; padding-top: 10px; font-weight: bold;} #ili_disny .bl_voice ul li .txt_02 {color: #3cc2c0; font-size: 16px; font-weight: bold; padding-top: 10px;} #ili_disny .bl_voice ul li .txt_03 {color: #787878; font-size: 14px;} #ili_disny .bl_voice ul li .txt_02 , #ili_disny .bl_voice ul li .txt_03 {width: 240px;} #ili_disny .bl_voice ul li .bl_btn {width: 180px; height: 40px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0);} #ili_disny .bl_voice ul li .bl_btn a {display: block; width: 100%; height: 100%; border-radius: 100px; position: relative; border: solid 1px #787878; color: #787878; text-decoration: none; font-weight: bold;} #ili_disny .bl_voice ul li .bl_btn a span , #ili_disny .bl_voice ul li .bl_btn a:after {position: absolute;} #ili_disny .bl_voice ul li .bl_btn a span {top: 50%; left: 50%; transform: translate(-50%,-50%);} #ili_disny .bl_voice ul li .bl_btn a:after {content: ""; background: url(../images/btn_arrow.png) no-repeat center; width: 10px; height: 100%; display: block; right:15px; } @media (max-width: 1100px){ #ili_disny .bord.bl_voice {padding-bottom:40px;} #ili_disny .bl_report .bord_01 {background: none;} #ili_disny .bl_report .bord_01 .txt_02 {background: url(../images/report_img_02@2.png) no-repeat center bottom; background-size: 231px; padding-bottom: 190px;} #ili_disny .bl_voice ul {width: 530px; margin: 0 auto;} #ili_disny .bl_voice ul li {float: none; margin-right: 0; margin-bottom: 30px; height: auto; position: static;} #ili_disny .bl_voice ul li:last-child {margin-bottom: 0;} #ili_disny .bl_voice ul li .voice_box {margin-bottom: 20px;} #ili_disny .bl_voice ul li .txt_01 {font-size: 15px;} #ili_disny .bl_voice ul li .txt_02 {font-size: 15px; height: auto; margin-bottom: 10px;} #ili_disny .bl_voice ul li .txt_03 {font-size: 15px; height: auto;} #ili_disny .bl_voice ul li .bl_btn {width: 200px; height: 40px; position: relative;} #ili_disny .bl_voice ul li .bl_btn a span {font-size: 18px;} } @media (max-width: 767px){ #ili_disny .bl_voice ul , #ili_disny .bl_voice ul li {width: 100%; max-width: 530px; height: auto;} #ili_disny .bl_voice ul li .voice_box {background: url(../images/voice_01_sp.jpg) no-repeat top right; background-size: cover; min-height: 0;} #ili_disny .bl_voice ul li:nth-child(2) .voice_box {background: url(../images/voice_02_sp.jpg) no-repeat top right;background-size: cover;} #ili_disny .bl_voice ul li .txt_01 {background:#f7f7f7; background-size: 100%; width:100px ; height:35px; padding: 0 10px 10px 0; text-align: left; font-size: 12px;} #ili_disny .bl_voice ul li .txt_01 span {background: #ff4572; height:24px; width: 80px; text-align: center;line-height: 24px; display: block; border-radius: 12px;} #ili_disny .bl_voice ul li .txt_01 span:after {content: ""; background: url(../images/voice_icon_hukidashi.png) no-repeat top left; background-size: 100%; display: block; width: 30px; height: 10px; margin-top: -1px;} #ili_disny .bl_voice ul li .txt_02 , #ili_disny .bl_voice ul li .txt_03 {width: 50%; background: #f7f7f7; font-size: 13px; padding: 10px 10px 0 0; margin-bottom: 0; line-height: 140%; margin-top: -1px;} #ili_disny .bl_voice ul li .txt_03 {margin-top: -2px;} #ili_disny .bl_voice ul li .voice_box a {pointer-events:none;cursor:default;text-decoration:none;} #ili_disny .bl_voice ul li .bl_btn {width: 180px; height:30px; } #ili_disny .bl_voice ul li .bl_btn a span {font-size: 12px;} } /*-------------------------------------------- bl_bana --------------------------------------------*/ #ili_disny .bl_bana { padding-bottom: 80px;} #ili_disny .bl_bana ul li {float: left; display: inline;} #ili_disny .bl_bana ul li:first-child {margin-right: 36px;} @media (max-width: 1100px){ #ili_disny .bl_bana ul {text-align: center;} #ili_disny .bl_bana ul li {float: none; margin-bottom: 35px; display: block;} #ili_disny .bl_bana ul li:first-child {margin-right: 0;} #ili_disny .bl_bana ul li img {width: auto;} } @media (max-width: 540px){ #ili_disny .bl_bana ul li {margin-bottom: 20px;} #ili_disny .bl_bana ul li img {width: 100%;} }