/*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ /*/layout _/_/_/_/_/_/_/_/_/_/_/*/ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ body{ min-width:960px; width: expression(document.body.clientWidth < 962? "960px" : "auto"); /* background: url(../images/body_bg.gif) repeat-x center top; */ /* font-family:Meiryo, sans-serif; */ font-family:sans-serif; font-size: 13px; color: #7f7f7f; line-height: 180%; } /* #container { width:960px; margin:0 auto; min-width:960px; width: expression(document.body.clientWidth < 962? "960px" : "auto"); overflow:hidden; } */ .inner { width:960px; margin:0 auto; /* min-width:960px; width: expression(document.body.clientWidth < 962? "960px" : "auto"); overflow:hidden; */ } a:link {} a:visited {} a:hover {} a:active {} a:focus, *:focus { outline:none; } a.anchor{ display:block; /* padding-top:65px; margin-top:-65px; */ padding-top:85px; margin-top:-85px; padding-top:95px; margin-top:-95px; } /* =Clearfix (all browsers)--------------------------------*/ .clearfix {zoom:1; overflow:hidden;} .clearfix:after{ content: ""; display: block; clear: both;} /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ /*/language_switch _/_/_/_/_/_/_/_/_/_/_/*/ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ #language_switch {position: fixed;width: 100%;height: 40px;margin: 0 auto;z-index: 1000000;left: 0;top: 0px;} #language_switch .inner {width: 960px;margin: 0 auto;text-align: right;} /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ /*/menu _/_/_/_/_/_/_/_/_/_/_/*/ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ .space {height: 30px;width: 100%;} #menu {background: #fff;height: 27px;width: 100%;padding-top: 20px;padding-top: 65px;padding-bottom: 20px;transition: background 2s ease;} #menu .inner {width: 960px;height: 27px;margin: 0 auto;} /* */ /* #menu.bg0 {background: #fff !important;transition-property: all;transition-duration: 300ms;transition-delay: 0s;transition-timing-function: ease;} #menu.bg1 {background: #ffc629 !important;transition-property: all;transition-duration: 300ms;transition-delay: 0s;transition-timing-function: ease;} #menu.bg2 {background: #ff7fa6 !important;transition-property: all;transition-duration: 300ms;transition-delay: 0s;transition-timing-function: ease;} */ #menu ul {width: 820px;height: 20px;margin: 0 auto;border: 0px solid #f00;text-align: center;} #menu ul li{ display: none; float: left; font-size: 18px; font-size: 18px; font-weight: bold; line-height: 100%; color: #7f7f7f; /* font-family:Meiryo, sans-serif; */ font-family:sans-serif; margin: 0 0 0 10px; background: url(../images/menu/menu_bar.gif) no-repeat right center; padding-right: 10px; padding-right: 10px; } /* IE10以降　cssハック */ @media all and (-ms-high-contrast:none){ #menu ul li{ font-size: 18px ;letter-spacing: 1px;} } #menu ul li a {padding: 5px 5px;display: block;background: #fff;background: transparent;} #menu ul li a:link {color: #7f7f7f;text-decoration: none;transition-property: all;transition-duration: 300ms;transition-delay: 0s;transition-timing-function: ease;} #menu ul li a:visited {color: #7f7f7f;text-decoration: none;} #menu ul li a:hover {color: #7f7f7f;text-decoration: none;background: #7f7f7f;background: transparent;opacity: 0.7;} #menu ul li a:active {color: #7f7f7f;text-decoration: none;} #menu ul li:nth-of-type(4){background: none !important;} /* #menu ul li:last-child{ border-right: 0px solid #7f7f7f; } */ /* #menu ul li:nth-of-type(1){background: url(../images/menu/menu_01_bg.gif) no-repeat;} #menu ul li:nth-of-type(2){background: url(../images/menu/menu_02_bg.gif) no-repeat;} #menu ul li:nth-of-type(3){background: url(../images/menu/menu_03_bg.gif) no-repeat;} #menu ul li:nth-of-type(4){background: url(../images/menu/menu_04_bg.gif) no-repeat;} */ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ /*/ _/_/_/_/_/_/_/_/_/_/_/*/ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ h2{font-size: 18px;font-weight: bold;} /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ /*/title _/_/_/_/_/_/_/_/_/_/_/*/ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ #title {padding: 30px 0 ;margin-top: 65px;margin-top: 85px} #title h1 { /* font-size: 40px; font-weight: bold; color: #fff; text-align: center; */ padding: 0px; -webkit-border-radius:20px;-moz-border-radius:20px; border-radius:20px; background: linear-gradient(-90deg, #ff7fa6, #ffc629); } /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ /*/mv _/_/_/_/_/_/_/_/_/_/_/*/ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ #mv {background: url(../images/mv/bg.jpg) repeat-y center top;height: 380px;} #mv .inner {position: relative;width: 960px;height: 380px;margin: 0 auto;border: 0px solid #f00;background: linear-gradient(-90deg, #ff7fa6, #ffc629);} #mv .inner h1 {position: absolute;left: 105px;top: 60px;} #mv .inner .man {position: absolute;left: 334px;bottom: 0px;} #mv .inner .fukidashi01 {position: absolute;left: 70px;top: 122px;opacity: 0;color: #ff9c00;} #mv .inner .fukidashi02 {position: absolute;left: 90px;;top: 216px;opacity: 0;color: #ff9c00;} #mv .inner .fukidashi03 {position: absolute;left: 611px;top: 122px;opacity: 0;color: #ff5c8c;} #mv .inner .fukidashi04 {position: absolute;left: 641px;top: 216px;opacity: 0;color: #ff5c8c;} #mv .inner .fukidashi01, #mv .inner .fukidashi02, #mv .inner .fukidashi03, #mv .inner .fukidashi04 {font-size: 22px;font-weight: bold;-webkit-border-radius:100px;-moz-border-radius:100px; border-radius:100px;background: #fff;padding: 16px 30px;} /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ /*/mvkadai _/_/_/_/_/_/_/_/_/_/_/*/ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ #mvkadai {padding-top: 100px;padding-bottom: 100px;} #mvkadai ol.maru {width: 464px;margin: 50px auto 60px;overflow: visible;} #mvkadai ol.maru li:nth-of-type(1){float: left;width: 50%;} #mvkadai ol.maru li:nth-of-type(2){float: right;width: 50%;} #mvkadai p.text {font-size: 18px;line-height: 195%;text-align: center;margin-bottom: 0em;} #mvkadai #paper {margin: 55px 0 0;padding-bottom: 110px} #mvkadai #know_area #know_left {float: left;width: 480px;background: linear-gradient(0deg, #ffd86a,#ffc628);padding-top: 44px;} #mvkadai #know_area #know_left .inner {width: 480px;margin: 0 auto;} #mvkadai #know_area #know_left .inner div:nth-of-type(1){margin-bottom: 28px;text-align: center;} #mvkadai #know_area #know_left .inner div:nth-of-type(2){margin-bottom: 0px;} #mvkadai #know_area #know_right{float: right;width: 480px;background: linear-gradient(0deg, #ff9cba,#ff7fa6);padding-top: 44px;} #mvkadai #know_area #know_right .inner {width: 480px;margin: 0 auto;} #mvkadai #know_area #know_right .inner div:nth-of-type(1){margin-bottom: 28px;text-align: center;} #mvkadai #know_area #know_right .inner div:nth-of-type(2){margin-bottom: 0px;} #mvkadai #know_area #know_left:hover {opacity: 0.8;transition-property: all;transition-duration: 300ms;transition-delay: 0s;transition-timing-function: ease;} #mvkadai #know_area #know_right:hover {opacity: 0.8;transition-property: all;transition-duration: 300ms;transition-delay: 0s;transition-timing-function: ease;} #mvkadai #know_area > p {font-size: 18px;line-height: 190%;text-align: center;font-weight: bold;padding-top: 40px;padding-bottom: 110px;} /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ /*/sick_area _/_/_/_/_/_/_/_/_/_/_/*/ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ #sick_area {background: #ffc629;padding-top: 100px;padding-bottom: 10px;} .sick_main_h2 {font-size: 40px;color: #fff;font-weight: bold;text-align: center;line-height: 100%;margin: 0 0 45px; padding: 0;padding-top: 30px;} .sick_main_p {font-size: 18px;color: #fff;text-align: center;line-height: 190%;font-weight: bold;} .sick_main_p2 {font-size: 18px;color: #fff;text-align: center;line-height: 190%;margin-bottom: 90px;font-weight: bold;} .sick_graph { margin-top: 55px;margin-bottom: 55px; position: relative;width: 940px;height: 384px; -webkit-border-radius:7px;-moz-border-radius:7px; border-radius:7px;background: #fff;padding: 10px; } .sick_graph_text {position: absolute;left: 458px;top: 178px;} .sick_graph_text p {padding-bottom: 1em;font-size: 14px;color: #91a2aa;} .sick_graph_anime { position: absolute;left: 169px;top: 60px;width: 355px;height: 270px;overflow: hidden;display: block; background: transparent url(../images/sick/graph.jpg) no-repeat top left; } #sick_area .wide {margin: 0 10px;background: #fff;background: #fbfbfb;} #sick_area .wide #connect {background: url(../images/sick/connect_title_bg.jpg) right top no-repeat #f0eef3;padding-bottom: 131px;} .connect_title {padding-top: 131px;padding-bottom: 30px;} #connect .play_btn {width: 305px;} #connect .play_btn ul li { position: relative; background: #98a2a5; width: 305px; height: 51px; padding-left: 0px; text-align: left; font-size: 15px; line-height: 100%; font-weight: bold; color: #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding-top: 0px; } #connect .play_btn ul li a {display: block;width: 195px;height: 34px;padding-left: 110px;padding-top: 17px;} #connect .play_btn ul li:before {position: absolute;left: 92px;top: 50%;content: url(../images/sick/btn_arrow.png);margin-top: -6px;} #connect .play_btn ul li a:link {color: #fff;text-decoration: none;display: block;} #connect .play_btn ul li a:visited {color: #fff;text-decoration: none;} #connect .play_btn ul li a:hover {color: #fff;text-decoration: none;} #connect .play_btn ul li a:active {color: #fff;text-decoration: none;} /* #connect_movie01 {padding: 0 0 56.25%;width: 100%;} */ #connect_movie01 {position: relative;width: 100%;margin-bottom: 100px;} #connect_movie01 .connect_movie01_inner {position: absolute;left: 0;top: 140px;top:40%width: 100%;} #connect_movie01 .connect_movie01_inner h2 {font-size: 34px;color: #fff;text-align: center;margin: 0;padding: 0;margin-bottom: 55px;} #connect_movie01 .connect_movie01_inner p {font-size: 18px;color: #fff;line-height: 190%;text-align: center;margin-bottom: 1em;} /* */ /* 600〜999px */ @media screen and (min-width:600px) and (max-width:999px){ #connect_movie01 .connect_movie01_inner {position: absolute;left: 0;top: 20%;width: 100%; transition-property: all; transition-duration: 300ms; transition-delay: 0s; transition-timing-function: ease;}} /* 1000〜1499px */ @media screen and (min-width:1000px) and (max-width:1499px){ #connect_movie01 .connect_movie01_inner {position: absolute;left: 0;top: 30%;width: 100%; transition-property: all; transition-duration: 300ms; transition-delay: 0s; transition-timing-function: ease;}} /* 1500px以上 */ @media screen and (min-width:1500px) { #connect_movie01 .connect_movie01_inner {position: absolute;left: 0;top: 30%;width: 100%; transition-property: all; transition-duration: 300ms; transition-delay: 0s; transition-timing-function: ease;}} #connect_image01 .inner {position: relative;margin-bottom: 20px;} #connect_image01 .inner p {position: absolute;left: 18px;bottom: 18px;font-size: 14px;color: #7f7f7f;} #connect_image02 .inner, #connect_image03 .inner, #connect_image04 .inner {position: relative;} #connect_image04 .inner {margin-bottom: 100px;} #connect_image02 .inner p, #connect_image03 .inner p, #connect_image04 .inner p {position: absolute;left: 18px;bottom: 18px;font-size: 14px;color: #fff;} #connect_font_main {background: url(../images/connect/connect_font_bg1.jpg) no-repeat;width: 960px;height: 464px;height: 364px;padding-top: 100px;margin-bottom: 100px;} #connect_font_main.open {background: url(../images/connect/connect_font_bg2.jpg) no-repeat;width: 960px;height: 727px;height: 627px;padding-top: 100px;margin-bottom: 100px;} #connect_font_main h2 {font-size: 34px;color: #fff;text-align: center;margin-bottom: 35px;} #connect_font_main p {font-size: 18px;color: #fff;line-height: 190%;text-align: center;} #connect_font_main .conect_fontimage{display: none;margin-top: 50px;} #connect_font .more_btn {width: 457px;margin: 50px auto 0;} #connect_font .more_btn ul li { position: relative; background: #fff; width: 457px; height: 76px; padding-left: 0px; text-align: left; font-size: 20px; line-height: 100%; font-weight: bold; color: #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding-top: 0px; } #connect_font .more_btn ul li a {display: block;width: 267px;height: 48px;padding-left: 190px;padding-top: 30px;} #connect_font .more_btn ul li:before {position: absolute;left: 166px;top: 50%;content: url(../images/connect/btn_arrow.png);margin-top: -4px;} #connect_font .more_btn ul li a:link {color: #595656;text-decoration: none;display: block;} #connect_font .more_btn ul li a:visited {color: #595656;text-decoration: none;} #connect_font .more_btn ul li a:hover {color: #595656;text-decoration: none;} #connect_font .more_btn ul li a:active {color: #595656;text-decoration: none;} #connect_font .close_btn {width: 457px;margin: 50px auto 0;} #connect_font .close_btn ul li { position: relative; background: #88a6af; width: 457px; height: 76px; padding-left: 0px; text-align: left; font-size: 20px; line-height: 100%; font-weight: bold; color: #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding-top: 0px; } #connect_font .close_btn ul li a {display: block;width: 247px;height: 48px;padding-left: 211px;padding-top: 30px;} #connect_font .close_btn ul li:before {position: absolute;left: 186px;top: 50%;content: url(../images/sick/btn_arrow2.png);margin-top: 0px; /* -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); */ } #connect_font .close_btn ul li a:link {color: #fff;text-decoration: none;display: block;} #connect_font .close_btn ul li a:visited {color: #fff;text-decoration: none;} #connect_font .close_btn ul li a:hover {color: #fff;text-decoration: none;} #connect_font .close_btn ul li a:active {color: #fff;text-decoration: none;} #connect_font_detail {display: block;margin-bottom: 100px;} #connect_font_detail p {font-size: 18px;color: #7f7f7f;line-height: 190%;} .cfd_text01 {margin-bottom: 30px;text-align: center;} .cfd_text02 {margin-top: 25px;margin-bottom: 90px;text-align: center;} .cfd_text03 {margin-top: 100px;margin-bottom: 100px;text-align: center;} .cfd_text04 {margin-top: 100px;margin-bottom: 50px;text-align: center;} .cfd_text05 {margin-top: 50px;margin-bottom: 18px;text-align: center;} ol.cfd_abcd {width: 960px;margin: 0 auto;} ol.cfd_abcd li {float: left;} ol.cfd_abcd li:nth-of-type(1){padding-top: 10px;} ol.cfd_abcd li:nth-of-type(3){padding-top: 10px;} ol.cfd_sample {width: 860px;margin: 0 auto;} ol.cfd_sample li {float: left;margin-right: 40px;} ol.cfd_sample li:nth-of-type(3) {margin-right: 0px;} .kiyakubox { margin: 0 auto; border: solid 1px #d7d7d7; width: 600px; /* height: 195px; */ padding: 2em; overflow: auto; margin-bottom: 20px; } #connect_font_detail .kiyakubox p {font-size: 14px;color: #7f7f7f;line-height: 160%;} #connect_font_detail .kiyakubox ul {font-size: 14px;color: #7f7f7f;line-height: 160%;list-style: decimal　;padding-left: 20px;} #connect_font_detail .kiyakubox td {font-size: 14px;color: #7f7f7f;line-height: 160%;} #connect_font_detail .bg_checkbox {width: 90px;margin: 0 auto;} #connect_font_detail .bg_checkbox li { position: relative; display: inline-block; margin: 0 0 0 0; padding: 0; } #connect_font_detail .bg_checkbox input { position: absolute; top: 0; opacity: 0; width: 100%; height: 100%; } #connect_font_detail .bg_checkbox input[type="checkbox"] + label { display: block; background-image: url(../images/connect/checkbox_off.png); background-size: 25px; background-position: left center; background-repeat: no-repeat; padding: 2px 0 0 28px; } #connect_font_detail .bg_checkbox input[type="checkbox"]:checked + label { background-image: url(../images/connect/checkbox_on.png); } #downloadarea {width: 860px; margin: 0 auto;margin-top: 27px;} #downloadarea .btn_connectfont {width: 420px;float: left;} #downloadarea .btn_connectfont ul li { letter-spacing: 2px; position: relative; background: #88a6af; width: 420px; height: 110px; padding-left: 0px; text-align: left; font-size: 15px; line-height: 100%; font-weight: bold; color: #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding-top: 0px; } /* */ #downloadarea .btn_connectfont ul li.checkoff{background: #cfdbdf;} #downloadarea .btn_connectfont ul li.checkoff a{pointer-events: none;text-decoration: none;} #downloadarea .btn_connectfont ul li a {display: block;width: 335px;height: 65px;padding-left: 85px;padding-top: 45px;} #downloadarea .btn_connectfont ul li:before {position: absolute;left: 54px;top: 50%;content: url(../images/download/btn_download.png);margin-top: -6px;} #downloadarea .btn_connectfont ul li a:link {color: #fff;text-decoration: none;display: block;} #downloadarea .btn_connectfont ul li a:visited {color: #fff;text-decoration: none;} #downloadarea .btn_connectfont ul li a:hover {color: #fff;text-decoration: none;} #downloadarea .btn_connectfont ul li a:active {color: #fff;text-decoration: none;} #downloadarea .btn_webfont {width: 420px;float: right;} #downloadarea .btn_webfont ul li { letter-spacing: 2px; position: relative; background: #88a6af; width: 420px; height: 110px; padding-left: 0px; text-align: left; font-size: 15px; line-height: 130%; font-weight: bold; color: #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding-top: 0px; } /* */ #downloadarea .btn_webfont ul li.checkoff{background: #cfdbdf;} #downloadarea .btn_webfont ul li.checkoff a{pointer-events: none;text-decoration: none;} #downloadarea .btn_webfont ul li a {display: block;width: 335px;height: 75px;padding-left: 85px;padding-top: 35px;} #downloadarea .btn_webfont ul li:before {position: absolute;left: 54px;top: 50%;content: url(../images/download/btn_download.png);margin-top: -6px;} #downloadarea .btn_webfont ul li a:link {color: #fff;text-decoration: none;display: block;} #downloadarea .btn_webfont ul li a:visited {color: #fff;text-decoration: none;} #downloadarea .btn_webfont ul li a:hover {color: #fff;text-decoration: none;} #downloadarea .btn_webfont ul li a:active {color: #fff;text-decoration: none;} /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ /*/sns _/_/_/_/_/_/_/_/_/_/_/*/ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ #sns {width: 208px;margin: 0 auto;padding-left: 5px;} #sns ol li {float: left;margin: 0 5px;display: block;} /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ /*/sns2 _/_/_/_/_/_/_/_/_/_/_/*/ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ p.sns2text {font-size: 18px;color: #7f7f7f;text-align: center;margin-bottom: 10px;line-height: 190%;} #sns2 {width: 240px;margin: 0 auto;padding-left: 5px;padding-top: 0px;padding-bottom: 80px;} #sns2 ol li {float: left;margin: 0 5px;display: block;} /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ /*/award01 _/_/_/_/_/_/_/_/_/_/_/*/ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ #award01 .inner {width: 862px;margin: 0 auto;padding-bottom: 80px;} #award01 h2 {font-size: 34px;color: #7f7f7f;line-height: 100%;text-align: center;margin-bottom: 35px;} #award01 .lead {font-size: 18px;text-align: center;margin-bottom: 50px;} ol.award_list li{float: left;width: 430px;width: 430px;text-align: center;} ol.award_list li img {border-bottom: 1px solid #d7d4db;margin-bottom: 30px;} ol.award_list li h3 {margin-bottom: 20px;font-size: 17px;font-weight: bold;color: #595656} ol.award_list li p {margin-bottom: 20px;line-height: 180%;font-size: 13px;font-size: 15px;color: #595656;} /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ /*/award02 _/_/_/_/_/_/_/_/_/_/_/*/ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ #award02 .inner {width: 862px;margin: 0 auto;padding-bottom: 80px;} #award02 h2 {font-size: 34px;color: #7f7f7f;line-height: 100%;text-align: center;margin-bottom: 35px;} #award02 .lead {font-size: 18px;text-align: center;margin-bottom: 10px;} /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ /*/feeling_area _/_/_/_/_/_/_/_/_/_/_/*/ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ #feeling_area {background: #ff7fa6;padding-top: 100px;padding-bottom: 10px;} .feeling_main_h2 {font-size: 40px;color: #fff;font-weight: bold;text-align: center;line-height: 100%;margin: 0 0 45px; padding: 0;padding-top: 30px;} .feeling_main_p {font-size: 18px;color: #fff;text-align: center;line-height: 190%;margin-bottom: 90px;font-weight: bold;} .feeling_main_p2 {font-size: 30px;font-weight: bold;color: #fff;text-align: center;line-height: 100%;margin-bottom: 50px;} #feeling_image {position: relative;width: 535px; height: 319px;margin: 0 auto;margin-bottom: 120px;} #man_illust01 {position: absolute;left: 220px;top: 93px;opacity: 0; left:220px;top:-7px;} #man_illust02 {position: absolute;left: 0px;top: 157px;opacity: 0; left:-100px;top:257px;} #man_illust03 {position: absolute;left: 100px;top: 1px;opacity: 0; left:0px;top:-99px;} #man_illust04 {position: absolute;left: 377px;top: 0px;opacity: 0; left:477px;top:-100px;} #man_illust05 {position: absolute;left: 456px;top: 157px;opacity: 0; left:556px;top:257px;} #man_line01, #man_line02, #man_line03, #man_line04, #man_line05, #man_line06, #man_line07, #man_line08, #man_line09 {position: absolute;left: 0px;top: 0px;opacity: 0;} #feeling_area .wide {margin: 0 10px;background: #fff;} #feeling_area .wide #pict {background: url(../images/feeling/pict_title_bg.jpg) right top no-repeat #fff;height: 425px;} .pict_title {padding-top: 90px;padding-bottom: 35px;font-size: 40px;font-weight: bold;;color: #5b5b5b;line-height: 140%;} #pict .play_btn {width: 305px;} #pict .play_btn ul li { position: relative; background: #aeaeae; width: 305px; height: 51px; padding-left: 0px; text-align: left; font-size: 15px; line-height: 100%; font-weight: bold; color: #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding-top: 0px; } #pict .play_btn ul li a {display: block;width: 195px;height: 34px;padding-left: 110px;padding-top: 17px;} #pict .play_btn ul li:before {position: absolute;left: 92px;top: 50%;content: url(../images/sick/btn_arrow.png);margin-top: -6px;} #pict .play_btn ul li a:link {color: #fff;text-decoration: none;display: block;} #pict .play_btn ul li a:visited {color: #fff;text-decoration: none;} #pict .play_btn ul li a:hover {color: #fff;text-decoration: none;} #pict .play_btn ul li a:active {color: #fff;text-decoration: none;} #connect_movie02 {position: relative;width: 100%;margin-bottom: 100px;} #connect_movie02 .connect_movie02_inner {position: absolute;left: 0;top: 40%;width: 100%;} #connect_movie02 .connect_movie02_inner p {font-size: 18px;color: #fff;line-height: 190%;text-align: center;margin-bottom: 1em;} /* */ /* 600〜999px */ @media screen and (min-width:600px) and (max-width:999px){ #connect_movie02 .connect_movie02_inner {position: absolute;left: 0;top: 40%;width: 100%; transition-property: all; transition-duration: 300ms; transition-delay: 0s; transition-timing-function: ease;}} /* 1000〜1499px */ @media screen and (min-width:1000px) and (max-width:1499px){ #connect_movie02 .connect_movie02_inner {position: absolute;left: 0;top: 40%;width: 100%; transition-property: all; transition-duration: 300ms; transition-delay: 0s; transition-timing-function: ease;}} /* 1500px以上 */ @media screen and (min-width:1500px) { #connect_movie02 .connect_movie02_inner {position: absolute;left: 0;top: 40%;width: 100%; transition-property: all; transition-duration: 300ms; transition-delay: 0s; transition-timing-function: ease;}} #panel {margin-bottom: 100px;} #panel_text {float: left;width: 430px;__text-align: justify;} #panel_text p {font-size: 16px;color: #7f7f7f;line-height: 220%;margin-bottom: 2em;} #panel_pict {float: right;width: 443px;} #panel_pict div img{display: none;} /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ /*/link _/_/_/_/_/_/_/_/_/_/_/*/ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ #link_area {padding-top: 50px;padding-bottom: 100px;background: #f1f1f1;} #link_area h2 {font-size: 34px;font-weight: bold;color: #7f7f7f;text-align: center;margin-bottom: 40px;} #link_area .link_bnr ol {width: 630px;margin: 0 auto;} #link_area .link_bnr ol li{float: left;} #link_area .link_bnr ol li:nth-of-type(2){margin-left: 30px;margin-right: 0px;} /* #link_area .play_btn {width: 300px;float: left;margin-right: 30px;} #link_area .play_btn3 {margin-right: 0px;} #link_area .play_btn ul li { position: relative; background: #fff; width: 300px; height: 100px; padding-left: 0px; text-align: left; font-size: 22px; line-height: 100%; font-weight: bold; color: #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding-top: 0px; border: 1px solid #8e8e8e; border-bottom: 3px solid #8e8e8e; } #link_area .play_btn3 ul li { position: relative; background: #fff; width: 300px; height: 100px; padding-left: 0px; text-align: left; font-size: 22px; line-height: 100%; font-weight: bold; color: #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding-top: 0px; border: 1px solid #8e8e8e; border-bottom: 3px solid #8e8e8e; } #link_area .play_btn ul li p.small {font-size: 60%;} #link_area .play_btn ul li a {display: block;width: 100%;height: 100%;padding-top: 25px;text-align: left;padding-left: 25px;} #link_area .play_btn ul li:before {position: absolute;right: 10px;top: 50%;content: url(../images/link/btn_arrow.png);margin-top: -8px;} #link_area .play_btn ul li a:link {color: #7f7f7f;text-decoration: none;display: block;} #link_area .play_btn ul li a:visited {color: #7f7f7f;text-decoration: none;} #link_area .play_btn ul li a:hover {color: #7f7f7f;text-decoration: none;} #link_area .play_btn ul li a:active {color: #7f7f7f;text-decoration: none;} #link_area .play_btn2 ul li a {display: block;width: 100%;height: 100%;padding-top: 25px;text-align: left;padding-left: 45px;} #link_area .play_btn3 ul li a {display: block;width: 100%;height: 100%;padding-top: 40px;padding-left: 0;text-align: center;} */ /* #link_area .play_btn3 ul li:hover { background: #f00; } */ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ /*/know _/_/_/_/_/_/_/_/_/_/_/*/ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ /* #know {margin-bottom: 80px;} .area02_wide {background: url(../images/area02/area02_wide.gif) center top;margin-bottom: 58px;} #area02 h2:nth-of-type(1) {margin-bottom: 27px;} #area02 .area02_01 {margin-bottom: 68px;} #area02 .area02_01 .area02_01_image {float: right;width: 420px;} #area02 .area02_01 .area02_01_image div {text-align: right;margin-bottom: 10px;padding-right: 100px;} #area02 .area02_01 .area02_01_image p {text-align: left;font-size: 90%;line-height: 130%;} #area02 .area02_01 .area02_01_image td {font-size: 90%;line-height: 140%;} #area02 .area02_01 .area02_01_text {float: left;width: 485px;} .area02_sub {background: #b9e3f9;font-size: 20px;font-weight: bold;color: #009de4;padding: 15px;line-height: 100%;margin-bottom: 15px;} .area02_img02 {margin-bottom: 58px;} #area02 h2:nth-of-type(2) {margin-bottom: 27px;} #area02 .area02_02 {margin-bottom: 68px;} #area02 .area02_02 .right {float: right;} #area02 .area02_02 .left {float: left;width: 455px;} #area02 .area02_02 .left .inner {margin-top: 40px;width: 441px;} .img04_left {float: left;width: 263px;text-align: center;letter-spacing: 2px;} .img04_right {float: right;width: 178px;text-align: center;letter-spacing: 1px;} #area02 .area02_03 .left {float: left;width: 330px;} #area02 .area02_03 .right {float: right;width: 630px;} #area02 .area02_03 .left h2 {margin-bottom: 25px;} #area02 .area02_03 .right ul {padding-top: 10px;} #area02 .area02_03 .right ul li {float: left;} #area02 .area02_03 .right ul li:nth-of-type(1){margin-right: 28px;} #area02 .area02_03 .right ul li:nth-of-type(2){margin-right: 10px;} #area02 hr { border-width: 1px 0 0 0; border-style: solid; border-color: #0eb1e6; margin: 40px 0 50px; } */ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ /*/area03 _/_/_/_/_/_/_/_/_/_/_/*/ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ #area03 {margin-bottom: 80px;} .area03_wide {background: url(../images/area03/area03_wide.gif) center top;margin-bottom: 58px;} #area03 h2:nth-of-type(1) {margin-bottom: 27px;} #area03 .area03_01 {margin-bottom: 68px;} #area03 .area03_01 .right {float: right;padding-right: 0px;} #area03 .area03_01 .left {float: left;width: 445px;} .area03_sub {background: #feeabe;font-size: 20px;font-weight: bold;color: #f39800;padding: 15px;line-height: 100%;margin-bottom: 15px;} .area03_img02 {margin-bottom: 58px;} #area03 h2:nth-of-type(2) {margin-bottom: 27px;} #area03 .area03_02 {margin-bottom: 68px;} #area03 .area03_02 .right {float: right;} #area03 .area03_02 .right div:nth-of-type(1) {margin-bottom: 20px;} #area03 .area03_02 .left {float: left;width: 450px;} #area03 .area03_02 .left h3 {font-size: 17px;font-weight: bold;margin-bottom: 1.5em;} #area03 .area03_02 .left p {margin-bottom: 2em;} #area03 .area03_03 .left {float: left;width: 310px;} #area03 .area03_03 .right {float: right;width: 650px;} #area03 .area03_03 .left h2 {margin-bottom: 25px;} #area03 .area03_03 .right ul {padding-top: 10px;} #area03 .area03_03 .right ul li {float: left;padding-left: 115px;} #area03 hr { border-width: 1px 0 0 0; /* 太さ */ border-style: solid; /* 種類 */ border-color: #f5c14f; /* 色 */ margin: 40px 0 50px; } #area03 .area03_04 ul{padding-left: 65px;} #area03 .area03_04 ul li{ float: left; margin-right: 20px; border: 2px solid #b5b6b6; background: #f2f2f2; font-size: 20px; padding: 10px 0; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ } #area03 .area03_04 ul a li{color: #7f7f7f} #area03 .area03_04 ul a li.site01 {padding-left: 0px;width: 260px;height: 50px;margin-right: 20px;} #area03 .area03_04 ul a li.site02 {padding-top: 25px;width: 260px;height: 35px;text-align: center;margin-right: 20px;} #area03 .area03_04 ul a li.site03 {padding-left: 0px;width: 260px;height: 50px;margin-right: 0px;} /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ /*/footer _/_/_/_/_/_/_/_/_/_/_/*/ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ #footer{ padding: 35px 0; } #footer p {text-align: center;font-size: 12px;color: #7f7f7f;width: 100%;} /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ /*/#connectfont _/_/_/_/_/_/_/_/_/_/_/*/ /*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/ #connectfont {} #connectfont .inner {width: 960px;margin: 0 auto;} #connectfont .download_btn {width: 860px;margin: 0 auto;} #connectfont .download_btn ul li:nth-of-type(1) {float: left;padding-top: 40px;height: 55px;} #connectfont .download_btn ul li:nth-of-type(2) {float: right;padding-top: 30px;height: 65px;} #connectfont .download_btn ul li { background: #88a6af; width: 320px; text-align: left; font-size: 16px; font-weight: bold; color: #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding: 5px; } #connectfont .download_btn ul li {position: relative;padding-left: 85px;} #connectfont .download_btn ul li:before {position: absolute;left: 54px;top: 50%;content: url(../images/download/icon_download.png);margin-top: -6px;} #connectfont .download_btn ul li a:link {color: #fff;text-decoration: none;display: block;} #connectfont .download_btn ul li a:visited {color: #fff;text-decoration: none;} #connectfont .download_btn ul li a:hover {color: #fff;text-decoration: none;} #connectfont .download_btn ul li a:active {color: #fff;text-decoration: none;} #connectfont .download_btn2 {width: 860px;margin: 0 auto;} #connectfont .download_btn2 ul li:nth-of-type(1) {float: left;height: 105px;} #connectfont .download_btn2 ul li:nth-of-type(2) {float: right;height: 105px;} #connectfont .download_btn2 ul li { position: relative; background: #ffa6af; width: 400px; text-align: left; font-size: 16px; font-weight: bold; color: #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding: 5px; } #connectfont .download_btn2 ul li.kiyakuon {background: #88a6af} #connectfont .download_btn2 ul li a{display: block;width: 100%;height: 100%;} #connectfont .download_btn2 ul li:before {position: absolute;left: 54px;top: 50%;content: url(../images/download/icon_download.png);margin-top: -6px;} #connectfont .download_btn2 ul li a:link {color: #fff;text-decoration: none;display: block;} #connectfont .download_btn2 ul li a:visited {color: #fff;text-decoration: none;} #connectfont .download_btn2 ul li a:hover {color: #fff;text-decoration: none;} #connectfont .download_btn2 ul li a:active {color: #fff;text-decoration: none;} #connectfont .download_btn2 ul li:nth-of-type(1) a {padding-top: 40px;padding-left: 85px;pointer-events: none;} #connectfont .download_btn2 ul li:nth-of-type(2) a {padding-top: 30px;padding-left: 85px;pointer-events: none;} #connectfont .download_btn2 ul li.kiyakuon a {pointer-events: auto;} .fade-up { transition: opacity 0.7s; -moz-transition: opacity 0.7s; -webkit-transition: opacity 0.7s; -o-transition: opacity 0.7s; transition: transform 0.7s; -moz-transition: transform 0.7s; -webkit-transition: transform 0.7s; -o-transition: transform 0.7s; } .fade-up2 { transition: opacity 1.5s; -moz-transition: opacity 1.5s; -webkit-transition: opacity 1.5s; -o-transition: opacity 1.5s; transition: transform 1.5s; -moz-transition: transform 1.5s; -webkit-transition: transform 1.5s; -o-transition: transform 1.5s; }