@charset "utf-8"; /*---------------------------------------- index css - common -----------------------------------------*/ /*---------------------------------------- #main -----------------------------------------*/ #main { position: relative; height: auto; text-align: center; } #main .inner { position: relative; height: 100%; } #main .inner .title_wrap { position: absolute; bottom: 50%; right: 50%; -webkit-transform: translate(50%,50%); -moz-transform: translate(50%,50%); -ms-transform: translate(50%,50%); -o-transform: translate(50%,50%); transform: translate(50%,50%); padding-bottom: 2%; width: 100%; } #main .title_s { padding: 0 0 2.5%; } #main .title_s img { width: 50%; } #main .title { padding: 0 0 7.7%; } #main .title img { width: 65.6%; } #main .btn_more a { padding: 5px 0 6px; } /* tb 835 - # */ @media screen and (min-width:835px) { #main .inner { height: inherit; } #main .inner .title_wrap { z-index: 1; } #main .bg { position: absolute; top: 0; background: #000000; width: 100%; height: 100%; z-index: 0; opacity: 0.6; } body.ipad #main .bg { /* ipad */ display: none; } #main .bg02 { position: absolute; top: 0; background: #000000; width: 100%; height: 100%; z-index: -3; } #main .title_s { padding: 0 0 15px; } #main .title_s img { width: 324px; } #main .title { padding: 0 0 50px; } #main .title img { width: 462px; } #main .video { display: block; padding-bottom: 58%; z-index: -2; } #main .btn_more a { margin: 0 auto 30px; padding: 8px 0 10px; } } /*---------------------------------------- #intro -----------------------------------------*/ #intro { position: relative; text-align: center; background: #000000; padding: 12% 0 0; } #intro .inner { position: relative; width: 100%; } #intro .inner .title_wrap_outer_sp { position: relative; height: 100%; padding: 0 0 5%; } #intro .inner .title_wrap .title_wrap_inner_sp { position: absolute; bottom: 50%; right: 50%; -webkit-transform: translate(50%,50%); -moz-transform: translate(50%,50%); -ms-transform: translate(50%,50%); -o-transform: translate(50%,50%); transform: translate(50%,50%); padding-bottom: 2%; width: 100%; } #intro .inner .pic { width: 100%; } #intro .title { padding: 0 0 2.9%; } #intro .title img { width: 64%; } #intro .logo img { width: 40.6%; } #intro .txt { padding: 0 5.3% 10.6%; color: #ffffff; } /* tb 835 - # */ @media screen and (min-width:835px) { #intro { width: 100%; padding: 140px 0 130px; background: none; } #intro .bg { position: absolute; top: 0; display: block; width: 100%; height: 100%; background: #000000; z-index: -15; } #intro .outer { padding: 0 40px; } #intro .inner { margin: 0 auto; max-width: 1130px; height: 100%; display: flex; justify-content: left; align-items: center; vertical-align: middle; padding: 260px 0 380px; } #intro .inner .title_wrap_outer_sp { padding: 0; } #intro .inner .title_wrap .title_wrap_inner_sp { position: relative; bototm: inherit; right: inherit; -webkit-transform: none; transform: none; } #intro .pic_wrap > p { position: absolute; width: 52%; } #intro .pic_wrap > p.pic01 { top: 0; left: 0; z-index: -13; opacity: 0.4; } #intro .pic_wrap > p.pic02 { top: 0; right: 0; margin: 7% 0 0; z-index: -12; opacity: 0.4; } #intro .pic_wrap > p.pic03 { top: 0; left: 0; margin: 46% 0 0; z-index: -11; opacity: 0.44; } #intro .pic_wrap > p.pic04 { top: 0; right: 0; margin: 53% 0 0; z-index: -10; opacity: 0.44; } #intro .pic_wrap > p img { max-width: 100%; } #intro .inner .title_wrap { margin: 0 auto; } #intro .inner .title_wrap_inner { text-align: center; padding: 0; } #intro .title { padding: 0 0 45px; } #intro .title img { width: 559px; } #intro .logo { padding: 0 0 40px; opacity: 0.8; } #intro .logo img { width: 305px; } #intro .txt { max-width: 630px; margin: 0 auto; padding: 0; line-height: 1.9; } } @media screen and (min-width:835px) and ( max-width:1210px) { #intro { padding: 8.8% 0 14%; } #intro .inner { padding: 23% 0; } #intro .title img { width: 49.4%; } #intro .logo img { width: 26.9%; } } /*---------------------------------------- #sec_item -----------------------------------------*/ #sec_item { background-image: url(/uploads/image/mmptimg/bg_item.png); border-top: 5px solid #00a6cf; } #sec_item .title { color: #ffffff; text-align: center; line-height: 1.3; padding: 10% 0 8%; } #sec_item .inner { margin: 0 auto; padding: 0 5.3% 15%; box-sizing: content-box; } #sec_item .inner .l_menu { margin: 0 0 5%; } #sec_item .inner .l_menu > li{ text-align: center; display: inline-block; width: 49%; margin-bottom: 1px; } #sec_item .inner .l_menu > li:nth-of-type(odd) { margin-right: 1px; } #sec_item .inner .l_menu > li a { display: block; padding: 6.5% 0 6%; background: rgba(255,255,255,0.1); color: #ffffff; } #sec_item .atte { color: #fff; } /* tb 835 - # */ @media screen and (min-width:835px) { #sec_item { padding: 65px 0 0; } #sec_item .title { line-height: 1.1; padding: 0 0 65px; } #sec_item .inner { max-width: 1040px; padding: 0 40px 195px; } #sec_item .inner .l_menu { margin: 0; } #sec_item .inner .l_menu > li{ width: inherit; margin: 0; } #sec_item .inner .l_menu > li a { position: relative; width: 250px; padding: 10px 0 12px; margin: 0 13px 20px 0; border-radius: 30px; } #sec_item .inner .l_menu > li a:after { content: ""; display: block; position: absolute; top: 50%; right: 13px; width: 6px; height: 6px; margin-top: -6px; border-top: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } #sec_item .inner .l_menu > li:nth-of-type(odd) { margin: 0; } #sec_item .inner .l_menu > li:nth-of-type(4n) a { margin: 0 0 20px 0; } } @media screen and (min-width:835px) and ( max-width:1210px) { #sec_item .inner .l_menu > li{ display: inherit; } #sec_item .inner .l_menu > li a { float: left; display: inline-block; width: 32.6%; margin: 0 1% 20px 0; } #sec_item .inner .l_menu > li:nth-of-type(3n) a { margin: 0 0 20px 0; } #sec_item .inner .l_menu > li:nth-of-type(4n) a { margin: 0 1% 20px 0; } } /*---------------------------------------- #sec_item .sec_pic -----------------------------------------*/ #sec_item .btn_more a { width: 65%; } #sec_item .sec_pic .title_wrap { padding: 0; text-align: left; } #sec_item .sec_pic { padding: 0 0 20%; border-bottom: 1px solid #5d5e5e; } #sec_item .sec_pic.no_slide { padding: 0 0 12%; } #sec_item .sec_pic .sec_pic { padding: 10% 0 20%; border-bottom: 1px solid #5d5e5e; } #sec_item #product_inner .sec_pic:nth-of-type(1) { padding: 10% 0 20%; } #sec_item #product_inner .sec_pic:nth-last-child(1) { border: none; } #sec_item .sec_pic.no_slide .sec_pic.no_slide, #sec_item .sec_pic .sec_pic.no_slide { padding: 10% 0 12%; } #sec_item .sec_pic .inner { padding: 0; } #sec_item .sec_pic .title { position: relative; text-align: left; padding: 0 0 5%; line-height: 1.1; } #sec_item .sec_pic .title span.opt { display: inline-block; background: #000000; width: 34px; height: 34px; border-radius: 50%; vertical-align: middle; padding: 11px 0 0; margin: 0 0 6px 5px; text-align: center; } #sec_item .sec_pic .title_s { color: #ffffff; padding: 0 0 2%; line-height: 1.3; } #sec_item .sec_pic .inner .txt { color: #ffffff; padding: 0 0 6%; } #sec_item .sec_pic .title_s2 { padding: 0 0 2%; line-height: 1.3; } #sec_item .sec_pic .title_wrap .pic { position: relative; text-align: center; } #sec_item .sec_pic .title_wrap .pic span { color: #000000; position: absolute; bottom: 50%; right: 50%; -webkit-transform: translate(50%,50%); -moz-transform: translate(50%,50%); -ms-transform: translate(50%,50%); -o-transform: translate(50%,50%); transform: translate(50%,50%); padding-top: 85%; width: 100%; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } #sec_item .sec_pic .contents_wrap .contents_wrap_inner { color: #ffffff; } /* 1col 画像2col */ #sec_item .sec_pic .title_wrap .pic_wrap.fl .pic { float: left; width: 50%; padding: 0 1.25% 0 0; } #sec_item .sec_pic .title_wrap .pic_wrap.fl .pic:nth-of-type(2) { padding: 0 0 0 1.25%; } /* 1col 画像2col text */ #sec_item .sec_pic .contents_wrap .pic_wrap.fl .pic { padding: 0 2.5% 0 0; position: relative; } #sec_item .sec_pic .contents_wrap .pic_wrap.fl .pic img { padding: 0 0 2%; } #sec_item .sec_pic .contents_wrap .pic_wrap.fl .pic:nth-of-type(2) { padding: 0 0 0 2.5%; } #sec_item .sec_pic .contents_wrap .pic_wrap.fl .pic:nth-of-type(1):after { content: ''; position: absolute; right: -10px; top: 40%; border-top: 8px solid #00a6cf; border-left: 10px solid transparent; border-right: 10px solid transparent; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } /* 1col 画像3col */ #sec_item .sec_pic .pic_wrap.fl3col_2 { display:-webkit-flex; display:flex; -ms-flex-wrap:wrap; -moz-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; } #sec_item .sec_pic .pic_wrap.fl3col_1 .pic { width: 48.75%; margin: 0 auto; padding: 0 0 5%; text-align: center; } #sec_item .sec_pic .pic_wrap.fl3col_2 .pic { width: 50%; margin: 0 auto; padding: 0 1.25% 0 0; text-align: center; } #sec_item .sec_pic .pic_wrap.fl3col_2 .pic .pic { padding: 0 0 0 1.25%; } #sec_item .sec_pic .pic_wrap.fl3col_1 .pic span, #sec_item .sec_pic .pic_wrap.fl3col_2 .pic span { opacity: 0.5; color: #ffffff; position: inherit; bottom: inherit; right: inherit; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; padding-top: 0; } #sec_item .sec_pic .pic_wrap.fl3col_1 .pic img, #sec_item .sec_pic .pic_wrap.fl3col_2 .pic img { padding: 0 0 2%; } #sec_item video { width: 100%; height: auto; } #sec_item03.sec_pic .title_wrap .pic span { height: 100%; } /* #sec_item04 */ #sec_item04.sec_pic .title_s2 { padding: 0 0 6%; } #sec_item04.sec_pic .title_wrap .pic span { height: 100%; } /* #sec_item06 */ #sec_item06.sec_pic .title_wrap .pic { text-align: center; } #sec_item06.sec_pic .title_wrap .pic span { opacity: 0.5; color: #ffffff; position: inherit; bottom: inherit; right: inherit; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; padding-top: 0; } /* #sec_item07 */ #sec_item #sec_item07.sec_pic { border-bottom: none; } #sec_item #sec_item07.sec_pic .atte { margin-top: 20px; } /* pic_wrap_slide */ #sec_item .sec_pic .pic_wrap_slide { display:none; } #sec_item .sec_pic .pic_wrap_slide.slick-initialized { display: block; } #sec_item .sec_pic .pic_wrap_slide .slick-dots { position: absolute; bottom: -32px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 0; } #sec_item .sec_pic .pic_wrap_slide .slick-dots li { position: relative; display: inline-block; width: 12px; height: 12px; margin: 0 5px; padding: 0; cursor: pointer; } #sec_item .sec_pic .pic_wrap_slide .slick-dots li button { display: block; width: 12px; height: 12px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: #5d5e5e; border-radius: 10px; } #sec_item .sec_pic .pic_wrap_slide .slick-dots li button button { display: none; } #sec_item .sec_pic .pic_wrap_slide .slick-dots li.slick-active button { background: #00a6cf; } #sec_item .sec_pic .pic_wrap_slide .slick-dots li button:hover, #sec_item .sec_pic .pic_wrap_slide .slick-dots li button:focus { outline: none; } #sec_item .sec_pic .pic_wrap_slide .slick-dots li button:hover:before , #sec_item .sec_pic .pic_wrap_slide .slick-dots li button:focus:before { opacity: 1; } #sec_item .sec_pic .pic_wrap_slide .slick-dots li.slick-active button:before { opacity: .75; color: black; } #sec_item .sec_pic .pic_wrap_slide .slick-loading .slick-list { background: #fff center center no-repeat; } /* tb 835 - # */ @media screen and (min-width:835px) { #sec_item .btn_more a { width: 270px; } #sec_item .sec_pic, #sec_item .sec_pic.no_slide { padding: 0 0 70px; } #sec_item .sec_pic .sec_pic { padding: 70px 0; } #sec_item .sec_pic.no_slide .sec_pic.no_slide, #sec_item .sec_pic .sec_pic.no_slide { padding: 70px 0; } #sec_item #product_inner .sec_pic:nth-of-type(1) { padding: 45px 0 70px; } #sec_item .sec_pic .title { line-height: 1; padding: 0 0 30px; } #sec_item .sec_pic .title span.opt { width: 65px; height: 65px; padding: 26px 0 0; margin: 0 0 15px 20px; } #sec_item .sec_pic .title_s { padding: 0 0 15px; line-height: 1.3; } #sec_item .sec_pic .inner .txt { padding: 0; } #sec_item .sec_pic .title_s2 { padding: 0 0 15px; } #sec_item .sec_pic .inner .txt .txt { padding: 10px 0 0; } #sec_item .sec_pic .title_wrap .pic_wrap_slide .pic img { width: 100%; } #sec_item .sec_pic .contents_wrap { padding: 20px 0 0; } /* 1col 画像2col */ #sec_item .sec_pic .title_wrap .pic_wrap.fl .pic { width: 520px; padding: 0 5px 0 0; } #sec_item .sec_pic .title_wrap .pic_wrap.fl .pic:nth-of-type(2) { padding: 0 0 0 5px; } /* 1col 画像1col */ #sec_item .sec_pic .title_wrap .pic_wrap.fl_none .pic { padding: 35px 0 0; } /* 1col 画像2col text */ #sec_item .sec_pic .contents_wrap .contents_wrap_inner { width: 520px; float: left; padding: 0 20px 0 0; } #sec_item .sec_pic .contents_wrap .pic_wrap { width: 520px; float: left; } #sec_item .sec_pic .contents_wrap .pic_wrap.fl .pic { padding: 0 14px 0 0; } #sec_item .sec_pic .contents_wrap .pic_wrap.fl .pic img { padding: 0 0 5px; } #sec_item .sec_pic .contents_wrap .pic_wrap.fl .pic:nth-of-type(2) { padding: 0 0 0 14px; } #sec_item .sec_pic .contents_wrap .pic_wrap.fl .pic:nth-of-type(1):after { content: ''; position: absolute; right: -14px; top: 42%; border-top: 14px solid #00a6cf; border-left: 13px solid transparent; border-right: 13px solid transparent; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } #sec_item .sec_pic .contents_wrap .pic_wrap.fl .pic { width: 246px; padding: 0 14px 0 0; box-sizing: content-box; } #sec_item .sec_pic .contents_wrap .pic_wrap.fl .pic:nth-of-type(2) { padding: 0 0 0 14px; } /* 2col left */ #sec_item .sec_pic.left .title_wrap_inner { float: left; width: 50%; vertical-align: top; padding: 0 35px 0 0; } #sec_item .sec_pic.left .pic_wrap_slide { float: right; width: 50%; } /* 2col right */ #sec_item .sec_pic.right .title_wrap_inner { float: right; width: 50%; vertical-align: top; padding: 0 0 0 50px; } #sec_item .sec_pic.right .pic_wrap_slide { float: left; width: 50%; } /* 1col 画像3col */ #sec_item .sec_pic .pic_wrap.fl3col_2 { display: inherit; -ms-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } #sec_item .sec_pic .pic_wrap.fl3col_1, #sec_item .sec_pic .pic_wrap.fl3col_2, #sec_item .sec_pic .pic_wrap.fl3col_2 .pic { float: left; } #sec_item .sec_pic .pic_wrap.fl3col_1 .pic { width: 351px; padding: 0 15px 0 0; } #sec_item .sec_pic .pic_wrap.fl3col_2 .pic { width: 351px; margin: 0; padding: 0 15px 0 0; } #sec_item .sec_pic .pic_wrap.fl3col_1 .pic img, #sec_item .sec_pic .pic_wrap.fl3col_2 .pic img { padding: 0 0 5px; } #sec_item .sec_pic .pic_wrap.fl3col_2 .pic .pic { width: 336px; padding: 0; } #sec_item .sec_pic .pic_wrap.fl3col_1 .pic span, #sec_item .sec_pic .pic_wrap.fl3col_2 .pic span { opacity: 0.5; color: #ffffff; position: inherit; bottom: inherit; right: inherit; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; padding-top: 0; } /* sec_item03 */ #sec_item03.sec_pic .inner .txt { padding: 0 0 30px; } #sec_item03.sec_pic .title_wrap .pic span { height: auto; } /* sec_item04 */ #sec_item04.sec_pic .title_s2 { padding: 25px 0 15px; } #sec_item04.sec_pic .title_wrap .pic span { height: auto; } /* sec_item06 */ #sec_item06.sec_pic .contents_wrap { padding: 55px 0 0; } #sec_item06.sec_pic .title_s2 { padding: 0 0 5px!important; } /* sec_item07 */ #sec_item07.sec_pic .inner .txt { padding: 0 0 30px; } /* pic_wrap_slide */ body.pc #sec_item .sec_pic .pic_wrap_slide .slick-arrow { opacity: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } body.pc #sec_item .sec_pic .pic_wrap_slide:hover .slick-arrow { opacity: 1; } #sec_item .sec_pic .pic_wrap_slide .slick-dots { bottom: -30px; padding-top: 20px; } #sec_item .sec_pic .pic_wrap_slide .slick-dots li { width: 10px; height: 10px; } #sec_item .sec_pic .pic_wrap_slide .slick-dots li button { width: 10px; height: 10px; } #sec_item .sec_pic .pic_wrap_slide .slick-prev, #sec_item .sec_pic .pic_wrap_slide .slick-next { position: absolute; top: 0; display: block; width: 40px; height: 98.62%; padding: 0; cursor: pointer; border: none; outline: none; background: rgba(0,0,0,0.5) center center no-repeat; background-size: 10px auto; z-index: 10; } #sec_item .sec_pic .pic_wrap_slide .slick-prev:hover , #sec_item .sec_pic .pic_wrap_slide .slick-next:hover { background-color: rgba(0,0,0,0.7); } #sec_item .sec_pic .pic_wrap_slide .slick-prev { left: 0; background-image: url(/uploads/image/mmcimg/i_exhibit_ar01.png); } #sec_item .sec_pic .pic_wrap_slide .slick-next { right: 0; background-image: url(/uploads/image/mmcimg/i_exhibit_ar02.png); } } @media screen and (min-width:835px) and ( max-width:1210px) { /* 1col 画像2col */ #sec_item .sec_pic .title_wrap .pic_wrap.fl .pic { width: 49.5%; padding-right: 0.5%; box-sizing: border-box; } #sec_item .sec_pic .title_wrap .pic_wrap.fl .pic:nth-of-type(2) { padding-left: 0.5%; } #sec_item .sec_pic .title_wrap .pic_wrap.fl .pic img { width: 100%; } #sec_item .sec_pic .title_wrap .pic_wrap.fl .pic img { padding-right: 0; } #sec_item .sec_pic .title_wrap .pic_wrap.fl .pic:nth-of-type(2), #sec_item .sec_pic .title_wrap .pic_wrap.fl .pic:nth-of-type(2) img { padding-right: 0; } /* 1col 画像2col text */ #sec_item .sec_pic .contents_wrap .contents_wrap_inner { width: 50%; } #sec_item .sec_pic .contents_wrap .pic_wrap { width: 50%; } #sec_item .sec_pic .contents_wrap .pic_wrap.fl .pic { width: 45%; padding: 0 14px 0 0; box-sizing: content-box; } #sec_item .sec_pic .contents_wrap .pic_wrap.fl .pic:nth-of-type(2) { padding: 0 0 0 14px; } #sec_item .sec_pic .contents_wrap .pic_wrap.fl .pic:nth-of-type(1):after { top: 38%; } /* 1col 画像3col */ #sec_item .sec_pic .pic_wrap.fl3col_2 { display: inherit; -ms-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } #sec_item .sec_pic .pic_wrap.fl3col_1, #sec_item .sec_pic .pic_wrap.fl3col_2, #sec_item .sec_pic .pic_wrap.fl3col_2 .pic { float: left; } #sec_item .sec_pic .pic_wrap.fl3col_1 { width: 33.3%; padding: 0 1% 0 0; } #sec_item .sec_pic .pic_wrap.fl3col_2 { width: 66.7%; padding: 0; } #sec_item .sec_pic .pic_wrap.fl3col_1 .pic { width: 100%; padding: 0; } #sec_item .sec_pic .pic_wrap.fl3col_2 .pic { width: 50%; margin: 0; padding: 0 1.5% 0 0; } #sec_item .sec_pic .pic_wrap.fl3col_2 .pic .pic { width: 48.5%; padding: 0; } #sec_item .sec_pic .pic_wrap.fl3col_1 .pic span, #sec_item .sec_pic .pic_wrap.fl3col_2 .pic span { opacity: 0.5; color: #ffffff; position: inherit; bottom: inherit; right: inherit; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; padding-top: 0; } } @media screen and (min-width:835px) and ( max-width:980px) { #sec_item .sec_pic .pic_wrap_slide .slick-prev, #sec_item .sec_pic .pic_wrap_slide .slick-next { height: 98.3%; } } /*---------------------------------------- #product -----------------------------------------*/ #sec_item #product .title { text-align: center; } #sec_item #product.sec_pic { padding: 10% 0 0; border: none; } #sec_item #product.sec_pic .pic_wrap_slide.slick-initialized { margin: 0 0 45px; } @media screen and (min-width:835px) { #sec_item #product.sec_pic { padding: 0 0 50px; border: none; } #sec_item #product .list .slick-slide { margin: 0 2px 0 0; } #sec_item #product.sec_pic .pic_wrap_slide .slick-prev, #sec_item #product.sec_pic .pic_wrap_slide .slick-next { position: absolute; top: 0; display: block; width: 40px; height: 100%; } } @media screen and (min-width:835px) and ( max-width:980px) { #sec_item #product.sec_pic .pic_wrap_slide .slick-prev, #sec_item #product.sec_pic .pic_wrap_slide .slick-next { height: 100%; } } /*---------------------------------------- footer_sitemap -----------------------------------------*/ #footer_sitemap { margin: 0; } /*---------------------------------------- fancybox -----------------------------------------*/ .fancybox-active { overflow: hidden!important; } .fancybox-slide--iframe { padding: 5% 0; } .fancybox-caption { display: none; } .fancybox-slide--iframe .fancybox-content { margin: 0; } .fancybox-inner { max-width: 90%; margin: 0 auto; position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } @media screen and (min-width:835px) { .fancybox-inner { max-width: 1000px; } .fancybox-slide--iframe { padding: 20px 40px; } } #modal_caption { width: 100%; padding: 3% 0 0; color: #000000; text-align: left; } #btn_close a { display: block; margin: 7% auto 0; text-align: center; padding: 2.5% 0 3%; width: 40%; background: rgba(255,255,255,0.1); background: #000; border-radius: 30px; color: #ffffff; text-decoration: none; } @media screen and (min-width:835px) { #btn_close a { margin: 0 auto 0; text-align: center; padding: 13px 0 20px; width: 250px; } } @media screen and (min-width:835px) { .footer { margin-top: 0; } } /* word_wrap*/ .pc_br { display: none; } @media screen and (min-width:835px) and ( max-width:968px) { .pc_br { display: block; } }